:root {
    --font: open-sans;
    --darkblue: #222642;
    --green: #1fb19b;
    --white: #ffffff;
}

html, body {
    font-family: var(--font), sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: var(--darkblue);
    line-height: 2;
    letter-spacing: 0.6px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font), sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.color-darkblue, a {
    color: var(--darkblue)
}

.color-green {
    color: var(--green)
}

.color-white {
    color: var(--white)
}

.bg-darkblue {
    background: var(--darkblue);
}

.banner-ie {
    width: 100%;
    text-align: center;
    padding: 1.5rem;
}

.header{
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.header::before {
    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2021/10/lines.svg) no-repeat;
    background-size: contain;
    height: 150vh;
    width: 100%;
    z-index: 0;
    opacity: 0.1;
    top: 50%;
    transform: translateY(-60%);
    display: block;
}

.logo-header {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 60px;
}

h1 > span {
    display: block;
    color: var(--white);
}

h1 > span:nth-child(1) {
    font-size: 36px;
}

h1 > span:not(:first-child) {
    font-size: 85px;
}

#header_page h1 {
    color: var(--white);
    font-size: 56px;
}

.uk-navbar-toggle > div > svg {
    display: none;
}

.uk-navbar-toggle > div::before {
    content: url(/wp-content/uploads/2021/10/menu.svg);
    display: block;
    height: 55px;
    width: 55px;
    position: relative;
}

.uk-sticky-below > div,
.uk-sticky-fixed .uk-navbar-sticky {
    background: var(--darkblue) !important;
    box-shadow: 0 2.4px 4.4px rgb(0 0 0 / 2%),
    0 5.7px 10.6px rgb(0 0 0 / 3%),
    0 10.6px 20px rgb(0 0 0 / 4%),
    0 19px 35.7px rgb(0 0 0 / 4%),
    0 35.5px 66.8px rgb(0 0 0 / 5%),
    0 85px 160px rgb(0 0 0 / 7%);
}

.uk-sticky-fixed .uk-navbar-container:not(.uk-navbar-sticky) {
	margin-top: 30px;
}

.uk-sticky-fixed .uk-navbar-toggle > div::before {
    display: block;
    height: 48px;
    width: 48px;
}

/*.home .uk-sticky:not(.uk-sticky-fixed) .uk-logo {display: none}*/

@supports (-webkit-text-stroke:2px var(--white)) {
    h1 > span:nth-child(4) {
        -webkit-text-stroke: 2px var(--white);
        -webkit-text-fill-color: transparent;
    }
}

h2 {
    font-size: 54px;
    text-transform: uppercase;
    font-weight: 800;
}

h2.small {
    font-size: 40px;
}

h3 {
    color: var(--green);
    margin-top: -15px;
}

.small-cta {
    text-transform: uppercase;
    font-weight: 700;
    color: var(--white);
    font-size: 25px;
    line-height: 1.3;
}

.small-cta > span {
    color: var(--green);
    display: block;
}

.bg-lines {
    position: relative;
}

.bg-lines .uk-container {
    position: relative;
    z-index: 2;
}

.bg-lines::before {
    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2021/10/lines-bg.svg) no-repeat;
    background-size: cover;
    background-position-y: -29vw;
    background-position-x: -20vw;
    height: 100vh;
    width: 138vw;
    z-index: 0;
    opacity: 0.05;
    top: -70px;
}

.bg-green {
    background: var(--green);
}

.uk-container {
    max-width: 1270px;
}

.wekelijkse-updates > div > div > div > div:nth-child(1) > div {
    background: var(--green);
    padding: 100px 66px;
}

.quote {
    font-size: 78px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.3;
}


.contact-bottom form {
    border: 1px solid var(--white);
    padding: 45px 60px;
}

.contact-bottom input,
.contact-bottom textarea {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0 !important;
    font-family: var(--font), sans-serif !important;
    color: var(--white) !important;
    padding-left: 0 !important;
}

.contact-bottom input {
    margin-bottom: 15px;
}

.contact-bottom label {
    font-family: var(--font), sans-serif;
    color: var(--white);
    text-transform: uppercase;
}

[data-v-62351a8a] .required-input {
    color: var(--green) !important;
}

.privacy-notice-paragraph,
.privacy-notice-paragraph a {
    color: rgba(255, 255, 255, 0.27);
    font-size: 13px;
    line-height: 1.3;
    text-align: right;
    letter-spacing: 0;
}

.privacy-notice-paragraph a {
    text-decoration: underline;
}

