/*
	Theme Name: Starfish
	Theme URI: https://www.dink.nl
	Description: Basis voor de template
	Version: 1.0
	Author: DINK
	Author URI: https://www.dink.nl

*/

@font-face {
    font-family: 'Axiforma';
    src: url('fonts/AxiformaBold/font.woff2') format('woff2'),
        url('fonts/AxiformaBold/font.woff') format('woff');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('fonts/AxiformaBook/font.woff2') format('woff2'),
        url('fonts/AxiformaBook/font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?baxcib');
  src:  url('fonts/icomoon.eot?baxcib#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?baxcib') format('truetype'),
    url('fonts/icomoon.woff?baxcib') format('woff'),
    url('fonts/icomoon.svg?baxcib#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-diagonal-left-down:before {
  content: "\e900";
}
.icon-arrow-diagonal-left:before {
  content: "\e901";
}
.icon-arrow-diagonal-right-down:before {
  content: "\e902";
}
.icon-arrow-diagonal-right:before {
  content: "\e903";
}
.icon-arrow-down:before {
  content: "\e904";
}
.icon-arrow-left:before {
  content: "\e905";
}
.icon-arrow-right:before {
  content: "\e906";
}
.icon-arrow-up:before {
  content: "\e907";
}
.icon-chat:before {
  content: "\e908";
}
.icon-close:before {
  content: "\e909";
}
.icon-door-dink:before {
  content: "\e90a";
}
.icon-play:before {
  content: "\e90b";
}
.icon-social-linkedin:before {
  content: "\e90c";
}
.icon-social-twitter:before {
  content: "\e90d";
}


a, .btn span, .mobbtn, .mobbtn span, .video-url span:after {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.grecaptcha-badge {visibility:hidden!important}
/*------------------------------------*\
    MAIN


\*------------------------------------*/

/* global box-sizing */
*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}

/* clear */
.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}

img {	max-width:100%;width:100%;height:auto;	vertical-align:bottom;}

