html #root #wpca-bar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: white !important
}

@media only screen and (max-width:1023px) {
    html #root #wpca-bar {
        padding: 10px 24px
    }
}

@media only screen and (max-width:767px) {
    html #root #wpca-bar {
        max-height: 100%;
        overflow-y: scroll
    }
}

html #root #wpca-bar #wpca-bar-meta {
    display: none !important
}

html #root #wpca-bar #wpca-bar-content {
    max-width: 740px;
    margin: 0 auto
}

html #root #wpca-bar #wpca-bar-content:before {
    content: "";
    background-image: url("/wp-content/themes/draadcore/assets/icon-cookies.png");
    background-size: 80px;
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    background-repeat: no-repeat
}

@media only screen and (max-width:767px) {
    html #root #wpca-bar #wpca-bar-content:before {
        position: relative;
        width: 100%
    }
}

html #root #wpca-bar #wpca-bar-content p {
    font-size: 15px;
    line-height: 1.5;
    padding: 0 0 10px 100px;
    color: #2a2a2a !important
}

@media only screen and (max-width:767px) {
    html #root #wpca-bar #wpca-bar-content p {
        padding: 0 0 20px 0
    }
}

html #root #wpca-bar #wpca-bar-content strong {
    font-size: 16px
}

html #root #wpca-bar #wpca-bar-content a {
    font-size: 15px;
    line-height: 1.5
}

html #root #wpca-bar .wpca-cc-sett-box {
    background: white !important;
    padding: 0;
    text-align: start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 100px
}

@media only screen and (max-width:767px) {
    html #root #wpca-bar .wpca-cc-sett-box {
        padding-left: 0
    }
}

html #root #wpca-bar .wpca-cc-sett-box h2 {
    display: none
}

html #root #wpca-bar .wpca-cc-sett-box .wpca-cc-sett-opions {
    margin: 0;
    display: inline-block;
    border: 1px solid #9d9897
}

@media only screen and (max-width:767px) {
    html #root #wpca-bar .wpca-cc-sett-box .wpca-cc-sett-opions {
        max-width: 50%;
        min-width: 50%
    }
}

html #root #wpca-bar .wpca-cc-sett-box #wpca_cookie_cat {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html #root #wpca-bar .wpca-cc-sett-box #wpca_cookie_cat div {
    padding: 0 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

html #root #wpca-bar .wpca-cc-sett-box #wpca_cookie_cat div:nth-child(4) {
    display: none
}

html #root #wpca-bar .wpca-cc-sett-box #wpca_cookie_cat div:nth-child(5) {
    display: none
}

@media only screen and (max-width:767px) {
    html #root #wpca-bar .wpca-cc-sett-box #wpca_cookie_cat div {
        max-width: 100%;
        min-width: 100%
    }
}

html #root #wpca-bar .wpca-cc-sett-box #wpca_cookie_cat div label {
    font-size: 13px
}

html #root #wpca-bar .wpca-cc-sett-box .wpca-btn-cc-default-sett {
    margin: 0 0 0 auto;
    background: #64c564;
    padding: 0;
    min-height: 35px;
    font-size: 14px;
    max-width: 155px;
    width: 100%
}

@media only screen and (max-width:767px) {
    html #root #wpca-bar .wpca-cc-sett-box .wpca-btn-cc-default-sett {
        margin: auto 0 0 auto
    }
}

html #root #wpca-bar .wpca-cc-sett-box .wpca-btn-cc-save-sett {
    margin: 0 0 0 auto;
    display: inline-block;
    background: #64c564;
    padding: 0;
    min-height: 35px;
    font-size: 14px;
    max-width: 100px;
    width: 100%
}

@media only screen and (max-width:767px) {
    html #root #wpca-bar .wpca-cc-sett-box .wpca-btn-cc-save-sett {
        margin: auto 0 0 auto
    }
}

html #root #wpca-bar .wpca-btn-cc-default-sett {
    display: none
}

html #root .wpca-hide {
    display: none !important
}

.dialog__wrapper[aria-hidden] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100vw;
    height: 100vh
}

.dialog__outer-container {
    position: absolute;
    z-index: 1;
    background: #fff
}

.dialog__position-top {
    top: 0;
    left: 0;
    width: 100%
}

.dialog__position-center {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 900px;
    max-height: 90%;
    overflow-y: auto
}

.dialog__position-bottom {
    bottom: 0;
    left: 0;
    width: 100%
}

.dialog__container {
    padding: 100px 50px 50px
}

.dialog__actions {
    position: sticky;
    top: 0;
    width: 100%
}

.dialog__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5)
}

html #root {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px
}

html #root ::selection,
html #root ::-moz-selection {
    color: white;
    background: rgba(229, 229, 229, 0.7)
}