.uk-button,
.submit {
    border: 2px solid var(--white);
    background: transparent;
    font-family: var(--font), sans-serif;
    font-size: 17px !important;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 0;
    padding: 3px 35px;
    line-height: 38px;
    cursor: pointer;
}

.btn-dark .uk-button{
    border: 2px solid var(--darkblue);
    background: transparent;
    font-family: var(--font), sans-serif;
    font-size: 17px !important;
    color: var(--darkblue);
}

form > div:last-child {
    text-align: right;
}

.hvr-shutter-out-horizontal {
    background: transparent !important;
    box-shadow: none !important;
}

.hvr-shutter-out-horizontal:before {
    background: #fff !important;
}

.hvr-shutter-out-horizontal:hover {
    color: var(--darkblue) !important;
}

.footer ul,
.bottom-footer {
    padding-left: 0;
    list-style: none;
}

.footer ul > li:first-child {
    text-transform: uppercase;
    color: var(--green);
    font-weight: 700;
}

.bottom-footer {
    margin-bottom: 0;
}

.bottom-footer > li {

}

.bottom-footer > li,
.bottom-footer > li > a {
    color: var(--white);
}

.bottom-footer > li:not(:last-child) {
    margin-right: 75px;
}

.contact-bottom h2 {
    color: var(--white);
}

.video-container {
    position: relative;
    transition: ease-in-out 0.2s;
    border-bottom: 18px solid transparent;
}

.video-container a.playbutton {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 43px;
    height: 49px;
    transform: translate(-50%, -50%);
    display: inline-block;
    content: url(/wp-content/uploads/2021/10/play-button.svg);
    transition: transform .2s linear;
}

.activeSlider .video-container h2 {
    color: var(--white);
    text-transform: none;
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    bottom: 10px;
    left: 8%;
    max-width: 90%;
    display: block;
}

.video-container h2 {
    display: none;
}

.video-container::before {
    transition: ease-in-out 0.2s;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.64;
}

.uk-slidenav-next > svg,
.uk-slidenav-previous > svg {
    display: none;
}

.uk-slidenav-next,
.uk-slidenav-previous {
    position: relative;
}

.uk-slidenav-next::before {
    content: url(/wp-content/uploads/2021/10/arrow.png);
}

.uk-slidenav-previous::before {
    content: url(/wp-content/uploads/2021/10/arrow-prev.png);
}

.activeSlider .video-container::before {
    display: none;
}

.activeSlider .video-container {
    border-bottom: 18px solid var(--green);
    transition: ease-in-out 0.2s;
}

.uk-link-text {
    color: var(--green) !important;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    font-size: 15px;
    transition: ease-in-out 0.2s;
}

.hvr-shutter-out-horizontal:active, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:hover {
    color: var(--darkblue) !important;
}

.uk-link-text::after {
    content: '';
    background: url(/wp-content/uploads/2021/10/right-arrow-circular-button-outline.svg) no-repeat;
    background-size: contain;
    position: absolute;
    right: -50px;
    top: -6px;
    transition: ease-in-out 0.2s;
    height: 30px;
    width: 31px;
}

.uk-link-text:hover::after,
.uk-link-text:focus::after {
    right: -56px;
}

.btnbigblue .uk-link-text {
    color: var(--darkblue) !important;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    font-size: 17px;
    transition: ease-in-out 0.2s;
}

.btnbigblue .uk-link-text::after {
    content: '';
    background: url(/wp-content/uploads/2021/10/right-arrow-circular-button-outline-2.svg) no-repeat;
    background-size: contain;
    position: absolute;
    right: -49px;
    top: -7px;
    transition: ease-in-out 0.2s;
    height: 35px;
    width: 35px;
}

.btnbigblue .uk-link-text:hover::after,
.btnbigblue .uk-link-text:focus::after {
    right: -59px;
}

.uk-offcanvas-bar {
    background: var(--white);
}

.uk-offcanvas-bar .uk-nav-default > li > a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a{
    font-family: var(--font), sans-serif;
    color: var(--darkblue);
    letter-spacing: 0.6px;
    font-size: 17px;
}

.uk-offcanvas-bar .uk-nav-default > li > a:hover,
.uk-offcanvas-bar .uk-nav-default > li > a:focus,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus{
    font-weight: 800;
    color: var(--darkblue);
}

.uk-navbar-nav>li>a {
    font-family: var(--font), sans-serif;
    color: var(--white) !important;
    letter-spacing: 0.6px;
    font-size: 17px;
}

.uk-sticky:not(.uk-sticky-fixed) .uk-navbar-nav .menu-item-type-custom {
    top: 40px;
    position: relative;
}

.uk-sticky-fixed .uk-navbar-nav .menu-item-type-custom a:hover {
    color: var(--green) !important;
}