a {	color:#FFDD00;	font-weight:bold;text-decoration:none}
a:hover {	color:#fff;}
a:focus {	outline:0;}

a:hover,a:active {	outline:0;}
input:focus, :focus-visible {	outline:0;}

/*------------------------------------*\
    FONTS

\*------------------------------------*/




h1, h2, h3, h4, h5, h6 {    margin: 0 0 15px;color:#FFDD00; font-size:16px; font-weight:bold;line-height:1.3;text-transform:none;font-family: 'Axiforma';}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {margin-bottom:0}

body {font-size:16px;line-height:1.7;font-family: 'Axiforma';font-weight:normal;color:#B2B2B2;background:#1D1D1B}

p { margin:0 0 25px}
p:last-child {margin:0}

.large-content {font-size:20px;}

h3.subtitel { margin-bottom:20px;  color: #B2B2B2;    text-transform: uppercase;}
.title-box h2, .title-box h1 {    font-size: 92px;    color: #fff;    text-transform: uppercase;    line-height: 1;}


.title-box h2 span, h3.subtitel, .title-box h1 span {    display: block;    width: 75%;    margin-left: 16.66667%;}
.title-box h2 .yellow-title, .title-box h1 .yellow-title {    color: #FFDD00;	margin-left:0;width:91.66667%}

.small-title-box h2 {font-size:36px}


.standaard-content ul , .standaard-content ol {padding:0;margin:0;list-style:none;margin:0 0 25px;}
.standaard-content ul:last-child , .standaard-content ol:last-child {margin-bottom:0;}
.standaard-content li {list-style:none;margin-bottom:25px;display:block;position:relative;padding-left:20px;}
.standaard-content li:last-child {margin-bottom:0;}
.standaard-content li:before {width:10px;height:10px;background:#F39200;content:"";position:absolute;left:0;top:8px;}
	
/*------------------------------------*\
    CONTENT
\*------------------------------------*/
body, html {margin:0;padding:0}

/* wrapper */
.wrapper {	max-width:1300px;	width:calc(100% - 30px);	margin:0 auto;}
.large-wrapper {max-width:calc(100% - 120px)}

@media screen and (max-width:1400px){
	.large-wrapper {max-width:1300px}

}


.center-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;
}
@media screen and (min-width:768px){
.bottom-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;	
  -moz-align-items:flex-end;
  -ms-align-items:flex-end;
}
	.double-column:first-child {padding-right:30px;}
	.double-column:last-child {padding-left:30px;}

}

.textcenter, .text-center {text-align:center;}
.title-box {margin-bottom:80px}
.small-title-box {margin-bottom:20px;}

.subtitle-box {margin-bottom:20px}
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}

.margin-fix,.marginfix {margin-bottom:60px}
.nomargin {margin-bottom:0!important}


.content-row:first-child, .first-content-row {padding-top:230px;}
.contact-content-row {padding-top:100px;}
.first-content-row + .contact-content-row {padding-top:0;}
.page-template-default .first-content-row + .contact-content-row {padding-top:120px;}

.werkwijze-content-row + .contact-content-row {padding-top:10px;}

.first-content-row .standaard-content, .team-content-row  .standaard-content{position:relative}
.first-content-row .large-content:before,.team-content-row .large-content:before {height:2px;background:#FFDD00;width:30px;left:-45px;content:"";position:absolute;    top: 17px;}






.media-holder {position:relative;}
.media-holder img {width:100%;}
.media-holder a {display:block;}
.video-box { position: relative; padding-bottom: 56.25%;overflow: hidden;max-width: 100%;height: auto;    } 
.video-box iframe,.video-box object,.video-box embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%;   }
.video-url {position:relative;color:#1D1D1B!important;display:block}
.video-url span {    position: absolute;
    font-size: 16px;
    line-height: 1;
    left: calc(50% - 10px);
    top: calc(50% - 8px);    z-index: 1;}
.video-url:hover span:after {background:#fff}

.video-url span:after {
    width: 60px;
    height: 60px;
    content: "";
    position: absolute;
    left: calc(50% - 32px);
    top: calc(50% - 30px);
    background: #fedd00;
    z-index: -1;
    border-radius: 50%;
}


.team-media-hold .video-url span:after, .large-video-url span:after {
    width: 120px;
    height: 120px;
    left: calc(50% - 62px);
    top: calc(50% - 60px);
}





.title-box + .werkwijze-holder {margin-top:15px}

.werkwijze-row {z-index:20;position:relative;margin-bottom:70px;padding-bottom:100px;}

.werkwijze-row:last-child:before {z-index:-1;background:#1D1D1B;width:calc(100% + 60px);left:-30px;height:calc(100% + 60px);top:-30px;content:"";position:absolute;}

.werkwijze-container {border-bottom:1px solid #575756}
.werkwijze-row-titel {padding-bottom:25px;border-bottom:1px solid #575756}
.werkwijze-row-titel h2 {    font-size: 36px;    color: #fff;    text-transform: uppercase;}

.werkwijze-row-count {  
	line-height: 1;  
	height: 92px;
    font-weight: bold;
    position: absolute;
    right: calc(100% + 120px);top:-20px;
	width:	150px;background-repeat:no-repeat;background-position:center left;
}
.werkwijze-row-count.count-1 {background-image:url(img/count-01.svg)}
.werkwijze-row-count.count-2 {background-image:url(img/count-02.svg)}
.werkwijze-row-count.count-3 {background-image:url(img/count-03.svg)}

.werkwijze-box {
    padding-left: 110px;position:relative;
}
.werkwijze-box:after {content:"";width:1px;position:absolute;height:100%;top:0;left:17px;background:#FFDD00;z-index:1;}
.werkwijze-box:after {
    top: 56px;
    height: 0;
}
.werkwijze-box.animate-line:after{height:calc(100% - 33px);}

.werkwijze-box:last-child:after {display:none}
.werkwijze-box:first-child:before {display:none}

.werkwijze-box > div {border-bottom:1px solid #575756;padding:30px 0}
.werkwijze-box:last-child > div  {border:none}
span.werkwijze-box-count {
    position: absolute;
    left: 0;
    top: 22px;
    font-weight: bold;
    color: #1D1D1B;
    background: #fedd03;
    line-height: 1;
    width: 35px;
    height: 35px;
    text-align: center;
    padding-top: 9px;
    border-radius: 50%;z-index:10;border:1px solid #fedd03;
}
 
.inactive-item span.werkwijze-box-count {border-color:#575756;color:#B2B2B2;background:none;}


.werkwijze-titel {position:relative;cursor:pointer;padding-right:20px;}
.werkwijze-titel span {position:absolute;right:0;top:1px;transform: rotate(180deg);}
.werkwijze-titel.active span {color:#FFDD00;transform: rotate(0);}
.werkwijze-titel h3 {margin:0;color:#B2B2B2}
.werkwijze-titel.active h3, .werkwijze-titel:hover h3 {color:#FFDD00;}

.werkwijze-box.trigger-next + .werkwijze-box.inactive-item span.werkwijze-box-count {border-color: #fedd03;    }

 
.werkwijze-content {margin-top:15px;}
.werkwijze-content-row  .title-box {margin-bottom:120px}


.werkwijze-titel h3, .werkwijze-box-count{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.werkwijze-box:after{
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.werkwijze-box.animate-line:after{
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}
.werkwijze-box.animate-fast:after{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}



.reviews-archief {width:calc(100% + 30px);margin-left:-15px;position:relative}
.reviews-archief:after {content:"";position:absolute;background:#575756;height:1px;width:calc(100% - 60px);bottom:0;left:30px}
.home .reviews-archief:after {display:none}
.reviews-archief .columns {padding-left:30px;padding-right:30px}
.review-box {    padding: 80px 0 50px;    border-top: 1px solid #575756;position:relative}
.review-box:before {content:"“";position:absolute;top:17px;left:0;font-size:92px;color:#FFDD00;font-weight:bold;line-height:1;}

.home .reviews-archief >div:nth-child(3) .review-box, .home .reviews-archief >div:nth-child(4) .review-box{ border-bottom: 1px solid #575756;}

.review-titel {margin-top:35px}
.with-pasfoto {margin-top:45px;padding-left:95px;position:relative;}
.review-pasfoto {
    width: 74px;
    height: 74px;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
    border: 8px solid #575756;
    position: absolute;
    left: 0;
    top: calc(50% - 37px);
}

.review-titel h3 {
    margin: 0;
    text-transform: uppercase;
}
.review-titel h4 {
    color: #B2B2B2;
    text-transform: uppercase;
    margin: 0;
}

.review-media {    width: calc(50% - 30px);}
.full-box .review-content-hold{ width: calc(50% - 30px);float:right}

.reviews-content-row {padding-bottom:180px;z-index:20}



.overons-content-row{padding-bottom:120px;}
.team-content-row {padding-bottom:20px;}

.team-box {position:relative}
.team-box:nth-child(odd) {
    padding-left: calc(16.66667% + 15px);
}
.team-box:nth-child(even) {
    padding-right: calc(16.66667% + 15px);
}

.team-box:nth-child(odd) .team-naam {
    top: 70px;
    left: -56.66667%;
}

.team-box:nth-child(even) .team-naam {
    bottom: 70px;
    right: -56.66667%;text-align:right;
}

.team-box:nth-child(odd) .team-naam h3 span {    margin-left: 19%;}
.team-box:nth-child(even) .team-naam h3 span {    margin-right: 19%;}


.team-media {
    position: relative;
    padding-bottom: 135%;
    background-color: #575756;
    background-position: center center;
    background-size: cover;
}
.team-media-hold .overlay {position:absolute;z-index:100;}
.team-media-hold {position:relative;}

.team-naam {position:absolute;z-index:10;width:156.66667%}
.team-naam h3 {font-size:72px;line-height:1;text-transform:uppercase;color:#fff;}
.team-naam h3 span {color:#FFDD00; display:block;}




.oplossingen-content-row {padding-bottom:110px;}


.child-click {margin-bottom:20px;overflow:hidden}
.child-click:last-child {margin-bottom:0;}
.child-click a {font-size:16px;color:#575756;text-transform:uppercase;margin-left:-20px;}
.child-click:hover a, .child-click.active-item a {color:#FFDD00;margin-left:0;}
.child-click a span {margin-right:5px;}


.oplossing-content-trigger {display:none!important }
.medium-9 .oplossing-content-trigger.active-item, .oplossing-content-trigger.active-item.large-8, .title-box .oplossing-content-trigger.active-item {display:block!important}

#typing {display:block}
.blinking-cursor{display:none!important}
#typing  .typer-container {display:inline-block!important}
.title-box h1 .yellow-title span {margin-left:0!important}
.title-box h1 .yellow-title span {width:100%}

.form-box {display:block!important}

form br {display:none}
form p {margin:0}


input[type='text'], input[type='email'],textarea {
	-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;
	border-radius:0;background:none;border:none;height:60px;color:#FFDD00;font-weight:400;padding-left:0;margin-bottom:20px;width:100%;display:block;border:none;border-bottom:1px solid #575756;font-size:20px;padding-left:0;font-family: 'Axiforma';font-weight:normal;
}
textarea {min-height:150px;resize:none;overflow: hidden;padding-top:20px;margin-bottom:10px}


.wpcf7-form-control-wrap {width:100%;display:block;float:left;}

.wpcf7-form-control.wpcf7-radio {
    float: left;
    width: 100%;
    min-height: 60px;
    margin-bottom: 20px;
    border: 1px solid #121212;
    padding: 17px 26px 15px;
}


.required-txt {display:block;float:left;font-size:14px;width:100%;}

.wpcf7-checkbox {
    border-radius: 5px;
    background: #FFFFFF;
    width: 100%;
    margin-bottom: 20px;
    display: block;
    padding: 18px 30px;
    line-height: 1;
}
.wpcf7-list-item {   display: inline-block;
    margin: 0;
    margin-right: 50px;
    line-height: 1;
    font-size: 20px;
   font-family: avory-i-pe, sans-serif;
    font-weight: 400;
    color: #121212;}

input[type="checkbox"], input[type="radio"] {display:none}
input[type="checkbox"] + span, input[type="radio"] + span {position:relative;padding-left:30px;}
input[type="checkbox"] + span:before, input[type="radio"] + span:before {background:#fff;content:"";position:absolute;top:calc(50% - 10px);left:0;width:20px;height:20px;border-radius:0;border:1px solid #121212;text-align:center;padding-top:1px}
input[type="checkbox"]:checked + span:before, input[type="radio"]:checked + span:before{    font-weight: 400;
     font-weight: 400;
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    color: #F39200;
    font-size: 16px;
}
 

input.wpcf7-form-control.has-spinner.wpcf7-submit.btn {
    float: right;margin-top:-10px
}

.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {    border-color: #cb050e!important;}
.wpcf7 form .wpcf7-response-output {
    margin: 30px 0 0;
    padding: 20px;
    border: 2px solid #cb050e;
    text-align: center;
    float: left;
    width: calc(100% - 15px);
    margin-left: 0px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #cb050e;
    color: #fff;
    background: #cb050e;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
    color: #fff;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: avory-i-pe, sans-serif;color:#121212;font-weight:400;
}
::-moz-placeholder { /* Firefox 19+ */
 font-family: avory-i-pe, sans-serif;color:#121212;font-weight:400;
}
:-ms-input-placeholder { /* IE 10+ */
font-family: avory-i-pe, sans-serif;color:#121212;font-weight:400;
}
:-moz-placeholder { /* Firefox 18- */
 font-family: avory-i-pe, sans-serif;color:#121212;font-weight:400;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #FFDD00;
  -webkit-box-shadow: 0 0 0px 1000px #1D1D1B inset;
}
input:-moz-autofill {
  -moz-text-fill-color: #FFDD00;
  -moz-box-shadow: 0 0 0px 1000px #1D1D1B inset;
}
input:-o-autofill {
  -o-text-fill-color: #FFDD00;
  -o-box-shadow: 0 0 0px 1000px #1D1D1B inset;
}
input:-khtml-autofill {
  -khtml-text-fill-color: #FFDD00;
  -khtml-box-shadow: 0 0 0px 1000px #1D1D1B inset;
}



.contact-content-container > div{position:relative;padding:30px 15px}
.contact-content-container > div:nth-child(1):before, .contact-content-container > div:nth-child(2):before, .contact-content-container > div:after {content:"";position:absolute;left:15px;width:calc(100% - 30px);height:1px;background:#575756;}
.contact-content-container > div:before {top:0;}
.contact-content-container > div:after{bottom:0;}

.contact-count {    width: 110px;line-height:1.3}
.contact-content {width:calc(100% - 110px);font-weight:bold;color:#FFDD00}

.contact-content h5 {    color: #B2B2B2;    font-weight: normal;    margin-bottom: 5px;}
.contact-content ul, .contact-content li {padding:0;margin:0;list-style:none;display:block}
.contact-content li span {    font-size: 20px;    font-weight: normal;    vertical-align: sub;    margin-right: 5px;}



.video-banner {overflow:hidden;min-height:100vh;background-size:cover;background-position:center bottom;position:relative;padding:160px 0 100px 0}

video.banner-video {    position: absolute;    top: 0;    left: 0;   width: 100%;    height: 100%;    z-index: 1;object-fit: cover; }

.video-banner-holder .wrapper {position:relative;z-index:100;}


.video-banner-holder:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d1d1b+0,1d1d1b+100&0.28+0,1+72 */
background: -moz-radial-gradient(center, ellipse cover, rgba(29,29,27,0.28) 0%, rgba(29,29,27,1) 72%, rgba(29,29,27,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(29,29,27,0.28) 0%,rgba(29,29,27,1) 72%,rgba(29,29,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(29,29,27,0.28) 0%,rgba(29,29,27,1) 72%,rgba(29,29,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#471d1d1b', endColorstr='#1d1d1b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}


.scrolldown {
    font-size: 17px;
    width: 44px;
    height: 44px;
    border: 3px solid;
    color: #FFDD00;
    border-radius: 50%;
    text-align: center;
    line-height: 1;
    padding-top: 10px;
    position: absolute;
    bottom: 60px;
    left: calc(50% - 22px);
    cursor: pointer;z-index:200;
}
.scrolldown:hover {color:#fff;}

.video-banner a.video-url.overlay {
    position: absolute;
    width: 120px;
    height: 120px;
    left: calc(50% - 60px);
    top: calc(50% - 60px);z-index:500
}
.video-url span:after {
    width: 120px;
    height: 120px;
    content: "";
    position: absolute;
    left: calc(50% - 60px);
    top: calc(50% - 60px);
    background: #fedd00;
    z-index: -1;
    border-radius: 50%;
}
.fancybox__container {z-index:99999}

.landing-banner {position:relative;padding:230px 0 140px}
.landing-banner:before {content:"";position:absolute;left:0;top:0;background-image:url(img/landing-overlay.png);width:100%;height:100%;opacity:1}
.landing-banner .wrapper {position:relative;z-index:10;}

.landing-banner .title-box {margin-bottom:45px;}
@media screen and (max-width:991px){
	.landing-banner .title-box {margin-bottom:30px;}

}



.home-visie-row {position:relative;padding-top:110px;padding-bottom:20px;z-index:100}
.home-visie-row .pagina-gif {    top: 100px;}

.home .werkwijze-content {display:none}
.home .home-active-start {display:block}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.pagina-gif img{
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite;
}


.oplossing-blok .overlay {z-index:100}
.oplossing-blok > div {padding-bottom:100%;position:relative;background-color:#FFDD00;border-radius:50%;overflow:hidden}
.oplossing-blok > .meest-gekozen {background-color:#fff;position:relative}
.oplossing-blok > .meest-gekozen:before {content:"";position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);background-size:contain;background-position:center top;background-repeat:no-repeat;background-image:url(img/icon-meest-gekozen.svg);z-index:50}



.oplossing-blok-titel {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
.empty-blok {background:none!important}
.oplossing-blok-titel h3 {
    text-align: center;
    text-transform: uppercase;
    color: #1D1D1B;position:relative;padding-bottom:25px;
}
.oplossing-blok-titel h3 span {position:absolute;bottom:0;left:calc(50% - 8px)}
.oplossing-blok-titel {    text-align: center;    color: #1D1D1B;    padding: 20px 5px;    border-radius: 50%;	padding-top: 50px;}
.oplossing-overlay {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
	-webkit-mask-image:
		-webkit-radial-gradient(white, black); 
}

.oplossing-blok video {
    /* margin-left: 50vw; */
    /* transform: translate(-50%); */
    height: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}


 .oplossing-blok:hover .oplossing-blok-titel  span {transform: rotate(45deg);}
.oplossing-blok:hover .oplossing-blok-titel h3 {color:#fff}

.oplossing-blok:hover .oplossing-overlay{    width: calc(100% - 40px);    height: calc(100% - 40px);opacity:1;   top: 20px;
    left: 20px;}


.oplossingen-btn {    margin-top: 6%;}
.home-oplossingen-row {    padding-top: 100px;    padding-bottom: 190px;}



 .oplossing-blok-titel  span, .oplossing-blok-titel h3, .oplossing-overlay{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

@media screen and (min-width:768px){
	.responsive-show {display:none}	
	.desktop-show {display:block}
}
@media screen and (max-width:767px){
	.responsive-show {display:block}	
	.desktop-show {display:none}
	
}
/*------------------------------------*\
    ACHTERGRONDEN
\*------------------------------------*/
.title-box, .standaard-content {position:relative;z-index:10}



main {position:relative;}
main section {position:relative;z-index:10;}

.dotted-shape {background-size:1763px 902px;background-repeat:repeat-x;position:absolute;z-index:1;background-image:url(img/background-dots.svg);}

.standaard-shape {height:902px;}
.bottom-shape {height:775px;}
.small-shape {height:511px}

.shape-top-right {width:55%;top:90px;right:0;background-position:top left}
.shape-bottom-left {width:20%;bottom:0px;left:0;background-position:bottom right;}
.shape-top-left {width:20%;top:590px;left:0;background-position:top right}

.shape-center-left {width:20%;top:35%;left:0;background-position:center right;}

.oplossingen-top-shape {top:380px}
.over-ons-shape {top:590px}


.home-oplossingen-row .shape-top-right {width:50%;top:-630px;}
.home-oplossingen-row .shape-bottom-left {width:65%;bottom:-180px;left:0;background-position:bottom right;}
.home-werkwijze-row .shape-top-right {width:50%;top:-290px;}
.home-werkwijze-row .shape-bottom-left {width:65%;bottom:20px;left:0;background-position:bottom right;height:340px;}

.home .contact-content-row {background:#1D1D1B;z-index:20}

.home-oplossingen-row .title-box, .home-oplossingen-row .standaard-content, .oplossing-blocks{position:relative;z-index:100;}

.pagina-gif {
    position: absolute;
    top: 150px;
    z-index: 2;
    width: 190px;
    height: 190px;
    left: calc(50% + 440px);
}
.banner-image img{width:100%;height:auto;max-width:100%;display:none}
.banner-image {background-size:cover;background-repeat:no-repeat;background-position:center center;position:absolute;z-index:-1;}


.werkwijze-banner {height:870px;background-position:center left;left:0;width:60%;top:430px}
.reviews-banner {top:0;left:0;width:100%;height:875px;background-size:cover;background-position:center bottom}
.overons-banner {top:0;right:0;width:90%;height:1000px;background-size:cover;background-position:right bottom}

.home-oplossingen-row .overons-banner {width:70%;top:-5%;z-index:-1!important}


.navigatie-holder .wrapper {position:relative;z-index:10;}
.navigatie-holder:before {background-size:1763px 902px;background-repeat:repeat;position:absolute;z-index:1;background-image:url(img/background-dots.svg);background-position:center center;content:"";top:0;left:60px;width:calc(100% - 120px);height:100%;}



.team-content-row:before {background-size:1763px 902px;background-repeat:no-repeat;position:absolute;z-index:1;background-image:url(img/background-dots.svg);background-position:center bottom;content:"";bottom:-304px;left:0;width:100%;height:100%;}



.overons-banner:before, .werkwijze-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d1d1b+0,1d1d1b+100&0.28+0,1+72 */
background: -moz-radial-gradient(center, ellipse cover, rgba(29,29,27,0.28) 0%, rgba(29,29,27,1) 72%, rgba(29,29,27,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(29,29,27,0.28) 0%,rgba(29,29,27,1) 72%,rgba(29,29,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(29,29,27,0.28) 0%,rgba(29,29,27,1) 72%,rgba(29,29,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#471d1d1b', endColorstr='#1d1d1b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}


/*------------------------------------*\
    BUTTONS
\*------------------------------------*/
.btn {
font-size:16px;
    color: #FFDD00!important;
    font-weight: bold;
    display: inline-block;
    line-height: 1;
       padding:0;
    background-color: transparent;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    border:none;
    overflow: hidden;
    position: relative;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

.btn:hover, .btn:focus, .btn.white{color: #fff!important;background-color:transparent}
.btn.white:hover, .btn.white:focus { color: #FFDD00!important;}
.btn.white:hover span, .btn.white:focus span{ background-color: #FFDD00;}


.btn:hover span, .btn:focus span {background-color:#fff;}
.btn:hover span {transform: rotate(45deg);}

.form-btn.active-btn span { transform: rotate(0)!important;}
.form-btn.active-btn span:before {content: "\e909";}


.btn-icon-right {margin-left:15px;}
.btn-icon-left {margin-right:15px}
.btn span {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: #FFDD00;
    border-radius: 50%;
    padding-top: 22px;
    /* vertical-align: middle; */
    color: #1d1d1b;
}
.btn.white span {background:#fff}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer {padding:100px 0 80px;}
footer .wrapper > div {margin-bottom:10px;}

footer a {font-weight:normal;color:#575756;font-size:14px;}
footer a:hover, footer a:focus {color:#fff}
footer ul, footer li {padding:0;margin:0;list-style:none}
footer li {display:inline-block;margin:0 30px;} 

.footer-nav {text-align:center;padding-left:155px;width:calc(100% - 140px)}
.door-dink {    width: 140px;    text-align: right;}

.chat-scroller {position:fixed;z-index:9999;right:60px;bottom:60px;font-size:45px;color:#FFDD00;line-height:1;cursor:pointer}
/*------------------------------------*\
    HEADER
\*------------------------------------*/


header {  z-index:9999;  position: fixed;    width: 100%;    top: 0;    padding: 40px 0 20px;}
.logo {    width: 440px;}
.mobbtn-hold {width:calc(100% - 440px);    margin-top: 35px;}
.mobbtn {cursor:pointer;float:right;width:45px;height:45px;display:block;background-color:#FFDD00;border-radius:50px;    position: relative;}
.mobbtn.active-menu {background-color:#fff;}

.mobbtn span {height:2px;width:25px;background:#1D1D1B;position:absolute;left:10px;}
.mobbtn span:nth-child(1){top:16px;}
.mobbtn span:nth-child(2){    top: 22px;}
.mobbtn span:nth-child(3){top:28px;}

.mobbtn.active-menu span:nth-child(1) {    top: 22px;    transform: rotate(45deg);}
.mobbtn.active-menu span:nth-child(3) {    top: 22px;    transform: rotate(-45deg);}
.mobbtn.active-menu span:nth-child(2) {width:0;left:50%;}


.header.fixed {background:#1D1D1B;padding:10px 0 10px;}


.navigatie-holder{
position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:9998;background:#1D1D1B;opacity:0;z-index:-1
}

.navigatie-bottom {padding:20px 0;}
.navigatie-bottom ul, .navigatie-bottom li{padding:0;margin:0;list-style:none;}
.navigatie-bottom li {display:inline-block;float:left;margin-right:30px;}

.navigatie-top {min-height:calc(100vh - 110px);padding:180px 0 80px}
.navigatie-top ul, .navigatie-top li {padding:0;margin:0;list-style:none;display:block}
.navigatie-top li {margin-bottom:30px;}
.navigatie-top li:last-child {margin-bottom:0}
.navigatie-top a {font-size:72px;color:#fff;text-transform:uppercase;font-weight:bold;line-height:1;position:relative;display:inline-block;padding-right:90px;}
.navigatie-top a:after {    font-family: 'icomoon' !important;
    content: "\e903";
    position: absolute;
    right: 0;
    font-size: 51px;
    top: 9px;}

.navigatie-top a:before{    content: "";
    position: absolute;
    z-index: -1;
    background: #1d1d1b;
    width: calc(100% + 45px);
    height: calc(100% + 20px);
    top: -10px;
    left: -15px;}

.navigatie-top li:hover > a, .navigatie-top li.current-menu-item > a {    color: #FFDD00;}
.navigatie-top li:hover > a:after, .navigatie-top li.current-menu-item > a:after {  transform: rotate(45deg);}

header, .navigatie-top a:after, .navigatie-holder{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.navigatie-top li:nth-child(1){padding-left:calc(16.66667% + 15px) }
.navigatie-top li:nth-child(2){}
.navigatie-top li:nth-child(3){padding-left:calc(8.3333% + 15px)}
.navigatie-top li:nth-child(4){}
.navigatie-top li:nth-child(5){padding-left:calc(16.66667% + 15px)}
.navigatie-top li:nth-child(6){padding-left:calc(8.3333% + 15px)}



.overflow-hidden {overflow:hidden}
.navigatie-holder.active-menu {top:0;opacity:1;z-index:9998}
.header.active-menu {background:none!important}





@media screen and (max-width:1200px){
	.logo {    width: 330px;}
	.mobbtn-hold {width:calc(100% - 330px);    margin-top: 20px;}

	.navigatie-top a {    font-size: 63px;    padding-right: 80px;}
	.navigatie-top a:after {font-size:45px}
	
}
@media screen and (max-width:991px){
	.navigatie-top a {    font-size: 50px; padding-right: 70px;}
	.navigatie-top a:after {	font-size: 36px;		top: 8px;	}
	.navigatie-top {    min-height: calc(100vh - 110px);    padding: 110px 0 40px;}
}

@media screen and (max-width:767px){
	.logo {    width: 110px;}
	.mobbtn-hold {width:calc(100% - 110px);    margin-top: 23px;}
	
	.mobbtn {width: 30px;    height: 30px;}
	.mobbtn span {width:18px;    left: 6px;}
	.mobbtn span:nth-child(1) {    top: 10px;}
	.mobbtn span:nth-child(2) {    top: 14px;}
	.mobbtn span:nth-child(3) {    top: 18px;}
	
	.mobbtn.active-menu span:nth-child(1), .mobbtn.active-menu span:nth-child(3) {	top: 14px;}
	header {padding:10px 0}
	
	
	
	.navigatie-bottom {    font-size: 14px;padding-top:0;padding-bottom:70px}
	.navigatie-bottom li {margin:0;width:100%;}
	
	.chat-scroller {    right: 30px;    bottom: 30px;    font-size: 30px;}
	
	.navigatie-top li {    margin-bottom: 20px;}
	.navigatie-top a {    font-size: 37px;padding-right: 50px;}
	.navigatie-top a:after {    font-size: 26px;    top: 5px;}
	
}

@media screen and (max-width:600px){
	.navigatie-top a {    font-size: 30px;padding-right: 40px;}
	.navigatie-top a:after {		font-size: 22px;}
	.navigatie-top li {    margin-bottom: 20px;}
	.navigatie-top {
    min-height: 0;
    padding: 110px 0 50px;
}
}
@media screen and (max-width:450px){
	.navigatie-top a {    font-size: 24px;padding-right:30px;}
	.navigatie-top a:after {    font-size: 18px;    top: 3px;}
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
.responsive-video-url {display:none}

.oplossing-triggers {min-width:220px}
.oplossing-triggers-content {max-width:calc(100% - 220px)}


.oplossing-dropdown {
    display: none;
    margin-bottom: 30px;
    padding: 23px 20px;
    line-height: 1;
    border: 2px solid #3f3f3d;
    background: #1d1d1b;
    cursor: pointer;font-weight:bold;color: #FFDD00;position:relative;
}
.oplossing-dropdown > span {position:absolute;right:30px;top:calc(50% - 8px);font-size:16px;}

.oplossing-dropdown.active-dropdown > span:before{content:"\e907"}


.typewrite {min-height:92px}


@media screen and (max-width:1400px){
	.werkwijze-row:last-child:before {    width: calc(100% + 30px);
    left: -15px;}
}

@media screen and (max-width:1350px){
	.title-box h2, .title-box h1 {		font-size: 80px;}
	.small-title-box h2 {    font-size: 36px;}
	
	.pagina-gif {right: 40px;    top: 30px;left:auto}
	.home-visie-row .pagina-gif {top:90px}
	
	
	.typewrite {min-height:80px}

	
	.team-naam h3 {		font-size: 62px;}
	
}

@media screen and (max-width:991px){
	.title-box h2, .title-box h1 {		font-size: 70px;}
	.typewrite {min-height:70px}
	
	.title-box h2 span, .title-box h1 span, h3.subtitel {    width: 83.33333%;    margin-left: 8.33333%;}
	.small-title-box h2 {    font-size: 34px;}
	.title-box {    margin-bottom: 50px;}
	
	.pagina-gif {width:120px;height:120px;}
	
	
	/*home paddings*/
	.video-banner {padding-top:130px;}
	.home-visie-row {padding-top:90px;padding-bottom:0;}
	.home-visie-row .pagina-gif {top:30px}
	.home-oplossingen-row {    padding-top: 40px;    padding-bottom: 90px;}
	
	.oplossing-blocks {margin-top:20px;}
	.oplossingen-btn {width:100%;}
	
	.reviews-content-row {	padding-bottom: 60px;}
	.werkwijze-row {     margin-bottom: 60px;    padding-bottom: 0;}
	.werkwijze-content-row + .contact-content-row {padding-top:30px;}
	.margin-fix, .marginfix {    margin-bottom: 30px;}
	
	
	.overons-content-row {    padding-bottom: 60px;}
	.team-content-row + .contact-content-row {padding-top:50px}
	
	/*Banner images*/
	
	.home-oplossingen-row .overons-banner, .werkwijze-banner, .overons-banner {
    width: 100%;    top: 0;    position: relative;    height: auto;    padding-bottom: 440px;    background-size: cover;
    background-position: center center;    width: calc(100% + 30px);    margin-left: -15px;    margin-top: -130px;    margin-bottom: -90px;}
	
	.werkwijze-row-count {    height: 72px;    right: calc(100% + 20px);    top: -15px;		width: 90px;}	
	
	
	.page-template-default .first-content-row + .contact-content-row {    padding-top: 55px;}
	.reviews-banner {height:450px}
	
	.team-box:nth-child(odd) {    padding-left: calc(8.33333% + 15px);}
	.team-box:nth-child(even) {    padding-right: calc(8.33333% + 15px);}
	.team-naam {    width: 125%;}
	
	.team-naam h3 {    font-size: 42px;}
	.team-box:nth-child(odd) .team-naam {    top: 45px;    left: -25%;}
	.team-box:nth-child(even) .team-naam {    bottom: 45px;    right: -25%;    text-align: right;}
	.team-box:nth-child(even) .team-naam h3 span {    margin-right: 10%;}
	.team-box:nth-child(odd) .team-naam h3 span {margin-left:10%}
	
	.responsive-video-url {display:block}
	
	.oplossingen-content-row {    padding-bottom: 80px;}
	.oplossing-triggers {min-width:200px;position:relative;}
	.oplossing-triggers-content {max-width:calc(100% - 200px)}
	.child-click a {		font-size: 14px;}
	.child-click {		margin-bottom: 10px;}
}


@media screen and (max-width:767px){
	
	.large-content {    font-size: 18px;}
	body {font-size:14px;}
	.title-box {    margin-bottom: 30px;}
	
	.title-box h2, .title-box h1 {		font-size: 58px;}
	.typewrite {min-height:58px}

	.small-title-box h2 {    font-size: 32px;}
	h3.subtitel {font-size:12px;}
	
	.standaard-content, .resp-padding-left, .oplossing-content-trigger > .columns {    padding-left: 45px;}
	.resp-padding-left {text-align:left;}
	
	.first-content-row .large-content:before, .team-content-row .large-content:before {left:0;top: 15px;}
	
	
	.reviews-archief {    padding-left: 30px;}
	
	
	.title-box h2 .yellow-title, .title-box h1 .yellow-title {width:calc(100% - 30px);}
	.title-box h2 span, .title-box h1 span, h3.subtitel {   width:calc(100% - 60px);  margin-left: 30px;}
	
	
	.contact-content h5, .contact-content-row {font-size:14px;}
	.contact-content h5 {margin-bottom:3px;}	
	.contact-count {		width: 50px;}
	.contact-content {		width: calc(100% - 50px);padding-bottom:30px;border-bottom:1px solid #575756}
	.contact-content-container > div:after {display:none}
	.contact-content-container > div:nth-child(2):before {display:none}
	.contact-content-container > div:last-child:after {display:block}
	.contact-content-container > div {padding: 25px 15px;padding-bottom:0; }
	.contact-content-container > div:last-child {padding-bottom:0;}
	.contact-content-container > div:last-child .contact-content {border-bottom:0;}
	
	
	.oplossing-blok {width:50%}
	.oplossingen-btn {    margin-top: 45px;}
	.oplossingen-btn, .oplossingen-btn .text-center {text-align:center;padding:0;}
	
	.reviews-btn {text-align:left;margin-top:15px}
	
	.werkwijze-row-titel h2 {font-size:30px;}
	.werkwijze-row-count {
    height: 35px;
    position: relative;
    right: auto;
    top: 0;
    width: 90px;
    background-repeat: no-repeat;
    background-position: center left;
    display: block;
    margin-bottom: 15px;
}
	
	.werkwijze-box {		padding-left: 50px;}
	.werkwijze-titel h3 {font-size:14px;}
	
	
	.video-banner {  display: block!important;    align-items: normal; min-height: 579px;}
	.video-banner a.video-url.overlay {top:50%;}
	.scrolldown {    font-size: 14px;    width: 30px;    height: 30px;    border: 2px solid;    padding-top: 5px;    bottom: 30px;    left: calc(50% - 15px);}
	

	
	.content-row:first-child, .first-content-row {    padding-top: 130px;}	
	
	.resp-text-center {text-align:center}
	form .columns {padding-left:0;}
	input[type='text'], input[type='email'], textarea {height:40px;font-size: 18px;}
	
	.review-box {		padding: 80px 0 40px;}
	
	.video-url span:after, .team-media-hold .video-url span:after{width:90px;height:90px;left: calc(50% - 45px);    top: calc(50% - 45px);}
	
	.footer-nav {width:100%;padding-left:15px;}
	.door-dink {width:100%;text-align:center;margin-top:10px;}
	footer li {    display: block;    margin: 0 0 30px;text-align:center}
	footer {    padding: 60px 0 80px;}
	
	
	.team-box:nth-child(odd), .team-box:nth-child(even) {    padding-left: 45px;padding-right:15px;}
	
	.team-naam {
    position: absolute;
    z-index: 10;
    width: 100%;
    left: -30px!important;
    top: auto!important;
    bottom: 25px!important; right: auto!important; text-align: left!important;
}
	.team-box {width:50%}
	

	.team-naam h3 span {    margin-left: 15px!important;margin-right:0!important}
	.team-naam h3 {font-size:32px}
	
	.navigatie-holder:before {    left: 30px;
    width: calc(100% - 60px);}
	
		.oplossing-triggers {min-width:100%}
	.oplossing-triggers-content {max-width:100%}
	
	.oplossing-dropdown {display:block}
	.oplossing-triggers {padding-left:45px}
	
		.oplossing-dropdown-keuzes {display:none;position:absolute;top:calc(100% - 32px);left:0;background: #1d1d1b;padding:20px;padding-top:0;z-index:100;    width: calc(100% - 60px);
    left: 45px;    border: 2px solid #3f3f3d;border-top:none}
	
}

@media screen and (max-width:600px){
	.title-box h2, .title-box h1 {		font-size: 32px;}
	.small-title-box h2 {    font-size: 28px;}
	.oplossing-blok-titel h3 {font-size:12px}
	.werkwijze-row-titel h2 {font-size:20px;}
	
	.full-box .review-content-hold, .review-media {width:100%;}
	.review-media {margin-bottom:25px;}
	
	.reviews-banner {height:300px}
	.team-box {width:100%}
	
	.team-naam h3 {font-size:27px}
	.typewrite {min-height:32px}
	
}
@media screen and (max-width:450px){
	
	.title-box h2, .title-box h1 {    font-size: 29px;}
	.small-title-box h2 {    font-size: 25px;}
	.wrapper {width:100%}
	
	.contact-count {    width: 30px;}
	.contact-content {		width: calc(100% - 30px);}
	
	footer li {margin: 0 0 10px;}
	
	
	.home-oplossingen-row .overons-banner, .werkwijze-banner {width:100%;margin-left:0;}
	.large-content {    font-size: 16px;}
	.first-content-row .large-content:before, .team-content-row .large-content:before {top:13px;}
	
	.reviews-archief {width:100%}
	.home-oplossingen-row .overons-banner, .werkwijze-banner, .overons-banner {width:100%;margin-left:0;}
	.first-content-row .large-content:before, .team-content-row .large-content:before {		left: 10px;width:20px}
	
	.typewrite {min-height:29px}
}


/*Backgrounds*/
@media screen and (max-width:600px){
	.dotted-shape, .navigatie-holder:before, .team-content-row:before {background-image:url(img/background-dots-mobile.svg);background-size:auto;     background-size: 438px auto;
    background-repeat: repeat;}
	
	.shape-top-left {width:160px;}
	
	
	.home-oplossingen-row .shape-top-right{  top: -300px;width:160px;height:450px;}
	.home-oplossingen-row .shape-bottom-left {width: 160px;    height: calc(60% - 190px);    bottom: 190px;    background-repeat: repeat-y;}
	
	.home-werkwijze-row .shape-bottom-left {width: 160px;    height: 450px;    bottom: -450px;    background-repeat: repeat-y;}
	
	
	.shape-top-right, .shape-bottom-left {	    width: 160px;
    height: 610px;
}
	
	.home .contact-content-row {background:none;}
	
	.pull-down {    bottom: -30px!important;}
	
	.werkwijze-row:last-child:before {display:none}
}

@media screen and (min-width:768px){
	.oplossing-dropdown-keuzes {display:block!important}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#FFDD00;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#FFDD00;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#FFDD00;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}



#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #FFDD00!important;
    border-color: #FFDD00!important;
    color: #1D1D1B!important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {  border-color: #1D1D1B!important;color:#1D1D1B!important}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {color:#1D1D1B!important}
#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider:before {top:auto;}

.CybotCookiebotDialogBodyLevelButtonSliderWrapper input[type="checkbox"] {
    display: block;
}
#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #ffdc06!important;
}
input[type="checkbox"] + .CybotCookiebotDialogBodyLevelButtonSlider:before {border:none}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-bottom: 1px solid #1D1D1B!important;
   color:#1D1D1B!important
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {color:#1D1D1B!important}