html #root [hidden="true"] {
    display: none !important
}

html #root h1,
html #root h2,
html #root h3,
html #root h4,
html #root h5,
html #root h6 {
    margin: 0
}

html #root p a {
    color: #72be44
}

html #root p i,
html #root p em,
html #root p cite {
    font-style: oblique
}

html #root p b,
html #root p strong {
    font-weight: 700
}

html #root a[class],
html #root a[id] {
    display: block;
    text-decoration: none
}

html #root ul[class],
html #root ul[id] {
    list-style-type: none
}

html #root .text-left {
    text-align: left
}

html #root .text-center {
    text-align: center
}

html #root .text-right {
    text-align: right
}

html #root .icon {
    width: 20px;
    height: 21px;
    display: inline-block;
    vertical-align: sub;
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat
}

html #root .background-main {
    background-color: #72be44;
    color: #000000
}

html #root .border-main {
    border-color: #72be44
}

html #root .text-main {
    color: #72be44
}

html #root .background-secondary {
    background-color: #2d6ab1;
    color: #000000
}

html #root .border-secondary {
    border-color: #2d6ab1
}

html #root .text-secondary {
    color: #2d6ab1
}

html #root .background-accent {
    background-color: #113b6b;
    color: #ffffff
}

html #root .border-accent {
    border-color: #113b6b
}

html #root .text-accent {
    color: #113b6b
}

html #root .background-accent-light {
    background-color: #016DB5;
    color: #000000
}

html #root .border-accent-light {
    border-color: #016DB5
}

html #root .text-accent-light {
    color: #016DB5
}

html #root .background-text {
    background-color: #000000;
    color: #ffffff
}

html #root .border-text {
    border-color: #000000
}

html #root .text-text {
    color: #000000
}

html #root .background-black {
    background-color: #000;
    color: #ffffff
}

html #root .border-black {
    border-color: #000
}

html #root .text-black {
    color: #000
}

html #root .background-white {
    background-color: #fff;
    color: #000000
}

html #root .border-white {
    border-color: #fff
}

html #root .text-white {
    color: #fff
}

html #root .background-grey1 {
    background-color: #fafafa;
    color: #000000
}

html #root .border-grey1 {
    border-color: #fafafa
}

html #root .text-grey1 {
    color: #fafafa
}

html #root .background-grey2 {
    background-color: #dfdfdf;
    color: #000000
}

html #root .border-grey2 {
    border-color: #dfdfdf
}

html #root .text-grey2 {
    color: #dfdfdf
}

html #root .background-grey3 {
    background-color: #c1c1c1;
    color: #000000
}

html #root .border-grey3 {
    border-color: #c1c1c1
}

html #root .text-grey3 {
    color: #c1c1c1
}

html #root .background-grey4 {
    background-color: #efefef;
    color: #000000
}

html #root .border-grey4 {
    border-color: #efefef
}

html #root .text-grey4 {
    color: #efefef
}

html #root .background-grey5 {
    background-color: #e5e5e5;
    color: #000000
}

html #root .border-grey5 {
    border-color: #e5e5e5
}

html #root .text-grey5 {
    color: #e5e5e5
}

html #root .background-grey6 {
    background-color: #dadada;
    color: #000000
}

html #root .border-grey6 {
    border-color: #dadada
}

html #root .text-grey6 {
    color: #dadada
}

html #root .background-grey7 {
    background-color: #e7e7e7;
    color: #000000
}

html #root .border-grey7 {
    border-color: #e7e7e7
}

html #root .text-grey7 {
    color: #e7e7e7
}

html #root .background-grey8 {
    background-color: #e2e2e2;
    color: #000000
}

html #root .border-grey8 {
    border-color: #e2e2e2
}

html #root .text-grey8 {
    color: #e2e2e2
}

html #root .column {
    position: relative;
    margin: 20px
}

html #root .column.full {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: calc(100% - (20px * 2));
    max-width: calc(100% - (20px * 2))
}

html #root .column.one-half {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: calc(50% - (20px * 2));
    max-width: calc(50% - (20px * 2))
}

html #root .column.one-third {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: calc(33.333% - (20px * 2));
    max-width: calc(33.333% - (20px * 2))
}

html #root .column.two-third {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: calc(66.667% - (20px * 2));
    max-width: calc(66.667% - (20px * 2))
}

html #root .column.one-fourth {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: calc(25% - (20px * 2));
    max-width: calc(25% - (20px * 2))
}

html #root .column.three-fourth {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    min-width: calc(75% - (20px * 2));
    max-width: calc(75% - (20px * 2))
}

html #root .column.one-fifth {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: calc(20% - (20px * 2));
    max-width: calc(20% - (20px * 2))
}

html #root .column.two-fifth {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: calc(40% - (20px * 2));
    max-width: calc(40% - (20px * 2))
}