.uk-sticky:not(.uk-sticky-fixed) .uk-navbar-nav .menu-item-type-custom a:hover {
    text-decoration: underline;
}


.uk-offcanvas-bar .uk-nav-default > li.uk-active > a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub > li.uk-active > a{
    color: var(--green);
    font-weight: 800;
}

.uk-nav-parent-icon>.uk-parent>a::after {
    -webkit-filter: invert();
    filter: invert();
}

#video .uk-close {
    color: var(--white) !important;
}

.uk-offcanvas-overlay::before {
    background: rgb(34 38 66 / 82%);
}

.uk-close {
    color: var(--darkblue) !important;
}

.uk-close > svg {
    width: 30px;
}

.uk-dotnav > .uk-active > * {
    background-color: var(--green);
}

.uk-dotnav > * > * {
    background: rgb(255 255 255 / 33%);
}

.header .uk-position-relative {
    position: unset !important
}

.header .uk-position-relative > div:nth-child(2) > div > div:nth-child(1) {
    z-index: 2;
    position: relative;
}

.product-grid > div > div:not(:nth-child(5)) img {
    width: 46px;
}

.product-grid > div > div:nth-child(5) img {
    width: 400px;
    position: relative;
    left: 32px;
}

.product-grid h3 {
    font-size: 17px !important;
    font-weight: 500;
}

.bg-lines-top {
    position: relative;
    overflow: hidden;
}

.bg-lines-top::before {
    content: '';
    background: url(/wp-content/uploads/2021/10/bg-line-1.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 1440px;
    position: absolute;
    top: 0;
    right: 0;
}

#header_page.header .uk-position-cover {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 45%, rgba(0, 0, 0, 0.592874649859944) 100%) !important;
}

#header_page.header .uk-position-relative {
    position: relative !important;
}

.contact-bottom {
    position: relative;
}

.blog-img {
    visibility: visible !important;
}

.uk-modal {
    background: rgba(0,0,0,.9);
}

video {
    border: 1px solid #000;
}


.home .creatic-blog-article .row > div:nth-child(2) {
    background: var(--green);
    color: #fff;
    padding: 40px !important;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blogpage .creatic-blog-article .row > div:nth-child(2) {
    padding: 25px !important;
    color: var(--white)
}

.blogpage .creatic-blog-article {
    padding-top: 0 !important;
}



.creatic-blog-article .row > div:nth-child(1) {
    padding: 0 !important;
}

.creatic-blog-article .row > div:nth-child(1) > div {
    margin-top: 0 !important;
}

.home .thumb-image{
    max-width: unset;
    min-width: 100%;
}

.home #creaticBlog .creatic-blog-article {
    background: transparent;
}

.creatic-blog-article h2 {
    color: var(--white);
}

#creaticBlog a{
    color: var(--white);
    text-decoration: none !important;
}

.blogpage #creaticBlog h2 {
    font-size: 24px;
}

/* .blogpage #creaticBlog > .row:first-child > .creatic-blog-article-item-wrapper:nth-child(1) .creatic-blog-article {
    background: var(--green);
}
 */
.blogpage #creaticBlog > .row > .creatic-blog-article-item-wrapper .creatic-blog-article > div > div:nth-child(2) {
    border-left: 1px solid #dddcdc;
    border-right: 1px solid #dddcdc;
    border-bottom: 1px solid #dddcdc;
}

.blogpage #creaticBlog > .row > .creatic-blog-article-item-wrapper h2,
.blogpage #creaticBlog > .row > .creatic-blog-article-item-wrapper p{
    color: #222642;
}

.blogpage #creaticBlog > .row > .creatic-blog-article-item-wrapper a {
    color: #fff;
}

.blogpage #creaticBlog > .row > .creatic-blog-article-item-wrapper .hvr-shutter-out-horizontal {
    background: #222642 !important;
    box-shadow: none !important;
}

.blogpage #creaticBlog > .row > .creatic-blog-article-item-wrapper .hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    background: #222642;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}


.team-grid .el-title {
    font-size: 18px;
}

.team-grid .el-meta {
    font-size: 16px;
    color: var(--darkblue);
    text-transform: none;
    letter-spacing: 0;
    margin-top:10px !important;
}

.team-grid-1 > div > div:nth-child(1),
.team-grid-1 > div > div:nth-child(4){
    visibility: hidden;
}

.team-grid-1 {
    margin-bottom:40px;
}

.uk-modal-close-outside {
    color: var(--white) !important
}

.uk-offcanvas-bar .textwidget a {
    display: block;
    font-family: var(--font), sans-serif;
    color: var(--darkblue);
    letter-spacing: 0.6px;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 5px 0;
    text-decoration: none;
}

.uk-offcanvas-bar .textwidget {
    border-top: 1px solid #cccccc;
}

.uk-offcanvas-bar .textwidget > a:first-child {
    padding-top: 15px;
}
.uk-offcanvas-bar .textwidget a:hover,
.uk-offcanvas-bar .textwidget a:focus {
    font-weight: 800;
    color: var(--darkblue);
}

.try-button > a {
    border: 1px solid white;
}

.uk-navbar-nav > li > a {
    min-height: 50px;
	padding: 0 12px;
    transition: ease-in-out 0.2s;
}

.try-button > a:hover,
.try-button > a:focus{
    background: white;
    color: var(--darkblue) !important;
    text-decoration: none !important;
}

.modules-slider {
    margin-top: 40px !important
}

.modules-slider h3 {
    font-size: 20px;
    color:var(--darkblue) !important;
}

.modules-slider .uk-dotnav > * > * {
    background: var(--darkblue);
}

.modules-slider .uk-dotnav > .uk-active > * {
    background-color: var(--green);
}

.modules-slider .uk-button{
    padding: 0;
    margin: 0;
    color: var(--green) !important;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    font-size: 17px;
    transition: ease-in-out 0.2s;
    letter-spacing: 0;
    border: 0 !important
}

.modules-slider .uk-button:hover,
.modules-slider .uk-button:focus {
    border: 0 !important;
    text-decoration: underline !important;
}

.modules-slider .uk-button::after {
    content: '';
    background: url(/wp-content/uploads/2022/02/right-arrow-circular-button-outline-2-green.svg) no-repeat;
    background-size: contain;
    position: absolute;
    right: -49px;
    top: 0;
    transition: ease-in-out 0.2s;
    height: 35px;
    width: 35px;
}

.modules-slider .uk-button:hover:after {
    right: -59px;
}

.modules-slider .uk-panel {
    display: flex !important;
    flex-direction: column;
    height: 100%;
    flex: 0 1 auto;
}

.modules-sluder .uk-panel > div:nth-child(3){
    position: absolute;
    bottom: 0;
}

.modules-slider .uk-dotnav {
    margin-top: 40px !important
}

.otgs-development-site-front-end {
	display: none;
}

/* @media(min-width: 992px) and (max-width: 1200px){
    .blogpage #creaticBlog > .row:first-child > .creatic-blog-article-item-wrapper:nth-child(1) .row > div:nth-child(1) > div {
        height: 100%;
        display: flex;
        flex: 1 0 auto;
    }
} */

.lang {
	max-width: 80%;
    margin: 0 auto;
}

.lang .wpml-ls-legacy-dropdown {
	margin: 0 auto;
}

.lang .wpml-ls-legacy-dropdown a {
	border: 2px solid var(--white);
    background: transparent;
    font-family: var(--font), sans-serif;
    font-size: 17px !important;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 0;
    padding: 3px 35px 3px 20px;
    line-height: 38px;
    cursor: pointer;
	text-decoration:none;
	//background: #1fb19b;
}

.lang .wpml-ls-legacy-dropdown .wpml-ls-item {
	margin-top: 5px;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
    color: #222642;
    background: #fff;
}

.section-info-blog .grid-left {
    background: rgba(41, 181, 160, 0.19);
    padding: 20px;
}

.section-info-blog .grid-right {
    padding: 20px;
}

.section-info-blog > div > div > div:nth-child(2){
    background: #222642;
}

.section-info-blog .grid-left .el-title {
    color: #222642;
    font-family: var(--font), sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 5px !important;
    letter-spacing: 0;
}

.section-info-blog .grid-left .el-meta {
    color: #222642;
    font-family: var(--font), sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0;
    text-transform: none;
}

.section-info-blog .grid-left .el-content {
    color: rgba(34, 38, 66, 0.50);
    font-family: var(--font), sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 0 !important;
}

.section-info-blog .grid-right .el-title {
    color: #FFF;
    text-align: center;
    font-family: var(--font), sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0;
    text-transform: none;
}