html #root .column.three-fifth {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    min-width: calc(60% - (20px * 2));
    max-width: calc(60% - (20px * 2))
}

html #root .column.fourth-fifth {
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
    min-width: calc(80% - (20px * 2));
    max-width: calc(80% - (20px * 2))
}

html #root .column.one-sixth {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: calc(16.666% - (20px * 2));
    max-width: calc(16.666% - (20px * 2))
}

html #root .column.five-sixth {
    -webkit-box-flex: 5;
    -moz-box-flex: 5;
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
    min-width: calc(83.333% - (20px * 2));
    max-width: calc(83.333% - (20px * 2))
}

html #root #main .container,
html #root .grid-container,
html #root .tab-panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + (20px * 2));
    margin: -20px
}

html #root #main .container {
    margin-left: auto;
    margin-right: auto
}

html #root .full-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block
}

html #root .button[aria-expanded="true"] .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

html #root [role="img"][style*="background-image"] {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    background-size: cover
}

html #root .image-container,
html #root .entry-image {
    position: relative;
    overflow: hidden
}

html #root .image-container.cover img,
html #root .entry-image.cover img {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    top: 50%;
    left: 50%
}

html #root .image-container.contain img,
html #root .entry-image.contain img {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100%
}

html #root #main {
    padding-top: 80px
}

html #root .section {
    position: relative;
    display: block;
    width: 100%
}

html #root .container,
html #root .boxed {
    margin: 0 auto;
    position: relative;
    clear: both;
    max-width: 1220px
}

@media only screen and (max-width:1139px) {
    html #root .container,
    html #root .boxed {
        padding: 0 10%
    }
}

@media only screen and (max-width:479px) {
    html #root .container,
    html #root .boxed {
        padding: 0 5%
    }
}

html #root .container.full-size {
    padding: 0;
    max-width: 100%
}

html #root .boxed {
    max-width: 1220px
}

html #root .boxed .container {
    max-width: 100%;
    padding: 0 50px
}

@media only screen and (max-width:1139px) {
    html #root .boxed .container {
        padding: 0 0
    }
}

@media only screen and (max-width:479px) {
    html #root .boxed .container {
        padding: 0 0
    }
}

@media (prefers-reduced-motion:reduce) {
    * {
        -webkit-animation: 0s !important;
        animation: 0s !important;
        -webkit-transition: 0s !important;
        transition: 0s !important
    }
}

html :focus {
    outline: 2px solid #2271b1
}

html.js body:not(.is-tabbing) *:focus {
    outline: 2px solid transparent !important
}

html .sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

html .sr-only-focusable:active,
html .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

html .skip-link {
    position: absolute;
    top: -1000em
}

html .skip-link:focus {
    left: 6px;
    top: 7px;
    z-index: 100000;
    display: block;
    height: auto;
    width: auto;
    padding: 15px 23px 14px;
    background: #f0f0f1;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    color: #2271b1;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-align: start;
    text-decoration: none;
    outline-offset: -1px
}

@-webkit-keyframes vibrate {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    40% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    60% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    80% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes vibrate {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    40% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    60% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    80% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

html ::-webkit-input-placeholder {
    font-family: "Plus Jakarta Sans", sans-serif
}

html ::-moz-placeholder {
    font-family: "Plus Jakarta Sans", sans-serif
}

html :-ms-input-placeholder {
    font-family: "Plus Jakarta Sans", sans-serif
}

html :-moz-placeholder {
    font-family: "Plus Jakarta Sans", sans-serif
}

html .gfield_error {
    -webkit-animation: vibrate 0.3s linear 2 both;
    animation: vibrate 0.3s linear 2 both
}

html #root .plyr.plyr--full-ui.plyr--video .plyr__poster {
    background-size: cover;
    background-position: center
}

html #root .plyr.plyr--full-ui.plyr--video .plyr__tab-focus {
    -webkit-box-shadow: 0 0 0 5px rgba(114, 190, 68, 0.5);
    box-shadow: 0 0 0 5px rgba(114, 190, 68, 0.5);
    background: #72be44
}

html #root .plyr.plyr--full-ui.plyr--video .plyr__control--overlaid,
html #root .plyr.plyr--full-ui.plyr--video .plyr__control:hover {
    background: rgba(114, 190, 68, 0.8)
}

html #root .plyr.plyr--full-ui.plyr--video>.plyr__control[data-plyr="play"] svg {
    display: block
}

html #root .plyr--full-ui input[type="range"] {
    color: #72be44
}

html #root .lightbox-container {
    position: fixed;
    top: 0;
    z-index: 999999;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5)
}

html #root .lightbox-container .video-container {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 1220px;
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%
}

html #root .lightbox-container iframe {
    -webkit-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.07)
}