@media (min-width: 960px) {
	li:not(.activeSlider) .video-container a.playbutton {display:none}
    .team-grid-section {
        padding-top: 0;
        padding-bottom: 120px
    }
    #header_page .uk-container {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .home .creatic-blog-article .row {
        display: flex;
        height: 100%;
    }
    .home .thumb-image {
        object-fit: cover;
    }
    .uk-navbar-container .uk-container {
        max-width: 1270px;
    }

    .hideL {
        display: none;
    }

    .only-mobile {
        display: none;
    }

    .bg-lines-2 {
        position: relative;
        z-index: 0;
    }

    .bg-lines-2::before {
        content: '';
        background: url(/wp-content/uploads/2021/10/bg-lines-2.png) no-repeat;
        background-size: contain;
        width: 739px;
        height: 701px;
        position: absolute;
        top: -90px;
        right: 0;
        z-index: -1;
    }

    .uk-sticky:not(.uk-sticky-fixed) .uk-navbar-toggle > div::before {
        top: 40px;
    }

    .uk-sticky:not(.uk-sticky-fixed) .uk-logo {
        top: 30px;
        position: absolute;
    }

    .bg-color-left-blue {
        background: rgb(34, 38, 66);
        background: linear-gradient(90deg, rgba(34, 38, 66, 1) 82%, rgba(255, 255, 255, 0) 82%);
    }

    .bg-color-right-blue {
        background: rgb(34, 38, 66);
        background: linear-gradient(270deg, rgba(34, 38, 66, 1) 82%, rgba(255, 255, 255, 0) 82%);
    }

    .bg-color-green {
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 46%, rgba(31, 177, 155, 1) 46%);
        margin-top: 150px;
        margin-bottom: 90px;
    }

    .bg-color-green > div > div > div:nth-child(1) {
        width: 46%;
    }

    .bg-color-green > div > div > div:nth-child(2) {
        width: 54%;
    }

    .bg-color-green-2 {
        background: rgb(255, 255, 255);
        background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 46%, rgba(31, 177, 155, 1) 46%) !important;
    }

    .bg-color-green-2 > div > div > div:nth-child(2) {
        width: 46%;
        padding-left: 10% !important;
    }

    .bg-color-green-2 > div > div > div:nth-child(1) {
        width: 54%;
    }

    .vertical-img img {
        max-width: 583px;
        width: 100%;
        height: 808px;
        object-fit: cover;
        right: -120px;
        position: relative;
        margin-top: -170px
    }

    .vertical-img-left img {
        max-width: 583px;
        width: 100%;
        height: 808px;
        object-fit: cover;
        left: -120px;
        position: relative;
        margin-bottom: -140px
    }

    .square-img img {
        max-width: 583px;
        width: 100%;
        height: 592px;
        object-fit: cover;
    }

    .image-bottom img {
        max-width: 463px;
        width: 100%;
        height: 827px;
        object-fit: cover;
        position: relative;
        margin-bottom: -170px;
        z-index: 2;
    }

    .blog-img img{
        max-width: 467px;
        width: 100%;
        height: 474px;
        object-fit: cover;
        position: absolute;
        margin-top: -70px
    }

    .wekelijkse-updates > div {
        margin-left: 20%;
        position: relative;
        z-index: 2;
    }

    .wekelijkse-updates .uk-container {
        margin-left: -20%;
    }

    .agromanager-team > div {
        margin-right: 20%;
    }

    .padding-top-150 {
        padding-top: 150px;
    }

    .padding-top-130 {
        padding-top: 130px;
    }

    .padding-bottom-130 {
        padding-bottom: 130px;
    }

    .padding-bottom-260 {
        padding-bottom: 260px;
    }

    .padding-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .padding-90-div > div {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .padding-bottom-220 {
        padding-top: 220px;
        padding-bottom: 220px;
    }

    .padding-top-220 {
        padding-top: 220px;
    }

    .contact-bottom > div > div > div:nth-child(1) {
        width: 8%;
    }

    .contact-bottom > div > div > div:nth-child(2) {
        width: 50%;
    }

    .contact-bottom > div > div > div:nth-child(3) {
        width: 42%;
        margin-right: -120px;
    }

    .contact-bottom h2 {
        writing-mode: vertical-rl;
        transform: rotate(
                180deg);
        font-size: 100px;
        line-height: 63px;
    }

    .uk-slider-items > div .video-container {
        transform: scale(0.8);
        margin-top: 40px;
        position: relative;
    }

    .slider-width-large .video-container {
        transform: scale(1) !important;
    }

    .slider-width-large .video-container img {
        margin-top: 0 !important;
        position: relative;
    }

    .video-container > img {
        height: 556px;
        object-fit: cover;
    }

    .blog-section-home {
        padding-top: 100px;
    }

    .product-grid > div > div:nth-child(1),
    .product-grid > div > div:nth-child(3),
    .product-grid > div > div:nth-child(4),
    .product-grid > div > div:nth-child(6),
    .product-grid > div > div:nth-child(7),
    .product-grid > div > div:nth-child(9) {
        width: 20%;
    }

    .product-grid > div > div:nth-child(2),
    .product-grid > div > div:nth-child(5),
    .product-grid > div > div:nth-child(8) {
        width: 60%;
    }

    .quote-small {
        font-size: 52px
    }
	
	#creaticBlog h1 {
		font-size: 3em;
	}
}

@media (min-width: 767px) {
    .contact-bottom form > div:nth-child(5), .contact-bottom form > div:nth-child(7) {
        width: calc(50% - 15px);
        display: inline-block;
    }

    .contact-bottom form > div:nth-child(6), .contact-bottom form > div:nth-child(8) {
        width: calc(50% - 15px);
        display: inline-block;
        margin-left: 30px;
    }
}

@media (max-width: 1171px) and (min-width: 960px) {
    h2{
        font-size: 39px;
    }
}

@media (max-width: 1350px) {
    .vertical-img img {
        right: -60px;
    }
}

@media (max-width: 1240px) {
    .bg-lines-2::before {
        content: '';
        background: url(/wp-content/uploads/2021/10/bg-lines-2.png) no-repeat;
        background-size: contain;
        width: 539px;
        height: 701px;
        position: absolute;
        top: -90px;
        right: 0;
        z-index: -1;
    }
}

@media (max-width: 1180px) {
    .blog-img img {
        width: 100%;
        height: 500px;
        object-fit: cover;
        position: relative;
        margin-top: 0;
    }

    .blog-section-home {
        padding-top: 70px;
    }

    .btnbigblue {
        margin-top: 30px;
        margin-bottom: 30px
    }
}


/* @media(min-width:  992px ) {
    .blogpage #creaticBlog > .row:first-child > .creatic-blog-article-item-wrapper:nth-child(1) {
        width: 100%;
    }
    .blogpage #creaticBlog > .row:first-child > .creatic-blog-article-item-wrapper:nth-child(1) .row > div{
        width: 50%;
    }


    .blogpage #creaticBlog > .row:first-child > .creatic-blog-article-item-wrapper:nth-child(1) .row > div:nth-child(2) {
        background: var(--green);
        color: #fff;
        padding: 40px !important;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .blogpage #creaticBlog > .row:first-child > .creatic-blog-article-item-wrapper:nth-child(1) h2 {
        font-size: 54px;
        text-transform: uppercase;
        font-weight: 800;
    }

    .blogpage #creaticBlog > .row:first-child > .creatic-blog-article-item-wrapper:nth-child(1) .thumb-image {
        min-width: 100%;
        max-width: unset;
        height: 100%;
    }

    .blogpage #creaticBlog > .row:first-child > .creatic-blog-article-item-wrapper:nth-child(1) > div {
        padding-bottom: 0;
    }

    .blogpage #creaticBlog > .row:first-child > .creatic-blog-article-item-wrapper:nth-child(1) .row {
        display: flex;
        height: 100%;
    }

} */

@media(max-width: 991px){
    #creaticBlog .creatic-blog-article .thumb-image{
        min-width: 100%;
        max-width: unset;
    }
}

@media (max-width: 959px) {
	.widget_nav_menu {
        border-top: 1px solid #ccc;
        padding-top: 10px;
        margin-top: -10px;
	}
    .team-grid-1 > div > div:nth-child(1),
    .team-grid-1 > div > div:nth-child(4){
        display:none;
    }
    .team-grid-1 {
        margin-bottom:40px;
    }
    .hideM {
        display: none;
    }

    .wekelijkse-updates > div {
        background-image: none !important;
    }

    .wekelijkse-updates > div {
        padding-top: 0;
    }

    .only-desktop {
        display: none;
    }

    .video-container::before {
        display: none;
    }

    .video-container {
        border-bottom: 18px solid var(--green);
    }

    .video-container h2 {
        color: var(--white);
        text-transform: none;
        font-size: 28px;
        font-weight: 700;
        position: absolute;
        bottom: 10px;
        left: 8%;
        max-width: 90%;
        display: block;
    }

    .product-grid > div > div:nth-child(5) img {
        left: 15px;
    }

    .order > div:nth-child(2) {
        order: -1;
    }

    .quote {
        font-size: 45px;
    }

    .blog-section-home {
        padding-top: 40px;
    }

    .blog-img img{
        width: 100%;
        height: auto;
        object-fit: cover;
        position: relative;
        margin-top: 0;
    }

    .bg-color-left-blue,
    .bg-color-right-blue {
        background: rgb(34, 38, 66);
    }

    .uk-sticky > div {
        background: var(--darkblue) !important;
    }

    .uk-navbar-toggle > div::before {
        display: block;
        height: 48px;
        width: 48px;
    }

    .wekelijkse-updates > div {
        padding-bottom: 0;
    }

    .contact-bottom h2 {
        margin-bottom: 0;
    }

    .bg-color-green > div > div > div:nth-child(2) > div {
        background: var(--green);
        padding: 100px 66px;
    }

    .bg-color-green-2 > div > div > div:nth-child(1) > div {
        background: var(--green);
        padding: 100px 66px;
    }

    .slider-home .uk-slideshow-items {
        min-height: 30vh !important;
    }
    .bottom-footer > li:not(:last-child) {
        margin-right: 0;
    }
    .logo-header {display: none}
    #header_page .el-image {display:none}
    #header_page > div {padding-top:180px;padding-bottom:100px;}
    #header_page h1 {
        color: var(--white);
        font-size: 56px;
    }
	
	div.uk-sticky:not(.uk-sticky-fixed) .uk-navbar-container > nav {
		background: transparent;
		z-index: 3;
	}
	
	.header {
		margin-top: -80px;
	}
}

@media (max-width: 767px) {
    html, body {
        font-size: 16px;
        line-height: 1.6;
    }

    h2, h2.small  {
        font-size: 25px;

    }

    .header .uk-position-cover {
        background-color: rgba(0, 0, 0, 0.37) !important;
    }

    .header::before {
        content: '';
        position: absolute;
        background: url(/wp-content/uploads/2021/10/lines.svg) no-repeat;
        background-size: cover;
        height: 100vh;
        width: 100%;
        z-index: 1;
        opacity: 0.1;
        top: 0;
        transform: unset;
    }

    .quote {
        font-size: 35px;
    }

    .quote-small {
        font-size: 26px
    }

    .bg-color-green-2 > div > div > div:nth-child(1) > div,
    .bg-color-green > div > div > div:nth-child(2) > div,
    .contact-bottom form,
    .wekelijkse-updates > div > div > div > div:nth-child(1) > div {
        padding: 40px 20px;
    }

    .bg-lines {
        overflow: hidden;
    }

    .small-cta, h3,h4 {
        font-size: 18px;
    }

    .contact-bottom label,
    .uk-button, .submit {
        font-size: 16px !important;
    }

    .bottom-footer > li {
        display: block;
    }

    .bottom-footer > li:not(:last-child) {
        margin-right: 0;
    }

    .video-container h2 {
        color: var(--white);
        text-transform: none;
        font-size: 18px;
        font-weight: 700;
        position: absolute;
        bottom: 0;
        left: 5%;
        max-width: 90%;
        display: block;
    }
}

@media(max-width: 640px) {
    #header_page h1 {
        font-size: 36px;
    }
    h1 > span:nth-child(1) {
        font-size: 26px;
    }

    h1 > span:not(:first-child) {
        font-size: 42px;
    }
}

body:not(.home) #creaticBlog .row a,
#creaticBlog a.blog-link-overview {
    color: var(--darkblue);
    text-decoration: underline !important;
	position: relative;
}

#creaticBlog a.blog-link-overview {
	color: var(--green);
	margin-left: 40px;
}

#creaticBlog a.blog-link-overview::before {
	content: '';
	background: url(/wp-content/uploads/2021/10/right-arrow-circular-button-outline.svg);
	height: 25px;
	width: 25px;
	left: -40px;
	top: 50%;
	transform: translateY(-50%) scaleX(-1);
	position: absolute;
	background-size: cover;
}

#creaticBlog div.prev-link-wrapper a {
	position: relative;	
	margin-left: 40px;
}

#creaticBlog div.prev-link-wrapper a::before {
	content: '';
	background: url(/wp-content/uploads/2021/10/right-arrow-circular-button-outline-2.svg);
	height: 25px;
	width: 25px;
	left: -40px;
	top: 50%;
	transform: translateY(-50%) scaleX(-1);
	position: absolute;
	background-size: cover;
}

#creaticBlog div.next-link-wrapper a {
	position: relative;
	margin-right: 40px;
}

#creaticBlog div.next-link-wrapper a::after {
	content: '';
	background: url(/wp-content/uploads/2021/10/right-arrow-circular-button-outline-2.svg);
	height: 25px;
	width: 25px;
	right: -40px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	background-size: cover;
}

#creaticBlog h1 {
	color: var(--darkblue);
}

.blogpage #creaticBlog > .row > .creatic-blog-article-item-wrapper .hvr-shutter-out-horizontal {
	text-decoration:none !important
}

#creaticBlog .creatic-blog-article {
    margin-top: 25px;
    background-color: #f9f9f9;
    padding: 15px 15px 0;
    margin-bottom: 15px;
}

body.home .creatic-blog-article h2 {
	font-size: 32px;
}

.blogpage .blog-detail .blog-content p a {
	color: var(--green) !important;
}

.tm-header > div:not(.uk-sticky-fixed) div#icl_lang_sel_widget-3 {
	top: 40px;
    position: relative;
}

div.uk-navbar-right .uk-navbar-nav {
	order: -1
}

div#icl_lang_sel_widget-6 a {
	color: var(--darkblue);
    padding-left: 0;
    letter-spacing: 0;
    text-transform: uppercase;
}
div#icl_lang_sel_widget-6 {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: -10px;

}

.uk-offcanvas-bar .uk-child-width-1-1.uk-grid.uk-grid-stack > div:nth-child(2) {
	order: 4
}

.wpml-ls-legacy-dropdown {
	width: auto;
}

.wpml-ls-legacy-dropdown a {
    display: block;
    text-decoration: none;
    color: #fff;
    border: 0;
    background-color: transparent;
    padding: 14px 10px;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
    color: #222642;
    background: #ffffff63;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    border-top: 0;
    padding: 0;
    margin: 0;
    list-style-type: none;
    z-index: 101;
    background: #ffffff63;
}

@media (max-width: 959px) {
	.uk-navbar-left {
		    width: 100%;
    justify-content: space-between;
	}
}

.checkbox {
    align-items: flex-start !important;
    margin: 20px 0 !important;
}

.contact-bottom .checkbox .privacy-notice-paragraph {
	text-transform: none !important;
	text-align: left !important;
	font-size: 11px !important;
}

.checkbox input[type="checkbox"] {
	    border: 1px solid #fff !important;
    height: 18px !important;
    width: 18px !important;
    margin: 0;
    padding: 13px !important;
	margin-top: 3px !important
}

.checkbox input[type="checkbox"]:checked:after {
    color: #1fb19b !important;
}
.privacy-notice-paragraph, .privacy-notice-paragraph a {
    color: rgb(255 255 255);
    font-size: 11px;
    line-height: 1.3;
    text-align: right;
    letter-spacing: 0;
}

.tm-header,
.tm-header-mobile {
    position: absolute;
    z-index: 980;
    left: 0;
    right: 0;
}

.uk-navbar-container:not(.uk-navbar-sticky) {
    background: transparent !important;
}

@media (min-width: 960px) {
	.header > div.uk-section {
		padding-top: 180px;
	}
}

.balance {
    text-wrap: balance;
}

.vertical-words-slider {
    display: flex;
    justify-content: center;
}

.vertical-words-slider h2 {
    display: flex;
    gap: 0px 15px;
    color: var(--darkblue);
}

.vertical-words-slider #words {
    overflow: hidden;
    display: block;
    vertical-align: top;
    color: var(--green);
    transition: height 0.5s ease;
}

.vertical-words-slider #words .words-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: transform 0.5s ease, width 0.5s ease;
    width: fit-content;
}

.vertical-words-slider #words .words-inner span {
    display: inline-block;
    white-space: nowrap;
}

@media (max-width: 500px) {
    .vertical-words-slider h2 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .vertical-words-slider #words .words-inner {
        align-items: center;
    }
}

.grid-modules {
    max-width: 1000px;
    margin: auto;
}

.grid-modules .el-content {
    max-width: 300px;
    margin: 5px auto 0 !important;
    line-height: 1.5 !important;
}

.grid-modules .el-image {
    object-fit: contain;
    background: var(--darkblue) !important;
    border-radius: 100%;
    width: 50px;
    height: 50px;
}

.grid-modules .el-title {
    letter-spacing: 0;
    margin-top: 10px !important;
}

#creaticBlog .pagination > li > a, #creaticBlog .pagination > li > span {
    color: var(--darkblue) !important;
}

#creaticBlog .pagination > li > a:hover, #creaticBlog .pagination > li > span:hover, #creaticBlog .pagination > li > a:focus, #creaticBlog .pagination > li > span:focus {
    z-index: 2;
    color: white !important;
    background-color: var(--green) !important;
    border-color: var(--green) !important;
}

#creaticBlog .pagination > .active > a, #creaticBlog .pagination > .active > span, #creaticBlog .pagination > .active > a:hover, #creaticBlog .pagination > .active > span:hover, #creaticBlog .pagination > .active > a:focus, #creaticBlog .pagination > .active > span:focus {
    background-color: var(--darkblue) !important;
    border-color: var(--darkblue) !important;
    color: white !important;
}