.icon-css:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center
}

.icon:before, [class*=" icon-"]:before, [class^=icon-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center
}

.icon-close:before {
    content: '\e800'
}

.icon-heart:before {
    content: '\e801'
}

.icon-heart-empty:before {
    content: '\e802'
}

.icon-star:before {
    content: '\e803'
}

.icon-star-empty:before {
    content: '\e804'
}

.icon-ok:before {
    content: '\e805'
}

.icon-camera:before {
    content: '\e806'
}

.icon-plus:before {
    content: '\e807'
}

.icon-plus-circled:before {
    content: '\e808'
}

.icon-lock:before {
    content: '\e809'
}

.icon-eye:before {
    content: '\e80a'
}

.icon-tag:before {
    content: '\e80b'
}

.icon-thumbs-up:before {
    content: '\e80c'
}

.icon-download:before {
    content: '\e80d'
}

.icon-chat:before {
    content: '\e80e'
}

.icon-comment:before {
    content: '\e80f'
}

.icon-cog:before {
    content: '\e810'
}

.icon-cog-alt:before {
    content: '\e811'
}

.icon-cloud:before {
    content: '\e812'
}

.icon-flash:before {
    content: '\e813'
}

.icon-signal:before {
    content: '\e814'
}

.icon-award:before {
    content: '\e815'
}

.icon-leaf:before {
    content: '\e816'
}

.icon-key:before {
    content: '\e817'
}

.icon-chart-bar:before {
    content: '\e818'
}

.icon-quote-up:before {
    content: '\e819'
}

.icon-quote-down:before {
    content: '\e81a'
}

.icon-globe:before {
    content: '\e81b'
}

.icon-search:before {
    content: '\e900'
}

.icon-print:before {
    content: '\e907'
}

.icon-clock:before {
    content: '\e909'
}

.icon-facebook:before {
    content: '\ea90'
}

.icon-instagram:before {
    content: '\ea92'
}

.icon-whatsapp:before {
    content: '\ea93'
}

.icon-twitter:before {
    content: '\ea96'
}

.icon-linkedin:before {
    content: '\eaca'
}

.icon-mail:before {
    content: '\f003'
}

.icon-play:before {
    content: '\f04b'
}

.icon-right:before {
    content: '\f054'
}

.icon-info:before {
    content: '\f05a'
}

.icon-location:before {
    content: '\f060'
}

.icon-up:before {
    content: '\f077'
}

.icon-down:before {
    content: '\f078'
}

.icon-phone:before {
    content: '\f095'
}

.icon-envelope_alt:before {
    content: '\f0e0'
}

.icon-gauge:before {
    content: '\f0e4'
}

.icon-comment-empty:before {
    content: '\f0e5'
}

.icon-chat-empty:before {
    content: '\f0e6'
}

.icon-download-cloud:before {
    content: '\f0ed'
}

.icon-coffee:before {
    content: '\f0f4'
}

.icon-flag-checkered:before {
    content: '\f11e'
}

.icon-rocket:before {
    content: '\f135'
}

.icon-anchor:before {
    content: '\f13d'
}

.icon-thumbs-up-alt:before {
    content: '\f164'
}

.icon-sun:before {
    content: '\f185'
}

.icon-wheelchair:before {
    content: '\f193'
}

.icon-paper-plane-empty:before {
    content: '\f1d9'
}

.icon-chart-area:before {
    content: '\f1fe'
}

.icon-chart-pie:before {
    content: '\f200'
}

.icon-chart-line:before {
    content: '\f201'
}

.icon-heartbeat:before {
    content: '\f21e'
}

.icon-pinterest:before {
    content: '\f231'
}

.icon-user-plus:before {
    content: '\f234'
}

.icon-hourglass-2:before {
    content: '\f252'
}

.icon-map-signs:before {
    content: '\f277'
}

.icon-fort-awesome:before {
    content: '\f286'
}

.icon-shopping-bag:before {
    content: '\f290'
}

.icon-shopping-basket:before {
    content: '\f291'
}

.icon-handshake-o:before {
    content: '\f2b5'
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: fixed;
    top: 0;
    left: 25%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    color: #fff;
    height: auto;
    padding: 10px 20px;
    background: #000;
    margin: 0;
    overflow: visible;
    clip: auto
}

.remove-standard-button-styles {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    margin: 0;
    padding: 0
}

.remove-standard-button-styles:active, .remove-standard-button-styles:focus, .remove-standard-button-styles:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

body.admin-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw
}

#wpadminbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out, -o-transform .3s ease-in-out
}

#wpadminbar ol::after, #wpadminbar ul::after {
    clear: none
}

.menu-open #wpadminbar {
    -webkit-transform: translateX(calc(-100vw + 60px));
    -ms-transform: translateX(calc(-100vw + 60px));
    -o-transform: translateX(calc(-100vw + 60px));
    transform: translateX(calc(-100vw + 60px))
}

@media (min-width:768px) and (max-width:1279px) {
    .menu-open #wpadminbar {
        -webkit-transform: translateX(-320px);
        -ms-transform: translateX(-320px);
        -o-transform: translateX(-320px);
        transform: translateX(-320px)
    }
}

@media (max-width:781px) {
    body.admin-bar #site-header {
        top: 46px
    }
}

@media (min-width:782px) {
    body.admin-bar #site-header {
        top: 32px
    }
}

@font-face {
    font-family: "The Sans";
    src: url(../font/TheSans_B2_500_.eot);
    src: url(../font/TheSans_B2_500_.eot) format("embedded-opentype"), url(../font/TheSans_B2_500_.woff) format("woff"), url(../font/TheSans_B2_500_.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "The Sans";
    src: url(../font/TheSans_B2_500i.eot);
    src: url(../font/TheSans_B2_500i.eot) format("embedded-opentype"), url(../font/TheSans_B2_500i.woff) format("woff"), url(../font/TheSans_B2_500i.svg) format("svg");
    font-weight: 400;
    font-style: italic
}

.container {
    display: block;
    margin: 0 auto;
    position: relative;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:768px) {
    .container {
        padding-left: 0;
        padding-right: 0;
        width: 630px
    }
}

@media (min-width:1024px) {
    .container {
        padding-left: 0;
        padding-right: 0;
        width: calc(930px - (0px * 2))
    }
}

@media (min-width:1280px) {
    .container {
        padding-left: 0;
        padding-right: 0;
        width: calc(1100px - (0px * 2))
    }
}

.row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0
}

@media (min-width:768px) {
    .row {
        margin-left: -24px;
        margin-right: -24px
    }
}

@media (min-width:1024px) {
    .row {
        margin-left: -24px;
        margin-right: -24px
    }
}

@media (min-width:1280px) {
    .row {
        margin-left: -32px;
        margin-right: -32px
    }
}

.row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.col {
    width: 100%;
    padding: 0 0
}

@media (min-width:768px) {
    .col {
        padding: 0 24px
    }
}

@media (min-width:1024px) {
    .col {
        padding: 0 24px
    }
}

@media (min-width:1280px) {
    .col {
        padding: 0 32px
    }
}

.col.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:768px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width:1024px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width:1280px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-left: 32px;
        padding-right: 32px
    }
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1024px) {
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1280px) {
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
}

.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.banner {
    height: 60px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 999;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out, -o-transform .3s ease-in-out;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.banner a {
    font-weight: 400
}

.banner ul {
    list-style: none
}

.banner ul li:before {
    display: none
}

#body-wrapper {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out, -o-transform .3s ease-in-out;
    overflow-x: hidden
}

.menu-toggle {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    margin: 0;
    padding: 0;
    height: 60px;
    width: 60px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
    background: #e6f2eb!important;
    color: #027832
}

.menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.menu-toggle:after {
    display: none
}

.menu-toggle .hamburger {
    position: absolute;
    display: block;
    left: 18px;
    top: 18px;
    width: 24px;
    height: 16px
}

.menu-toggle .hamburger:active {
    -ms-transform: scale(.85, .85);
    -o-transform: scale(.85, .85);
    transform: scale(.85, .85);
    -webkit-transform: scale(.85, .85)
}

.menu-toggle .hamburger span {
    background-color: #027832;
    display: block;
    height: 3px;
    left: 0;
    top: 0;
    opacity: 1;
    position: absolute;
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -webkit-transition: all 125ms linear;
    -o-transition: all 125ms linear;
    transition: all 125ms linear;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    width: 100%
}

.menu-toggle .hamburger span:nth-child(2) {
    top: 8px;
    margin-top: -1px
}

.menu-toggle .hamburger span:nth-child(3) {
    top: 16px;
    margin-top: -2px
}

.menu-toggle .hamburger i {
    display: block;
    color: #027832;
    font-style: normal;
    text-transform: uppercase;
    font-size: 8px;
    position: absolute;
    font-weight: 300;
    top: calc(100% + 3px);
    left: 0;
    right: 0;
    text-align: center
}

.header-background {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center
}

#search-toggle {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    padding: 0;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    display: inline-block;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #2e2e2e;
    vertical-align: top
}

#search-toggle:active, #search-toggle:focus, #search-toggle:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

#search-toggle:active, #search-toggle:focus, #search-toggle:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#search-toggle:after {
    display: none
}

#search-toggle svg {
    display: inline-block;
    vertical-align: middle;
    fill: #027832;
    height: 1em;
    width: 40px;
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transform: translateY(-10%);
    -webkit-transform: translateY(-10%)
}

#search-toggle .search-icon {
    position: absolute;
    display: block;
    left: 50%;
    top: 0;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 24px;
    height: 60px;
    line-height: 60px
}

#search-toggle .search-icon span:nth-child(1), #search-toggle .search-icon span:nth-child(2) {
    background-color: #027832;
    display: none;
    height: 3px;
    left: 0;
    opacity: 1;
    position: absolute;
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -webkit-transition: all 125ms linear;
    -o-transition: all 125ms linear;
    transition: all 125ms linear;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    width: 100%
}

#search-toggle .search-icon span:nth-child(1) {
    top: 50%;
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

#search-toggle .search-icon span:nth-child(2) {
    top: 50%;
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#search-toggle.open {
    z-index: 4;
    position: absolute;
    top: 0
}

#search-toggle.open svg {
    display: none
}

#search-toggle.open .search-icon span {
    display: block
}

.search-form {
    display: none
}

@-webkit-keyframes searchSlideIn {
    from {
        height: 100%;
        width: 0
    }
    to {
        height: 100%;
        width: 100vw
    }
}

@-o-keyframes searchSlideIn {
    from {
        height: 100%;
        width: 0
    }
    to {
        height: 100%;
        width: 100vw
    }
}

@keyframes searchSlideIn {
    from {
        height: 100%;
        width: 0
    }
    to {
        height: 100%;
        width: 100vw
    }
}

@-webkit-keyframes searchSlideOut {
    from {
        height: 100%;
        width: 100vw
    }
    to {
        height: 0;
        width: 100vw
    }
}

@-o-keyframes searchSlideOut {
    from {
        height: 100%;
        width: 100vw
    }
    to {
        height: 0;
        width: 100vw
    }
}

@keyframes searchSlideOut {
    from {
        height: 100%;
        width: 100vw
    }
    to {
        height: 0;
        width: 100vw
    }
}

@-webkit-keyframes searchCloseSlideIn {
    from {
        transform: translateX(100%);
        -webkit-transform: translateX(100%)
    }
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

@-o-keyframes searchCloseSlideIn {
    from {
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform: translateX(100%)
    }
    to {
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

@keyframes searchCloseSlideIn {
    from {
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform: translateX(100%)
    }
    to {
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

#searchform {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
    z-index: 3
}

#searchform .search-field {
    background: 0 0;
    color: #2e2e2e;
    width: 100%;
    height: 60px;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    line-height: 60px;
    font-size: 1.125em;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 120px
}

#searchform .search-submit {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 60px;
    top: 0;
    text-align: center;
    font-size: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px
}

#searchform .search-submit:active, #searchform .search-submit:focus, #searchform .search-submit:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

#searchform .search-submit:active, #searchform .search-submit:focus, #searchform .search-submit:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#searchform .search-submit:after {
    display: none
}

#searchform .search-submit svg {
    height: 1em;
    fill: #2e2e2e;
    display: inline-block;
    vertical-align: middle;
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transform: translateY(-10%);
    -webkit-transform: translateY(-10%)
}

#search-close {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    display: block;
    background: rgba(0, 0, 0, .65);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

#search-close:active, #search-close:focus, #search-close:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

#search-close:active, #search-close:focus, #search-close:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#search-close:after {
    display: none
}

.search-open #search-close {
    pointer-events: auto;
    opacity: 1
}

.search-open #search-toggle {
    background: #e6f2eb
}

.search-open #searchform {
    -webkit-animation: searchSlideIn .3s;
    -o-animation: searchSlideIn .3s;
    animation: searchSlideIn .3s;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0, .97, .09, 1.01);
    -o-animation-timing-function: cubic-bezier(0, .97, .09, 1.01);
    animation-timing-function: cubic-bezier(0, .97, .09, 1.01)
}

.search-open #searchform .search-field {
    opacity: 1;
    border: none
}

.search-close #searchform {
    -webkit-animation: searchSlideOut .3s;
    -o-animation: searchSlideOut .3s;
    animation: searchSlideOut .3s;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.05, .64, .51, 1);
    -o-animation-timing-function: cubic-bezier(.05, .64, .51, 1);
    animation-timing-function: cubic-bezier(.05, .64, .51, 1)
}

.nav-wrapper {
    position: absolute;
    right: 100%;
    height: calc(100vh - 60px);
    overflow: auto;
    top: 0;
    bottom: 0;
    padding-top: 60px;
    width: calc(100vw - 60px);
    border-right: 1px solid #e6f2eb;
    font-size: 18px;
    background: #fff
}

.language-nav, .primary-nav {
    margin: 0
}

.language-nav .submenu-toggle, .primary-nav .submenu-toggle {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    cursor: pointer;
    border-left: 1px solid #e6f2eb
}

.language-nav .submenu-toggle:before, .primary-nav .submenu-toggle:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #027832;
    -webkit-transform: translate(-50%, -25%);
    -ms-transform: translate(-50%, -25%);
    -o-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%)
}

.language-nav .submenu-toggle.open:before, .primary-nav .submenu-toggle.open:before {
    border-top-color: transparent;
    border-bottom-color: #027832;
    -webkit-transform: translate(-50%, -75%);
    -ms-transform: translate(-50%, -75%);
    -o-transform: translate(-50%, -75%);
    transform: translate(-50%, -75%)
}

.language-nav ul, .primary-nav ul {
    display: block;
    list-style: none;
    margin: 0;
    border-top: 1px solid #e6f2eb
}

.language-nav ul li, .primary-nav ul li {
    margin: 0;
    position: relative;
    border-bottom: 1px solid #e6f2eb
}

.language-nav ul li .sub-menu, .primary-nav ul li .sub-menu {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
    border-top: none
}

.language-nav ul li .sub-menu.open, .primary-nav ul li .sub-menu.open {
    height: auto;
    border-top: 1px solid #e6f2eb
}

.language-nav ul li .sub-menu.open .sub-menu, .primary-nav ul li .sub-menu.open .sub-menu {
    margin-left: 20px
}

.language-nav ul li .sub-menu.open .sub-menu a, .primary-nav ul li .sub-menu.open .sub-menu a {
    color: #2e2e2e
}

.language-nav ul li .sub-menu li a, .primary-nav ul li .sub-menu li a {
    padding-left: 40px;
    font-size: .75em
}

.language-nav ul li .sub-menu li:last-child, .primary-nav ul li .sub-menu li:last-child {
    border-bottom: none
}

.language-nav ul li a, .primary-nav ul li a {
    color: #027832;
    display: block;
    padding: 14.7px 20px
}

.language-nav {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    background: #fff
}

.language-nav ul {
    height: 0;
    display: block;
    overflow: hidden
}

.language-nav ul:after, .language-nav ul:before {
    display: none
}

#translation-nav.open #language-toggle .language-code {
    display: none
}

#translation-nav.open #language-toggle .back {
    display: block
}

#translation-nav.open .language-nav {
    bottom: 0
}

#translation-nav.open .language-nav ul {
    height: 100%
}

.menu-open #body-wrapper, .menu-open .banner {
    -webkit-transform: translateX(calc(100vw - 60px));
    -ms-transform: translateX(calc(100vw - 60px));
    -o-transform: translateX(calc(100vw - 60px));
    transform: translateX(calc(100vw - 60px))
}

.menu-open #nav-menu-close {
    opacity: 1;
    pointer-events: auto
}

#nav-menu-close {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    display: block;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
    pointer-events: none;
    background: rgba(0, 0, 0, .65);
    z-index: 1000;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

#nav-menu-close:active, #nav-menu-close:focus, #nav-menu-close:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

#nav-menu-close:active, #nav-menu-close:focus, #nav-menu-close:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#nav-menu-close:after {
    display: none
}

#menu-close {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    margin: 0;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
    text-transform: uppercase;
    height: 60px;
    background: #e6f2eb;
    color: #027832;
    padding: 0 45px 0 20px;
    line-height: 60px;
    font-weight: 400
}

#menu-close:active, #menu-close:focus, #menu-close:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

#menu-close:active, #menu-close:focus, #menu-close:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#menu-close:after {
    display: none
}

#language-toggle {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    padding: 0;
    position: absolute;
    left: 0;
    font-size: 16px;
    text-transform: uppercase;
    top: -60px;
    margin: 0;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
    height: 60px;
    color: #027832;
    padding: 0 20px;
    line-height: 60px;
    font-weight: 400
}

#language-toggle:active, #language-toggle:focus, #language-toggle:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

#language-toggle:active, #language-toggle:focus, #language-toggle:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#language-toggle:after {
    display: none
}

#language-toggle:active, #language-toggle:focus, #language-toggle:hover {
    text-decoration: underline
}

#language-toggle .language-code:before {
    margin-top: -3px;
    width: 1.5em;
    height: 1.5em
}

#language-toggle .language-code:after {
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-left: .5em;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #027832;
    -webkit-transform: translate(0, 25%);
    -ms-transform: translate(0, 25%);
    -o-transform: translate(0, 25%);
    transform: translate(0, 25%)
}

#language-toggle .back {
    display: none
}

#language-toggle .language-code:before {
    content: "";
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    vertical-align: middle;
    margin-right: .25em;
    background: url(../image/globe.svg) center center no-repeat
}

.current-language-item {
    position: relative
}

.current-language-item:after {
    content: '';
    display: block;
    background: url(../image/check.svg) center center no-repeat;
    -webkit-background-size: 40% auto;
    background-size: 40% auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%
}

#menu-close:after {
    content: '';
    display: block;
    background: url(../image/close.svg) center center no-repeat;
    -webkit-background-size: 50% auto;
    background-size: 50% auto;
    position: absolute;
    right: 10px;
    top: 0;
    width: 40px;
    height: 100%
}

.play-button-text {
    position: absolute;
    left: -5.8em;
    top: -3.7em;
    display: block;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    height: 1.6em;
    font-family: "Architects Daughter", sans-serif;
    pointer-events: none
}

.play-button-text:after {
    position: absolute;
    content: "";
    display: block;
    top: 100%;
    left: 50%;
    width: 30px;
    height: 60px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
    background: url(../image/arrow_hand_drawn.svg) center center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.video-player {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .8);
    display: none
}

.video-player.open {
    display: block
}

.video-player .header-video-container {
    width: 80%;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-bottom: 45%
}

.video-player .header-video-container embed, .video-player .header-video-container iframe, .video-player .header-video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.close-video-player {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px
}

.close-video-player:active, .close-video-player:focus, .close-video-player:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.close-video-player:active, .close-video-player:focus, .close-video-player:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.close-video-player:after {
    display: none
}

.close-video-player:before {
    content: "";
    width: 1em;
    height: 1em;
    display: inline-block;
    background: url(../image/close_white.svg) center center no-repeat
}

.page-header .results-count {
    font-family: "Architects Daughter", sans-serif;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    margin-top: 2em;
    margin-right: 2em;
    margin-bottom: 2em
}

.page-header .results-count:after {
    position: absolute;
    content: "";
    display: block;
    top: 80%;
    left: 50%;
    width: 30px;
    height: 60px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
    background: url(../image/arrow_hand_drawn.svg) center center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

body {
    overflow-x: hidden
}

body {
    background-color: #fff
}

body.single-product .block.block-product-knowledge, body.single-product .page-header {
    background: #027832
}

body.single-product.advanced table {
    border-color: #54a0ba
}

body.single-product.advanced table td, body.single-product.advanced table th {
    border-color: #54a0ba
}

body.single-product.advanced table th {
    background-color: #54a0ba
}

body.single-product.advanced table tr:nth-child(even) {
    background: rgba(84, 160, 186, .1)
}

body.single-product.advanced table tr:nth-child(even)>td:first-child:after {
    background: rgba(84, 160, 186, .1)
}

body.single-product.advanced .table-wrapper .scrollable {
    border-color: #54a0ba
}

body.single-product.advanced .table-wrapper:before {
    border-right-color: #54a0ba
}

body.single-product.advanced .table-wrapper:after {
    border-left-color: #54a0ba
}

body.single-product.advanced .block.block-product-knowledge, body.single-product.advanced .page-header {
    background: #54a0ba
}

body.single-product.trace-elements table {
    border-color: #c08d00
}

body.single-product.trace-elements table td, body.single-product.trace-elements table th {
    border-color: #c08d00
}

body.single-product.trace-elements table th {
    background-color: #c08d00
}

body.single-product.trace-elements table tr:nth-child(even) {
    background: rgba(219, 165, 10, .1)
}

body.single-product.trace-elements table tr:nth-child(even)>td:first-child:after {
    background: rgba(219, 165, 10, .1)
}

body.single-product.trace-elements .table-wrapper .scrollable {
    border-color: #c08d00
}

body.single-product.trace-elements .table-wrapper:before {
    border-right-color: #c08d00
}

body.single-product.trace-elements .table-wrapper:after {
    border-left-color: #c08d00
}

body.single-product.trace-elements .block.block-product-knowledge, body.single-product.trace-elements .page-header {
    background: #c08d00
}

body.single-product.water-soluble-npk table, body.single-product.water-soluble-npks table {
    border-color: #7f69b3
}

body.single-product.water-soluble-npk table td, body.single-product.water-soluble-npk table th, body.single-product.water-soluble-npks table td, body.single-product.water-soluble-npks table th {
    border-color: #7f69b3
}

body.single-product.water-soluble-npk table th, body.single-product.water-soluble-npks table th {
    background-color: #7f69b3
}

body.single-product.water-soluble-npk table tr:nth-child(even), body.single-product.water-soluble-npks table tr:nth-child(even) {
    background: rgba(134, 133, 187, .1)
}

body.single-product.water-soluble-npk table tr:nth-child(even)>td:first-child:after, body.single-product.water-soluble-npks table tr:nth-child(even)>td:first-child:after {
    background: rgba(134, 133, 187, .1)
}

body.single-product.water-soluble-npk .table-wrapper .scrollable, body.single-product.water-soluble-npks .table-wrapper .scrollable {
    border-color: #7f69b3
}

body.single-product.water-soluble-npk .table-wrapper:before, body.single-product.water-soluble-npks .table-wrapper:before {
    border-right-color: #7f69b3
}

body.single-product.water-soluble-npk .table-wrapper:after, body.single-product.water-soluble-npks .table-wrapper:after {
    border-left-color: #7f69b3
}

body.single-product.water-soluble-npk .block.block-product-knowledge, body.single-product.water-soluble-npk .page-header, body.single-product.water-soluble-npks .block.block-product-knowledge, body.single-product.water-soluble-npks .page-header {
    background: #7f69b3
}

body.single-product.liquid-npk table, body.single-product.liquid-npks table {
    border-color: #006198
}

body.single-product.liquid-npk table td, body.single-product.liquid-npk table th, body.single-product.liquid-npks table td, body.single-product.liquid-npks table th {
    border-color: #006198
}

body.single-product.liquid-npk table th, body.single-product.liquid-npks table th {
    background-color: #006198
}

body.single-product.liquid-npk table tr:nth-child(even), body.single-product.liquid-npks table tr:nth-child(even) {
    background: rgba(0, 88, 149, .1)
}

body.single-product.liquid-npk table tr:nth-child(even)>td:first-child:after, body.single-product.liquid-npks table tr:nth-child(even)>td:first-child:after {
    background: rgba(0, 88, 149, .1)
}

body.single-product.liquid-npk .table-wrapper .scrollable, body.single-product.liquid-npks .table-wrapper .scrollable {
    border-color: #006198
}

body.single-product.liquid-npk .table-wrapper:before, body.single-product.liquid-npks .table-wrapper:before {
    border-right-color: #006198
}

body.single-product.liquid-npk .table-wrapper:after, body.single-product.liquid-npks .table-wrapper:after {
    border-left-color: #006198
}

body.single-product.liquid-npk .block.block-product-knowledge, body.single-product.liquid-npk .page-header, body.single-product.liquid-npks .block.block-product-knowledge, body.single-product.liquid-npks .page-header {
    background: #006198
}

body.single-product.humic-acids table {
    border-color: #695d15
}

body.single-product.humic-acids table td, body.single-product.humic-acids table th {
    border-color: #695d15
}

body.single-product.humic-acids table th {
    background-color: #695d15
}

body.single-product.humic-acids table tr:nth-child(even) {
    background: rgba(105, 93, 21, .1)
}

body.single-product.humic-acids table tr:nth-child(even)>td:first-child:after {
    background: rgba(105, 93, 21, .1)
}

body.single-product.humic-acids .table-wrapper .scrollable {
    border-color: #695d15
}

body.single-product.humic-acids .table-wrapper:before {
    border-right-color: #695d15
}

body.single-product.humic-acids .table-wrapper:after {
    border-left-color: #695d15
}

body.single-product.humic-acids .block.block-product-knowledge, body.single-product.humic-acids .page-header {
    background: #695d15
}

body.single-product.seaweed table {
    border-color: #00a499
}

body.single-product.seaweed table td, body.single-product.seaweed table th {
    border-color: #00a499
}

body.single-product.seaweed table th {
    background-color: #00a499
}

body.single-product.seaweed table tr:nth-child(even) {
    background: rgba(0, 164, 153, .1)
}

body.single-product.seaweed table tr:nth-child(even)>td:first-child:after {
    background: rgba(0, 164, 153, .1)
}

body.single-product.seaweed .table-wrapper .scrollable {
    border-color: #00a499
}

body.single-product.seaweed .table-wrapper:before {
    border-right-color: #00a499
}

body.single-product.seaweed .table-wrapper:after {
    border-left-color: #00a499
}

body.single-product.seaweed .block.block-product-knowledge, body.single-product.seaweed .page-header {
    background: #00a499
}

body.single-product.calcium-magnesium-derivates table {
    border-color: #6f2b90
}

body.single-product.calcium-magnesium-derivates table td, body.single-product.calcium-magnesium-derivates table th {
    border-color: #6f2b90
}

body.single-product.calcium-magnesium-derivates table th {
    background-color: #6f2b90
}

body.single-product.calcium-magnesium-derivates table tr:nth-child(even) {
    background: rgba(112, 47, 138, .1)
}

body.single-product.calcium-magnesium-derivates table tr:nth-child(even)>td:first-child:after {
    background: rgba(112, 47, 138, .1)
}

body.single-product.calcium-magnesium-derivates .table-wrapper .scrollable {
    border-color: #6f2b90
}

body.single-product.calcium-magnesium-derivates .table-wrapper:before {
    border-right-color: #6f2b90
}

body.single-product.calcium-magnesium-derivates .table-wrapper:after {
    border-left-color: #6f2b90
}

body.single-product.calcium-magnesium-derivates .block.block-product-knowledge, body.single-product.calcium-magnesium-derivates .page-header {
    background: #6f2b90
}

body.single-product.new-solutions table {
    border-color: #b65c43
}

body.single-product.new-solutions table td, body.single-product.new-solutions table th {
    border-color: #b65c43
}

body.single-product.new-solutions table th {
    background-color: #b65c43
}

body.single-product.new-solutions table tr:nth-child(even) {
    background: rgba(182, 92, 67, .1)
}

body.single-product.new-solutions table tr:nth-child(even)>td:first-child:after {
    background: rgba(182, 92, 67, .1)
}

body.single-product.new-solutions .table-wrapper .scrollable {
    border-color: #b65c43
}

body.single-product.new-solutions .table-wrapper:before {
    border-right-color: #b65c43
}

body.single-product.new-solutions .table-wrapper:after {
    border-left-color: #b65c43
}

body.single-product.new-solutions .block.block-product-knowledge, body.single-product.new-solutions .page-header {
    background: #b65c43
}

body.single-product.ipe-technology table {
    border-color: #6e7b19
}

body.single-product.ipe-technology table td, body.single-product.ipe-technology table th {
    border-color: #6e7b19
}

body.single-product.ipe-technology table th {
    background-color: #6e7b19
}

body.single-product.ipe-technology table tr:nth-child(even) {
    background: rgba(110, 123, 25, .1)
}

body.single-product.ipe-technology table tr:nth-child(even)>td:first-child:after {
    background: rgba(110, 123, 25, .1)
}

body.single-product.ipe-technology .table-wrapper .scrollable {
    border-color: #6e7b19
}

body.single-product.ipe-technology .table-wrapper:before {
    border-right-color: #6e7b19
}

body.single-product.ipe-technology .table-wrapper:after {
    border-left-color: #6e7b19
}

body.single-product.ipe-technology .block.block-product-knowledge, body.single-product.ipe-technology .page-header {
    background: #6e7b19
}

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

table {
    border: 1px solid #14703b;
    border-width: 1px 0 0 1px;
    min-width: 100%
}

table td, table th {
    padding: .5em 1em;
    border-right: 1px solid #14703b;
    border-bottom: 1px solid #14703b;
    text-align: left
}

table th {
    background: #027832;
    color: #fff
}

table td {
    font-size: .93em
}

table tr:nth-child(even) {
    background: rgba(2, 120, 50, .1)
}

.container {
    max-width: calc(100vw - 60px)
}

.handwritten-title {
    text-align: center;
    margin: 0 0 -20px;
    display: block
}

.handwritten-title h3 {
    -webkit-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    transform: rotate(-9deg);
    display: block;
    margin: 0 auto 15px;
    font-weight: 400;
    font-family: 'Architects Daughter', cursive;
    max-width: 200px
}

.handwritten-title svg {
    -webkit-transform: scale(.8, .8);
    -ms-transform: scale(.8, .8);
    -o-transform: scale(.8, .8);
    transform: scale(.8, .8)
}

.more-link {
    color: #027832
}

.more-link .arrow-right {
    display: inline-block;
    vertical-align: middle;
    margin-left: .5em;
    height: 1.125em;
    width: auto
}

.more-link .arrow-right path {
    fill: #027832
}

.product-download {
    margin-bottom: .5em
}

.product-download a {
    color: #027832;
    display: block;
    position: relative;
    padding-left: 35px
}

.product-download a .filename-short {
    display: none
}

.product-download svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
    position: absolute;
    left: 0
}

.product-download svg path {
    fill: #027832
}

.contact-title {
    display: block;
    margin-bottom: 1.25em
}

.contact-person {
    min-height: 67px;
    padding-left: 85px;
    position: relative
}

.contact-person a {
    color: #2e2e2e
}

.contact-person .person-thumb {
    display: block;
    overflow: hidden;
    width: 67px;
    height: 67px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0
}

.contact-person .person-thumb img {
    width: 100%;
    height: 100%
}

.contact-person .person-contact {
    margin-bottom: 1em
}

.contact-person .email, .contact-person .fn, .contact-person .function, .contact-person .phone {
    display: block
}

.contact-person .fn {
    margin-bottom: .25em;
    font-weight: 700
}

.contact-person a {
    text-decoration: underline
}

.product-knowledge .content-info {
    border-top-left-radius: 0 0;
    border-top-right-radius: 0 0
}

.introtext p:first-child {
    font-size: 1.286em
}

.introtext p:last-child {
    margin: 0
}

.block {
    padding: 20px 0
}

.block .addresses a {
    color: #2e2e2e
}

.block .addresses h3 {
    margin: 0 0 .5em;
    font-size: 18px
}

.block .addresses span {
    display: inline
}

.block .addresses .city {
    text-transform: uppercase
}

.block .addresses .col {
    margin-bottom: 2em
}

.block .addresses .email a {
    margin-left: .25em;
    text-decoration: underline
}

.block .addresses .linkedin, .block .addresses .twitter {
    display: inline-block;
    width: 2.4em;
    height: 2.4em;
    border: 1px solid #14703b;
    border-radius: 50%;
    margin-right: .5em
}

.block .addresses .linkedin:active, .block .addresses .linkedin:focus, .block .addresses .linkedin:hover, .block .addresses .twitter:active, .block .addresses .twitter:focus, .block .addresses .twitter:hover {
    background-color: rgba(2, 120, 50, .1)
}

.block:first-child {
    padding-top: 40px
}

.block:last-child {
    padding-bottom: 40px
}

.block .block-title {
    color: #027832;
    margin-bottom: 1em;
    font-size: 1.66em;
    font-weight: 700
}

.block.block-main {
    margin-bottom: 0
}

.block.block-main .contact-title {
    margin-top: 1.5em
}

.block.block-people .people {
    margin-top: -40px
}

.block.block-distributors .distributors {
    margin-top: -40px
}

.block.related {
    padding-top: 0;
    text-align: center
}

.block.related .hfeed {
    text-align: left
}

.block.related .container {
    padding-top: 20px;
    border-top: 1px solid #14703b
}

.block.block-two-column .image-col {
    text-align: center
}

.block.block-tabs .tab-nav-desktop {
    display: none
}

.block.block-tabs .tab-nav-desktop .more-link {
    float: right
}

.block.block-tabs .tab-nav-desktop .more-link {
    line-height: 2.75em
}

.block.block-tabs .image-col {
    text-align: center;
    padding-bottom: 20px
}

.block.block-tabs .image-col img {
    max-height: 480px
}

.block.block-tabs .tab {
    margin-bottom: 20px
}

.block.block-tabs .tab .tab-content {
    display: none;
    padding: 40px 0 20px
}

.block.block-tabs .tab .tab-content p:last-child {
    margin-bottom: 0
}

.block.block-tabs .tab .tab-content .button {
    margin-top: 2em
}

.block.block-tabs .tab .tab-content .col {
    position: relative
}

.block.block-tabs .tab.mobile-open .tab-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.block.block-tabs .tab-button, .block.block-tabs .tab-button-mobile {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #2e2e2e;
    border-radius: 1.375em;
    background-color: rgba(2, 120, 50, .1);
    height: 2.75em;
    padding: 0 17px;
    border: 1px solid transparent;
    position: relative
}

.block.block-tabs .tab-button-mobile:active, .block.block-tabs .tab-button-mobile:focus, .block.block-tabs .tab-button-mobile:hover, .block.block-tabs .tab-button:active, .block.block-tabs .tab-button:focus, .block.block-tabs .tab-button:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.block.block-tabs .tab-button-mobile:active, .block.block-tabs .tab-button-mobile:focus, .block.block-tabs .tab-button-mobile:hover, .block.block-tabs .tab-button:active, .block.block-tabs .tab-button:focus, .block.block-tabs .tab-button:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.block.block-tabs .tab-button-mobile:after, .block.block-tabs .tab-button:after {
    display: none
}

.block.block-tabs .tab-button .icon, .block.block-tabs .tab-button-mobile .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: .25em
}

.block.block-tabs .tab-button .icon svg, .block.block-tabs .tab-button-mobile .icon svg {
    display: inline-block;
    vertical-align: middle
}

.block.block-tabs .tab-button-mobile.active, .block.block-tabs .tab-button.active {
    background: #fff!important;
    border: 1px solid #14703b!important
}

.block.block-tabs .tab-button-mobile.active:before, .block.block-tabs .tab-button.active:before {
    content: "";
    display: block;
    background: #fff!important;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 50%;
    top: 100%;
    border: 1px solid #14703b;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg) translate(-50%, -2px);
    -ms-transform: rotate(45deg) translate(-50%, -2px);
    -o-transform: rotate(45deg) translate(-50%, -2px);
    transform: rotate(45deg) translate(-50%, -2px)
}

.block.block-tabs .tab-button-mobile:active, .block.block-tabs .tab-button-mobile:focus, .block.block-tabs .tab-button-mobile:hover, .block.block-tabs .tab-button:active, .block.block-tabs .tab-button:focus, .block.block-tabs .tab-button:hover {
    outline: 0;
    border: 1px solid #14703b;
    background-color: rgba(2, 120, 50, .1)
}

.block.block-tabs .tab-button-mobile:active:before, .block.block-tabs .tab-button-mobile:focus:before, .block.block-tabs .tab-button-mobile:hover:before, .block.block-tabs .tab-button:active:before, .block.block-tabs .tab-button:focus:before, .block.block-tabs .tab-button:hover:before {
    background-color: rgba(2, 120, 50, .1)
}

.block.block-tabs .tab-button {
    margin-right: 2px;
    margin-bottom: 15px
}

.block.block-tabs .tab-button-mobile {
    width: 100%
}

.block.block-tabs .tab-button-mobile:after {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #027832;
    margin-top: -3px;
    margin-left: .5em
}

.block.block-tabs .tab-button-mobile.active:after {
    border-top-color: transparent;
    border-bottom-color: #027832;
    margin-top: -9px
}

.block.block-tabs .tab-button-mobile:focus {
    border: 1px solid transparent
}

.block.block-tabs .tab-button-mobile .icon {
    position: absolute;
    left: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(.85, .85);
    -ms-transform: translateY(-50%) scale(.85, .85);
    -o-transform: translateY(-50%) scale(.85, .85);
    transform: translateY(-50%) scale(.85, .85)
}

.block.block-quote .col-photo {
    display: none
}

.block.block-quote .button {
    float: right
}

.block.block-quote .quote-photo {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin: 0 auto
}

.block.block-quote .quote-photo img {
    width: 100%
}

.block.block-quote .quote-person {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 60px;
    padding-left: 80px
}

.block.block-quote .quote-person .quote-photo {
    position: absolute;
    left: 0;
    top: 0
}

.block.block-quote .quote-person .quote-name {
    font-weight: 700
}

.block.block-product-intro {
    z-index: 2;
    position: relative;
    padding-top: 0
}

.block.block-product-intro .entry-thumbnail {
    margin-top: -90px;
    max-width: 160px;
    display: inline-block
}

.block.block-product-intro .product-content {
    padding-top: 40px
}

.block.block-product-intro .product-image {
    text-align: center
}

.block.block-product-intro .product-image .entry-thumbnail {
    position: relative;
    display: inline-block;
    z-index: 1
}

.block.block-product-intro .product-image .entry-thumbnail:after {
    content: '';
    display: block;
    position: absolute;
    bottom: .5em;
    left: -15%;
    width: 130%;
    height: 4em;
    -webkit-transform: translateY(40%);
    -ms-transform: translateY(40%);
    -o-transform: translateY(40%);
    transform: translateY(40%);
    z-index: -1;
    background-image: -webkit-radial-gradient(ellipse, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, 0) 60%);
    background-image: -o-radial-gradient(ellipse, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, 0) 60%);
    background-image: radial-gradient(ellipse, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, 0) 60%)
}

.block.block-product-intro .product-applications {
    display: none
}

.block.block-product-intro .product-contact {
    margin-top: 2em
}

.block.block-product-intro .product-application-icons {
    text-align: center;
    margin-top: 40px
}

.block.block-product-intro .application-icon {
    display: inline-block;
    width: 65px;
    height: 65px;
    margin: 0 .5em
}

.block.block-product-intro .application-icon svg {
    max-width: 100%;
    max-height: 100%
}

.block.block-product-knowledge {
    padding: 90px 0;
    background-color: #027832;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-top: 20px;
    margin-bottom: -20px;
    border-top-left-radius: 50% 50px;
    border-top-right-radius: 50% 50px;
    border-bottom-left-radius: 50% 50px;
    border-bottom-right-radius: 50% 50px;
    width: 130%;
    -webkit-transform: translateX(-11.53846154%);
    -ms-transform: translateX(-11.53846154%);
    -o-transform: translateX(-11.53846154%);
    transform: translateX(-11.53846154%)
}

.block.block-product-knowledge .knowledge-story {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px
}

.block.block-product-knowledge .knowledge-story:first-child {
    padding-top: 0
}

.block.block-product-knowledge .knowledge-story:first-child .story-icon {
    top: 0
}

.block.block-product-knowledge .knowledge-story:last-child {
    padding-bottom: 0
}

.block.block-product-knowledge .knowledge-story:last-child:before {
    display: none
}

.block.block-product-knowledge .knowledge-story:before {
    content: "";
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    height: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.block.block-product-knowledge h2 {
    margin-right: 85px;
    min-height: 67px
}

.block.block-product-knowledge a {
    color: #fff
}

.block.block-product-knowledge a svg path {
    fill: #fff
}

.block.block-product-knowledge .story-content {
    margin-bottom: 2em
}

.block.block-product-knowledge .entry-thumbnail {
    width: 75px;
    height: 75px;
    display: inline-block;
    position: absolute;
    top: 40px;
    right: 0
}

.block.block-product-knowledge .story-icon {
    width: 67px;
    height: 67px;
    display: inline-block;
    border: 4px solid #fff;
    position: absolute;
    top: 40px;
    right: 0
}

.block.block-product-knowledge .story-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 75%;
    max-height: 75%;
    height: auto;
    width: auto
}

.block.block-product-knowledge .story-icon svg g, .block.block-product-knowledge .story-icon svg path {
    fill: #fff!important
}

.block.block-formulas .container:after, .block.block-formulas .container:before {
    content: " ";
    display: table
}

.block.block-formulas .container:after {
    clear: both
}

.block.block-formulas .more-link {
    float: right;
    margin-top: 1em;
    display: block
}

.block.block-formulas .formulas {
    display: block;
    background: #fff;
    border: 1px solid #027832;
    border-radius: 30px;
    padding: 0 0 0
}

.block.block-formulas .formula-product {
    padding: 30px 30px 190px;
    width: calc(100% -60px);
    position: relative;
    text-align: center
}

.block.block-formulas .formula-product .content-wrapper {
    display: block;
    height: 9em;
    overflow: hidden;
    position: relative
}

.block.block-formulas .formula-product .content-wrapper:before {
    content: "";
    display: block;
    height: 3em;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff);
    background: -o-linear-gradient(rgba(255, 255, 255, 0), #fff);
    background: linear-gradient(rgba(255, 255, 255, 0), #fff);
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.block.block-formulas .formula-product .entry-content {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    font-size: .93em
}

.block.block-formulas .formula-product .button {
    margin-bottom: 1em;
    -webkit-transform: translateX(-50%) scale(.745, .745);
    -ms-transform: translateX(-50%) scale(.745, .745);
    -o-transform: translateX(-50%) scale(.745, .745);
    transform: translateX(-50%) scale(.745, .745);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    bottom: 120px;
    left: 50%
}

.block.block-formulas .formula-product .thumbnail {
    display: block;
    width: 100%;
    text-align: center;
    height: 120px;
    position: relative;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.block.block-formulas .formula-product .thumbnail img {
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 240px;
    width: auto;
    height: auto
}

.packaging svg {
    width: 100%;
    height: auto
}

.packaging svg path {
    fill: rgba(0, 0, 0, .075)
}

.packaging.package-1000l svg #package-1000l path {
    fill: #027832
}

.packaging.package-200l svg #package-200l path {
    fill: #027832
}

.packaging.package-20l svg #package-20l path {
    fill: #027832
}

.packaging.package-10l svg #package-10l path {
    fill: #027832
}

.packaging.package-5l svg #package-5l path {
    fill: #027832
}

.packaging.package-1l svg #package-1l path {
    fill: #027832
}

.packaging.package-200ml svg #package-200ml path {
    fill: #027832
}

.packaging.package-100ml svg #package-100ml path {
    fill: #027832
}

.packaging.package-50ml svg #package-50ml path {
    fill: #027832
}

.packaging.package-30ml svg #package-30ml path {
    fill: #027832
}

.packaging.package-1000kg svg #package-1000kg path {
    fill: #027832
}

.packaging.package-25kg svg #package-25kg path {
    fill: #027832
}

.packaging.package-20kg svg #package-20kg path {
    fill: #027832
}

.packaging.package-15kg svg #package-15kg path {
    fill: #027832
}

.packaging.package-10kg svg #package-10kg path {
    fill: #027832
}

.packaging.package-5kg svg #package-5kg path {
    fill: #027832
}

.packaging.package-4kg svg #package-4kg path {
    fill: #027832
}

.packaging.package-1kg svg #package-1kg path {
    fill: #027832
}

.packaging.package-100g svg #package-100g path {
    fill: #027832
}

.packaging.package-10g svg #package-10g path {
    fill: #027832
}

.seaweed .packaging.package-1000l svg #package-1000l path {
    fill: #00a499
}

.seaweed .packaging.package-200l svg #package-200l path {
    fill: #00a499
}

.seaweed .packaging.package-20l svg #package-20l path {
    fill: #00a499
}

.seaweed .packaging.package-10l svg #package-10l path {
    fill: #00a499
}

.seaweed .packaging.package-5l svg #package-5l path {
    fill: #00a499
}

.seaweed .packaging.package-1l svg #package-1l path {
    fill: #00a499
}

.seaweed .packaging.package-200ml svg #package-200ml path {
    fill: #00a499
}

.seaweed .packaging.package-100ml svg #package-100ml path {
    fill: #00a499
}

.seaweed .packaging.package-50ml svg #package-50ml path {
    fill: #00a499
}

.seaweed .packaging.package-30ml svg #package-30ml path {
    fill: #00a499
}

.seaweed .packaging.package-1000kg svg #package-1000kg path {
    fill: #00a499
}

.seaweed .packaging.package-25kg svg #package-25kg path {
    fill: #00a499
}

.seaweed .packaging.package-20kg svg #package-20kg path {
    fill: #00a499
}

.seaweed .packaging.package-15kg svg #package-15kg path {
    fill: #00a499
}

.seaweed .packaging.package-10kg svg #package-10kg path {
    fill: #00a499
}

.seaweed .packaging.package-5kg svg #package-5kg path {
    fill: #00a499
}

.seaweed .packaging.package-4kg svg #package-4kg path {
    fill: #00a499
}

.seaweed .packaging.package-1kg svg #package-1kg path {
    fill: #00a499
}

.seaweed .packaging.package-100g svg #package-100g path {
    fill: #00a499
}

.seaweed .packaging.package-10g svg #package-10g path {
    fill: #00a499
}

.advanced .packaging.package-1000l svg #package-1000l path {
    fill: #54a0ba
}

.advanced .packaging.package-200l svg #package-200l path {
    fill: #54a0ba
}

.advanced .packaging.package-20l svg #package-20l path {
    fill: #54a0ba
}

.advanced .packaging.package-10l svg #package-10l path {
    fill: #54a0ba
}

.advanced .packaging.package-5l svg #package-5l path {
    fill: #54a0ba
}

.advanced .packaging.package-1l svg #package-1l path {
    fill: #54a0ba
}

.advanced .packaging.package-200ml svg #package-200ml path {
    fill: #54a0ba
}

.advanced .packaging.package-100ml svg #package-100ml path {
    fill: #54a0ba
}

.advanced .packaging.package-50ml svg #package-50ml path {
    fill: #54a0ba
}

.advanced .packaging.package-30ml svg #package-30ml path {
    fill: #54a0ba
}

.advanced .packaging.package-1000kg svg #package-1000kg path {
    fill: #54a0ba
}

.advanced .packaging.package-25kg svg #package-25kg path {
    fill: #54a0ba
}

.advanced .packaging.package-20kg svg #package-20kg path {
    fill: #54a0ba
}

.advanced .packaging.package-15kg svg #package-15kg path {
    fill: #54a0ba
}

.advanced .packaging.package-10kg svg #package-10kg path {
    fill: #54a0ba
}

.advanced .packaging.package-5kg svg #package-5kg path {
    fill: #54a0ba
}

.advanced .packaging.package-4kg svg #package-4kg path {
    fill: #54a0ba
}

.advanced .packaging.package-1kg svg #package-1kg path {
    fill: #54a0ba
}

.advanced .packaging.package-100g svg #package-100g path {
    fill: #54a0ba
}

.advanced .packaging.package-10g svg #package-10g path {
    fill: #54a0ba
}

.trace-elements .packaging.package-1000l svg #package-1000l path {
    fill: #c08d00
}

.trace-elements .packaging.package-200l svg #package-200l path {
    fill: #c08d00
}

.trace-elements .packaging.package-20l svg #package-20l path {
    fill: #c08d00
}

.trace-elements .packaging.package-10l svg #package-10l path {
    fill: #c08d00
}

.trace-elements .packaging.package-5l svg #package-5l path {
    fill: #c08d00
}

.trace-elements .packaging.package-1l svg #package-1l path {
    fill: #c08d00
}

.trace-elements .packaging.package-200ml svg #package-200ml path {
    fill: #c08d00
}

.trace-elements .packaging.package-100ml svg #package-100ml path {
    fill: #c08d00
}

.trace-elements .packaging.package-50ml svg #package-50ml path {
    fill: #c08d00
}

.trace-elements .packaging.package-30ml svg #package-30ml path {
    fill: #c08d00
}

.trace-elements .packaging.package-1000kg svg #package-1000kg path {
    fill: #c08d00
}

.trace-elements .packaging.package-25kg svg #package-25kg path {
    fill: #c08d00
}

.trace-elements .packaging.package-20kg svg #package-20kg path {
    fill: #c08d00
}

.trace-elements .packaging.package-15kg svg #package-15kg path {
    fill: #c08d00
}

.trace-elements .packaging.package-10kg svg #package-10kg path {
    fill: #c08d00
}

.trace-elements .packaging.package-5kg svg #package-5kg path {
    fill: #c08d00
}

.trace-elements .packaging.package-4kg svg #package-4kg path {
    fill: #c08d00
}

.trace-elements .packaging.package-1kg svg #package-1kg path {
    fill: #c08d00
}

.trace-elements .packaging.package-100g svg #package-100g path {
    fill: #c08d00
}

.trace-elements .packaging.package-10g svg #package-10g path {
    fill: #c08d00
}

.liquid-npk .packaging.package-1000l svg #package-1000l path, .liquid-npks .packaging.package-1000l svg #package-1000l path {
    fill: #006198
}

.liquid-npk .packaging.package-200l svg #package-200l path, .liquid-npks .packaging.package-200l svg #package-200l path {
    fill: #006198
}

.liquid-npk .packaging.package-20l svg #package-20l path, .liquid-npks .packaging.package-20l svg #package-20l path {
    fill: #006198
}

.liquid-npk .packaging.package-10l svg #package-10l path, .liquid-npks .packaging.package-10l svg #package-10l path {
    fill: #006198
}

.liquid-npk .packaging.package-5l svg #package-5l path, .liquid-npks .packaging.package-5l svg #package-5l path {
    fill: #006198
}

.liquid-npk .packaging.package-1l svg #package-1l path, .liquid-npks .packaging.package-1l svg #package-1l path {
    fill: #006198
}

.liquid-npk .packaging.package-200ml svg #package-200ml path, .liquid-npks .packaging.package-200ml svg #package-200ml path {
    fill: #006198
}

.liquid-npk .packaging.package-100ml svg #package-100ml path, .liquid-npks .packaging.package-100ml svg #package-100ml path {
    fill: #006198
}

.liquid-npk .packaging.package-50ml svg #package-50ml path, .liquid-npks .packaging.package-50ml svg #package-50ml path {
    fill: #006198
}

.liquid-npk .packaging.package-30ml svg #package-30ml path, .liquid-npks .packaging.package-30ml svg #package-30ml path {
    fill: #006198
}

.liquid-npk .packaging.package-1000kg svg #package-1000kg path, .liquid-npks .packaging.package-1000kg svg #package-1000kg path {
    fill: #006198
}

.liquid-npk .packaging.package-25kg svg #package-25kg path, .liquid-npks .packaging.package-25kg svg #package-25kg path {
    fill: #006198
}

.liquid-npk .packaging.package-20kg svg #package-20kg path, .liquid-npks .packaging.package-20kg svg #package-20kg path {
    fill: #006198
}

.liquid-npk .packaging.package-15kg svg #package-15kg path, .liquid-npks .packaging.package-15kg svg #package-15kg path {
    fill: #006198
}

.liquid-npk .packaging.package-10kg svg #package-10kg path, .liquid-npks .packaging.package-10kg svg #package-10kg path {
    fill: #006198
}

.liquid-npk .packaging.package-5kg svg #package-5kg path, .liquid-npks .packaging.package-5kg svg #package-5kg path {
    fill: #006198
}

.liquid-npk .packaging.package-4kg svg #package-4kg path, .liquid-npks .packaging.package-4kg svg #package-4kg path {
    fill: #006198
}

.liquid-npk .packaging.package-1kg svg #package-1kg path, .liquid-npks .packaging.package-1kg svg #package-1kg path {
    fill: #006198
}

.liquid-npk .packaging.package-100g svg #package-100g path, .liquid-npks .packaging.package-100g svg #package-100g path {
    fill: #006198
}

.liquid-npk .packaging.package-10g svg #package-10g path, .liquid-npks .packaging.package-10g svg #package-10g path {
    fill: #006198
}

.water-soluble-npk .packaging.package-1000l svg #package-1000l path, .water-soluble-npks .packaging.package-1000l svg #package-1000l path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-200l svg #package-200l path, .water-soluble-npks .packaging.package-200l svg #package-200l path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-20l svg #package-20l path, .water-soluble-npks .packaging.package-20l svg #package-20l path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-10l svg #package-10l path, .water-soluble-npks .packaging.package-10l svg #package-10l path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-5l svg #package-5l path, .water-soluble-npks .packaging.package-5l svg #package-5l path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-1l svg #package-1l path, .water-soluble-npks .packaging.package-1l svg #package-1l path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-200ml svg #package-200ml path, .water-soluble-npks .packaging.package-200ml svg #package-200ml path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-100ml svg #package-100ml path, .water-soluble-npks .packaging.package-100ml svg #package-100ml path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-50ml svg #package-50ml path, .water-soluble-npks .packaging.package-50ml svg #package-50ml path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-30ml svg #package-30ml path, .water-soluble-npks .packaging.package-30ml svg #package-30ml path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-1000kg svg #package-1000kg path, .water-soluble-npks .packaging.package-1000kg svg #package-1000kg path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-25kg svg #package-25kg path, .water-soluble-npks .packaging.package-25kg svg #package-25kg path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-20kg svg #package-20kg path, .water-soluble-npks .packaging.package-20kg svg #package-20kg path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-15kg svg #package-15kg path, .water-soluble-npks .packaging.package-15kg svg #package-15kg path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-10kg svg #package-10kg path, .water-soluble-npks .packaging.package-10kg svg #package-10kg path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-5kg svg #package-5kg path, .water-soluble-npks .packaging.package-5kg svg #package-5kg path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-4kg svg #package-4kg path, .water-soluble-npks .packaging.package-4kg svg #package-4kg path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-1kg svg #package-1kg path, .water-soluble-npks .packaging.package-1kg svg #package-1kg path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-100g svg #package-100g path, .water-soluble-npks .packaging.package-100g svg #package-100g path {
    fill: #7f69b3
}

.water-soluble-npk .packaging.package-10g svg #package-10g path, .water-soluble-npks .packaging.package-10g svg #package-10g path {
    fill: #7f69b3
}

.humic-acids .packaging.package-1000l svg #package-1000l path {
    fill: #695d15
}

.humic-acids .packaging.package-200l svg #package-200l path {
    fill: #695d15
}

.humic-acids .packaging.package-20l svg #package-20l path {
    fill: #695d15
}

.humic-acids .packaging.package-10l svg #package-10l path {
    fill: #695d15
}

.humic-acids .packaging.package-5l svg #package-5l path {
    fill: #695d15
}

.humic-acids .packaging.package-1l svg #package-1l path {
    fill: #695d15
}

.humic-acids .packaging.package-200ml svg #package-200ml path {
    fill: #695d15
}

.humic-acids .packaging.package-100ml svg #package-100ml path {
    fill: #695d15
}

.humic-acids .packaging.package-50ml svg #package-50ml path {
    fill: #695d15
}

.humic-acids .packaging.package-30ml svg #package-30ml path {
    fill: #695d15
}

.humic-acids .packaging.package-1000kg svg #package-1000kg path {
    fill: #695d15
}

.humic-acids .packaging.package-25kg svg #package-25kg path {
    fill: #695d15
}

.humic-acids .packaging.package-20kg svg #package-20kg path {
    fill: #695d15
}

.humic-acids .packaging.package-15kg svg #package-15kg path {
    fill: #695d15
}

.humic-acids .packaging.package-10kg svg #package-10kg path {
    fill: #695d15
}

.humic-acids .packaging.package-5kg svg #package-5kg path {
    fill: #695d15
}

.humic-acids .packaging.package-4kg svg #package-4kg path {
    fill: #695d15
}

.humic-acids .packaging.package-1kg svg #package-1kg path {
    fill: #695d15
}

.humic-acids .packaging.package-100g svg #package-100g path {
    fill: #695d15
}

.humic-acids .packaging.package-10g svg #package-10g path {
    fill: #695d15
}

.calcium-magnesium-derivates .packaging.package-1000l svg #package-1000l path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-200l svg #package-200l path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-20l svg #package-20l path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-10l svg #package-10l path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-5l svg #package-5l path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-1l svg #package-1l path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-200ml svg #package-200ml path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-100ml svg #package-100ml path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-50ml svg #package-50ml path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-30ml svg #package-30ml path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-1000kg svg #package-1000kg path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-25kg svg #package-25kg path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-20kg svg #package-20kg path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-15kg svg #package-15kg path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-10kg svg #package-10kg path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-5kg svg #package-5kg path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-4kg svg #package-4kg path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-1kg svg #package-1kg path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-100g svg #package-100g path {
    fill: #6f2b90
}

.calcium-magnesium-derivates .packaging.package-10g svg #package-10g path {
    fill: #6f2b90
}

.new-solutions .packaging.package-1000l svg #package-1000l path {
    fill: #b65c43
}

.new-solutions .packaging.package-200l svg #package-200l path {
    fill: #b65c43
}

.new-solutions .packaging.package-20l svg #package-20l path {
    fill: #b65c43
}

.new-solutions .packaging.package-10l svg #package-10l path {
    fill: #b65c43
}

.new-solutions .packaging.package-5l svg #package-5l path {
    fill: #b65c43
}

.new-solutions .packaging.package-1l svg #package-1l path {
    fill: #b65c43
}

.new-solutions .packaging.package-200ml svg #package-200ml path {
    fill: #b65c43
}

.new-solutions .packaging.package-100ml svg #package-100ml path {
    fill: #b65c43
}

.new-solutions .packaging.package-50ml svg #package-50ml path {
    fill: #b65c43
}

.new-solutions .packaging.package-30ml svg #package-30ml path {
    fill: #b65c43
}

.new-solutions .packaging.package-1000kg svg #package-1000kg path {
    fill: #b65c43
}

.new-solutions .packaging.package-25kg svg #package-25kg path {
    fill: #b65c43
}

.new-solutions .packaging.package-20kg svg #package-20kg path {
    fill: #b65c43
}

.new-solutions .packaging.package-15kg svg #package-15kg path {
    fill: #b65c43
}

.new-solutions .packaging.package-10kg svg #package-10kg path {
    fill: #b65c43
}

.new-solutions .packaging.package-5kg svg #package-5kg path {
    fill: #b65c43
}

.new-solutions .packaging.package-4kg svg #package-4kg path {
    fill: #b65c43
}

.new-solutions .packaging.package-1kg svg #package-1kg path {
    fill: #b65c43
}

.new-solutions .packaging.package-100g svg #package-100g path {
    fill: #b65c43
}

.new-solutions .packaging.package-10g svg #package-10g path {
    fill: #b65c43
}

.ipe-technology .packaging.package-1000l svg #package-1000l path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-200l svg #package-200l path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-20l svg #package-20l path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-10l svg #package-10l path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-5l svg #package-5l path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-1l svg #package-1l path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-200ml svg #package-200ml path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-100ml svg #package-100ml path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-50ml svg #package-50ml path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-30ml svg #package-30ml path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-1000kg svg #package-1000kg path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-25kg svg #package-25kg path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-20kg svg #package-20kg path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-15kg svg #package-15kg path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-10kg svg #package-10kg path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-5kg svg #package-5kg path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-4kg svg #package-4kg path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-1kg svg #package-1kg path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-100g svg #package-100g path {
    fill: #6e7b19
}

.ipe-technology .packaging.package-10g svg #package-10g path {
    fill: #6e7b19
}

.featured-product {
    background: #fff;
    border: 1px solid #027832;
    border-radius: 30px
}

.featured-product .col-content {
    padding: 30px 20px
}

.featured-product .col-thumbnail {
    max-height: 155px;
    overflow: hidden;
    text-align: center
}

.featured-product .col-thumbnail img {
    max-width: 160px
}

.featured-product .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.featured-product .button {
    display: block
}

.featured-product .featured-highlights {
    max-height: 100px;
    overflow: hidden;
    position: relative;
    font-size: .93em;
    margin-bottom: 1.5em
}

.featured-product .featured-highlights:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff);
    background: -o-linear-gradient(rgba(255, 255, 255, 0), #fff);
    background: linear-gradient(rgba(255, 255, 255, 0), #fff);
    z-index: 1
}

.accordeon .accordeon-toggle {
    font-size: 1.286em;
    color: #027832;
    display: block;
    position: relative;
    padding: 1.5em 30px 1.5em 0;
    cursor: pointer
}

.accordeon .accordeon-toggle:after {
    content: "";
    display: block;
    height: 0;
    width: 100%;
    border-bottom: 1px solid #14703b;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.accordeon .accordeon-toggle:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #027832;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -3px
}

.accordeon .accordeon-content {
    display: none
}

.accordeon.open .accordeon-toggle {
    border-bottom: 1px solid transparent
}

.accordeon.open .accordeon-toggle:after {
    bottom: 100%;
    border-color: transparent;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.accordeon.open .accordeon-toggle:before {
    border-top-color: transparent;
    border-bottom-color: #027832;
    margin-top: -9px
}

body.single-post .entry-content p:first-of-type {
    font-size: 1.286em;
    margin-bottom: 2em
}

body.single-post .entry-content .entry-thumbnail {
    max-width: 100px;
    float: right;
    margin-left: 1em;
    margin-bottom: 1em
}

body.single-post article .block:first-of-type {
    padding-top: 40px
}

.icon:before {
    content: "";
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    vertical-align: middle;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.icon.twitter {
    background: url(../image/twitter.svg) center center no-repeat
}

.icon.email {
    background: url(../image/email.svg) center center no-repeat
}

.icon.linkedin {
    background: url(../image/linkedin.svg) center center no-repeat
}

.related-title {
    font-family: "Architects Daughter", sans-serif;
    color: #027832;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    position: relative;
    display: inline-block;
    margin-bottom: 3em;
    margin-right: 3em
}

.related-title:after {
    position: absolute;
    content: "";
    display: block;
    top: 100%;
    left: 50%;
    width: 30px;
    height: 60px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
    background: url(../image/arrow_hand_drawn_green.svg) center center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.call-to-action {
    border: 1px solid #14703b;
    background: #fff;
    padding: 30px;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 30px
}

.call-to-action .cta-title {
    margin-bottom: .5em
}

.call-to-action .cta-content {
    margin-bottom: 2em
}

.call-to-action .gform_wrapper form {
    margin-bottom: 0
}

.tab-downloads .gform_wrapper {
    margin-top: 20px
}

.tab-downloads .gform_wrapper .ginput_container_checkbox {
    width: 50%
}

.content-info {
    padding: 90px 0 0;
    color: #2e2e2e;
    position: relative;
    overflow: hidden;
    min-height: 140px;
    border-top-left-radius: 50% 50px;
    border-top-right-radius: 50% 50px;
    width: 130%;
    -webkit-transform: translateX(-11.53846154%);
    -ms-transform: translateX(-11.53846154%);
    -o-transform: translateX(-11.53846154%);
    transform: translateX(-11.53846154%)
}

.content-info .footer-title {
    font-size: 1.66em
}

.content-info .container {
    position: relative;
    z-index: 1
}

.content-info .footer-button {
    display: block
}

.content-info .contact-person {
    margin-bottom: 1.5em
}

.content-info .footer-background {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    overflow: hidden
}

.content-info .footer-background img {
    position: absolute;
    width: auto;
    left: 50%;
    top: 0;
    max-width: none;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.content-info .footer-content {
    margin-bottom: 1.5em
}

.content-info .footer-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 40px;
    color: #fff
}

.content-info .footer-bottom:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 400px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .65)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .65))
}

.content-info .footer-bottom .social-share-footer {
    position: relative;
    margin-bottom: 40px
}

.content-info .footer-bottom .social-share-footer .icons {
    margin-bottom: 40px
}

.content-info .footer-bottom .social-share-footer .icons a {
    margin-right: 15px
}

.content-info .footer-bottom .social-share-footer .icons a:hover {
    text-decoration: none
}

.content-info .footer-bottom a {
    color: #fff
}

.content-info .footer-bottom ul {
    list-style: none;
    margin: 0
}

.content-info .footer-bottom .footer-nav {
    font-size: .93em;
    max-width: 50%
}

.content-info .footer-bottom .footer-nav a {
    text-decoration: underline
}

.content-info .footer-bottom .copyright {
    font-size: .93em;
    margin-bottom: 1.5em;
    max-width: 50%
}

.content-info .footer-bottom .footer-logo {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px
}

.content-info .footer-bottom .footer-logo img {
    display: block;
    margin-bottom: 10px
}

.product-segment {
    margin-bottom: 40px
}

.product-segment .product-segment-title {
    font-size: 1.66em;
    font-family: "The Sans", sans-serif;
    margin-bottom: .5em;
    font-weight: 700;
    color: #027832;
    opacity: 0;
    -webkit-transition: all .7s cubic-bezier(.17, .67, .29, 1);
    -o-transition: all .7s cubic-bezier(.17, .67, .29, 1);
    transition: all .7s cubic-bezier(.17, .67, .29, 1)
}

.product-segment .product-segment-description {
    font-size: .93em;
    margin-bottom: 1em;
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.17, .67, .29, 1);
    -o-transition: all 1s cubic-bezier(.17, .67, .29, 1);
    transition: all 1s cubic-bezier(.17, .67, .29, 1)
}

.product-segment .product-segment-description p {
    margin-bottom: .5em
}

.product-segment .product-segment-description p:last-child {
    margin: 0
}

.product-segment .button {
    opacity: 0;
    -webkit-transition: all .7s cubic-bezier(.17, .67, .29, 1);
    -o-transition: all .7s cubic-bezier(.17, .67, .29, 1);
    transition: all .7s cubic-bezier(.17, .67, .29, 1)
}

.product-segment .product-segment-thumbnail {
    display: block;
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
    height: 140px;
    opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transition: all .7s cubic-bezier(.17, .67, .29, 1);
    -o-transition: all .7s cubic-bezier(.17, .67, .29, 1);
    transition: all .7s cubic-bezier(.17, .67, .29, 1)
}

.product-segment .product-segment-thumbnail img {
    display: inline-block;
    max-width: 100%;
    max-height: 140px;
    width: auto;
    height: auto
}

.product-segment.animated .product-segment-thumbnail {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.product-segment.animated .product-segment-title {
    -webkit-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.product-segment.animated .product-segment-description {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.product-segment.animated .button {
    -webkit-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms;
    opacity: 1
}

.product-segment.animated:nth-child(even) .product-segment-thumbnail {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.product-segment.animated:nth-child(even) .product-segment-title {
    -webkit-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms
}

.product-segment.animated:nth-child(even) .product-segment-description {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.product-segment.animated:nth-child(even) .button {
    -webkit-transition-delay: 550ms;
    -o-transition-delay: 550ms;
    transition-delay: 550ms
}

.products-archive {
    margin-bottom: 3em
}

.products-archive .products-archive-header {
    padding-bottom: 1.5em
}

.products-archive .hfeed {
    position: relative;
    z-index: 1
}

.products-archive .hfeed.loading {
    opacity: .7
}

.products-archive .products-filtered {
    display: none
}

.products-archive .products-filtered.open {
    display: block
}

.products-archive .products-unfiltered.closed {
    display: none
}

.products-archive .products-unfiltered .downloads-select {
    margin-top: 1.5em;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.products-archive .products-unfiltered .downloads-select label {
    color: #027832;
    font-size: 16px
}

.products-archive .introtext {
    margin-bottom: 2em
}

.products-archive .results-header {
    margin-bottom: 1em
}

.products-archive .results-header:after, .products-archive .results-header:before {
    content: " ";
    display: table
}

.products-archive .results-header:after {
    clear: both
}

.products-archive .results-header .facetwp-counts {
    display: inline;
    float: left;
    margin-bottom: .5em;
    margin-left: .25em
}

.products-archive .results-header .facetwp-selections {
    display: inline;
    float: left
}

.products-archive .results-header .facetwp-selections .facetwp-selection-label {
    display: none
}

.products-archive .results-header .facetwp-selections ul {
    list-style: none;
    display: inline;
    margin: 0
}

.products-archive .results-header .facetwp-selections ul li {
    display: inline;
    margin-right: .25em
}

.products-archive .results-header .facetwp-selections ul li:after {
    content: " / "
}

.products-archive .results-header .facetwp-selections ul li:last-child:after {
    content: ''
}

.products-archive .results-header .facetwp-selections .facetwp-selection-value {
    font-weight: 700
}

.products-archive .results-header .facetwp-selections .facetwp-selection-value:after {
    content: " / "
}

.products-archive .results-header .facetwp-selections .facetwp-selection-value:last-child:after {
    content: ''
}

.products-archive .results-header .reset {
    float: right;
    -webkit-transform: scale(.75, .75);
    -ms-transform: scale(.75, .75);
    -o-transform: scale(.75, .75);
    transform: scale(.75, .75);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    background: #027832 url(../image/reset.svg) right 24px center no-repeat
}

.products-archive #filters-close {
    display: none
}

.products-archive #filters-toggle {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #027832;
    position: relative;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 0;
    border-top: 1px solid #14703b;
    border-bottom: 1px solid #14703b;
    margin-bottom: 1em;
    cursor: pointer;
    text-align: left;
    padding-right: 60px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-decoration: none!important;
    letter-spacing: .025em;
    outline: 0;
    padding-left: 65px;
    min-height: 65px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out, -o-transform .2s ease-in-out
}

.products-archive #filters-toggle:active, .products-archive #filters-toggle:focus, .products-archive #filters-toggle:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.products-archive #filters-toggle:active, .products-archive #filters-toggle:focus, .products-archive #filters-toggle:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.products-archive #filters-toggle:after {
    display: none
}

.products-archive #filters-toggle:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: #027832 url(../image/filter.svg) center center no-repeat;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: .5em
}

.products-archive #filters-toggle:after {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #027832;
    margin-top: -3px;
    margin-left: .5em
}

.products-archive .filters {
    display: none
}

.products-archive .filters h3 {
    font-weight: 400;
    font-style: italic;
    margin-top: 1em;
    font-size: 1.66em
}

.products-archive .filters.open {
    z-index: 9999;
    display: block;
    position: fixed;
    top: 0;
    padding: 30px;
    left: 0;
    bottom: 0;
    padding-bottom: 120px;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff
}

.products-archive .filters.open:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 150px;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0, #fff 70px);
    background: -o-linear-gradient(rgba(255, 255, 255, 0) 0, #fff 70px);
    background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 70px);
    z-index: 1
}

.products-archive .filters #apply-filters {
    display: block
}

.products-archive .sticky {
    z-index: 9998;
    display: block;
    position: relative;
    width: 100%
}

.products-archive .sticky #filters-toggle {
    position: fixed;
    top: 60px;
    background: #fff;
    width: calc(630px + 60px);
    padding-left: 95px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -30px;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
    border-left: 1px solid #027832;
    border-right: 1px solid #027832;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .15);
    z-index: 1020
}

.products-archive .sticky #filters-toggle:before {
    left: 30px
}

.products-archive .sticky #filters-toggle:after {
    right: 45px
}

.products-archive #apply-filters {
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: calc(100vw - 60px);
    z-index: 999;
    display: none
}

.products-archive #close-filters {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 30px;
    right: 30px;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 20px;
    height: 20px;
    background: url(../image/close.svg) center center no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    z-index: 1
}

.products-archive #close-filters:active, .products-archive #close-filters:focus, .products-archive #close-filters:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.products-archive #close-filters:active, .products-archive #close-filters:focus, .products-archive #close-filters:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.products-archive #close-filters:after {
    display: none
}

.products-archive #close-filters:active, .products-archive #close-filters:focus, .products-archive #close-filters:hover {
    background: url(../image/close.svg) center center no-repeat;
    -webkit-transform: scale(1.025, 1.025);
    -ms-transform: scale(1.025, 1.025);
    -o-transform: scale(1.025, 1.025);
    transform: scale(1.025, 1.025)
}

.product-categories {
    margin-bottom: 1em
}

.product-categories-title {
    font-size: 1.286em;
    color: #027832
}

.product-group {
    margin-bottom: 3em;
    display: block;
    position: relative
}

.product-group .product-group-title {
    font-size: 14px;
    font-family: "The Sans", sans-serif;
    margin-bottom: .5em
}

.product-group .product-group-description {
    font-size: .93em;
    margin-bottom: 1em
}

.product-group .product-group-description p {
    margin-bottom: .5em
}

.product-group .product-group-description p:last-child {
    margin: 0
}

.product-group .product-group-thumbnail {
    display: block;
    margin-bottom: .5em;
    text-align: center;
    width: 100px;
    height: auto;
    float: right
}

.product-group .product-group-thumbnail img {
    display: inline-block;
    max-width: 100%;
    max-height: 80px;
    width: auto;
    height: auto
}

.product-group .button {
    height: auto;
    line-height: 1.5em;
    max-width: 55%;
    padding: calc((30px - 1.5em)/ 2) 40px calc((30px - 1.5em)/ 2) 15px;
    font-size: .93em;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    background-position: right 10px center;
    overflow: hidden;
    text-align: left;
    background-color: #027832
}

.product-group .button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .1);
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.product-group .button:active, .product-group .button:focus, .product-group .button:hover {
    background-color: #027832
}

.product-group .button:active:before, .product-group .button:focus:before, .product-group .button:hover:before {
    opacity: 1
}

.product-group.straights .button {
    background-color: #027832
}

.product-group.advanced .button {
    background-color: #54a0ba
}

.product-group.trace-elements .button {
    background-color: #c08d00
}

.product-group.water-soluble-npks .button {
    background-color: #7f69b3
}

.product-group.liquid-npk .button {
    background-color: #006198
}

.product-group.seaweed .button {
    background-color: #00a499
}

.product-group.humic-acids .button {
    background-color: #695d15
}

.product-group.calcium-magnesium-derivates .button {
    background-color: #6f2b90
}

.product-group.new-solutions .button {
    background-color: #b65c43
}

.product-group.ipe-technology .button {
    background-color: #6e7b19
}

.product-list-link {
    font-size: 20px;
    margin-bottom: 30px
}

@media (min-width:1024px) {
    .product-list-link {
        font-size: 20px;
        margin-bottom: 60px
    }
}

.product-list-link p:last-child {
    margin: 0
}

.product-type-lvl1 {
    padding-bottom: 2em
}

.product-type-lvl1 .product-type-lvl1-header {
    display: block;
    background: #027832;
    color: #fff;
    padding: 10px
}

.product-type-lvl1 .product-type-lvl1-header .more-link {
    color: #fff;
    float: right;
    font-size: 13px
}

.product-type-lvl1 a.product-type-lvl1-header {
    position: relative;
    color: #fff
}

.product-type-lvl1 a.product-type-lvl1-header:after {
    content: url(../image/arrow_right.svg);
    margin-left: .5em;
    -webkit-transition: margin .3s ease-in-out;
    -o-transition: margin .3s ease-in-out;
    transition: margin .3s ease-in-out
}

.product-type-lvl1 a.product-type-lvl1-header:before {
    background: 0 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.product-type-lvl1 a.product-type-lvl1-header:active, .product-type-lvl1 a.product-type-lvl1-header:focus, .product-type-lvl1 a.product-type-lvl1-header:hover {
    text-decoration: none
}

.product-type-lvl1 a.product-type-lvl1-header:active:before, .product-type-lvl1 a.product-type-lvl1-header:focus:before, .product-type-lvl1 a.product-type-lvl1-header:hover:before {
    opacity: .15
}

.product-type-lvl1 a.product-type-lvl1-header:active:after, .product-type-lvl1 a.product-type-lvl1-header:focus:after, .product-type-lvl1 a.product-type-lvl1-header:hover:after {
    margin-left: 1em
}

.product-type-lvl1 .product-type-lvl2-header {
    margin-bottom: .5em;
    margin-top: 1.5em;
    font-style: italic
}

.product-type-lvl1 .product-type-lvl2-header a {
    color: #2e2e2e
}

.product-type-lvl1 .product-type-lvl2-header svg {
    height: .75em;
    display: inline-block;
    vertical-align: middle;
    margin-left: .25em
}

.product-type-lvl1.advanced .product-type-lvl1-header {
    background: #54a0ba
}

.product-type-lvl1.advanced .teaser-product:hover {
    background: rgba(84, 160, 186, .1)
}

.product-type-lvl1.trace-elements .product-type-lvl1-header {
    background: #c08d00
}

.product-type-lvl1.trace-elements .teaser-product:hover {
    background: rgba(219, 165, 10, .1)
}

.product-type-lvl1.water-soluble-npks .product-type-lvl1-header {
    background: #7f69b3
}

.product-type-lvl1.water-soluble-npks .teaser-product:hover {
    background: rgba(134, 133, 187, .1)
}

.product-type-lvl1.liquid-npk .product-type-lvl1-header {
    background: #006198
}

.product-type-lvl1.liquid-npk .teaser-product:hover {
    background: rgba(0, 88, 149, .1)
}

.product-type-lvl1.seaweed .product-type-lvl1-header {
    background: #00a499
}

.product-type-lvl1.seaweed .teaser-product:hover {
    background: rgba(0, 164, 153, .1)
}

.product-type-lvl1.humic-acids .product-type-lvl1-header {
    background: #695d15
}

.product-type-lvl1.humic-acids .teaser-product:hover {
    background: rgba(105, 93, 21, .1)
}

.product-type-lvl1.calcium-magnesium-derivates .product-type-lvl1-header {
    background: #6f2b90
}

.product-type-lvl1.calcium-magnesium-derivates .teaser-product:hover {
    background: rgba(112, 47, 138, .1)
}

.product-type-lvl1.ipe-technology .product-type-lvl1-header {
    background: #6e7b19
}

.product-type-lvl1.ipe-technology .teaser-product:hover {
    background: rgba(110, 123, 25, .1)
}

.product-type-lvl1.new-solutions .product-type-lvl1-header {
    background: #b65c43
}

.product-type-lvl1.new-solutions .teaser-product:hover {
    background: rgba(182, 92, 67, .1)
}

.mandatory-download {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mandatory-download.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mandatory-download .tab-button.downloads {
    display: inline-block;
    height: auto;
    padding: 10px 20px;
    margin-bottom: 0;
    -ms-flex-item-align: center;
    align-self: center
}

.mandatory-download .gforms_confirmation_message {
    padding-top: 50px
}

.mandatory-download .gform_wrapper {
    padding-top: 50px
}

.mandatory-download .button {
    padding-right: 1.7875em;
    background: #027832
}

.mandatory-download .button svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: .25em
}

.mandatory-download .button svg path {
    fill: #fff
}

.mandatory-download .bar {
    height: 50px
}

.sticky-button {
    background-color: #fff;
    width: 100vw;
    position: fixed;
    bottom: -100px;
    left: 0;
    z-index: 1;
    text-align: center;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    height: 40px;
    padding: 20px 0;
    -webkit-transition: bottom .5s;
    -o-transition: bottom .5s;
    transition: bottom .5s
}

.sticky-button.visible {
    bottom: 0
}

.sticky-button.not-fixed {
    position: relative;
    bottom: auto;
    background-color: transparent;
    width: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.sticky-button.not-fixed .container {
    width: auto
}

.sticky-button.not-fixed .button {
    background-color: #fff;
    border: 1px solid #027832;
    color: #000;
    pointer-events: none
}

.sticky-button.not-fixed .button svg path {
    fill: #000
}

.sticky-button.not-fixed .button:before {
    content: "";
    display: block;
    background: #fff!important;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 50%;
    top: 100%;
    border: 1px solid #14703b;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg) translate(-50%, -2px);
    -ms-transform: rotate(45deg) translate(-50%, -2px);
    -o-transform: rotate(45deg) translate(-50%, -2px);
    transform: rotate(45deg) translate(-50%, -2px)
}

.sticky-filters #site-header {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out, -o-transform .2s ease-in-out;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.sticky-filters #site-header.headroom--unpinned {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.teaser .highlight {
    background: rgba(2, 120, 50, .1)
}

.teaser .post-type {
    color: #027832;
    display: block;
    text-transform: uppercase;
    margin-bottom: .5em
}

.teaser a {
    color: #2e2e2e
}

.teaser.teaser-post, .teaser.teaser-search {
    border-bottom: 1px solid #14703b
}

.teaser.teaser-post:last-child, .teaser.teaser-search:last-child {
    border-bottom: none
}

.teaser.teaser-post a, .teaser.teaser-search a {
    text-decoration: none;
    display: block;
    padding: 1em 0;
    position: relative;
    -webkit-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.teaser.teaser-post a:after, .teaser.teaser-post a:before, .teaser.teaser-search a:after, .teaser.teaser-search a:before {
    content: " ";
    display: table
}

.teaser.teaser-post a:after, .teaser.teaser-search a:after {
    clear: both
}

.teaser.teaser-post a .entry-summary, .teaser.teaser-search a .entry-summary {
    color: #2e2e2e
}

.teaser.teaser-post a:before, .teaser.teaser-search a:before {
    content: "";
    background: rgba(2, 120, 50, .1);
    position: absolute;
    left: -1em;
    right: -1em;
    top: 0;
    bottom: 0;
    display: block;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    border-radius: 1em;
    z-index: -1
}

.teaser.teaser-post a:active:before, .teaser.teaser-post a:focus:before, .teaser.teaser-post a:hover:before, .teaser.teaser-search a:active:before, .teaser.teaser-search a:focus:before, .teaser.teaser-search a:hover:before {
    opacity: .65
}

.teaser.teaser-post a:active .entry-title, .teaser.teaser-post a:focus .entry-title, .teaser.teaser-post a:hover .entry-title, .teaser.teaser-search a:active .entry-title, .teaser.teaser-search a:focus .entry-title, .teaser.teaser-search a:hover .entry-title {
    color: #027832
}

.teaser.teaser-post .updated, .teaser.teaser-search .updated {
    font-size: .93em;
    color: #027832;
    text-transform: uppercase;
    margin-bottom: .25em;
    display: block
}

.teaser.teaser-post header, .teaser.teaser-search header {
    display: block;
    max-width: calc(100% - 120px)
}

.teaser.teaser-post .entry-title, .teaser.teaser-search .entry-title {
    margin-bottom: .5em;
    font-weight: 700;
    color: #027832;
    font-size: 1.66em
}

.teaser.teaser-post .entry-summary, .teaser.teaser-search .entry-summary {
    font-size: .93em;
    display: block
}

.teaser.teaser-post .entry-summary p:last-child, .teaser.teaser-search .entry-summary p:last-child {
    margin: 0
}

.teaser.teaser-post .entry-thumbnail, .teaser.teaser-search .entry-thumbnail {
    width: 100px;
    height: 100px;
    margin-top: .25em;
    margin-bottom: .5em;
    text-align: center;
    float: right
}

.teaser.teaser-post .entry-thumbnail img, .teaser.teaser-search .entry-thumbnail img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto
}

.teaser.teaser-product {
    border-top: 1px solid #ccc;
    padding: 15px 0;
    position: relative;
    padding-left: 50px;
    min-height: 55px;
    background: 0 0;
    -webkit-transition: background 150ms ease-in-out;
    -o-transition: background 150ms ease-in-out;
    transition: background 150ms ease-in-out
}

.teaser.teaser-product:hover {
    background: rgba(2, 120, 50, .1)
}

.teaser.teaser-product .entry-title {
    font-size: 14px;
    font-family: "The Sans", sans-serif;
    font-weight: 700;
    margin-bottom: .75em
}

.teaser.teaser-product .entry-thumbnail {
    position: absolute;
    left: 0;
    top: 15px;
    line-height: 55px
}

.teaser.teaser-product .entry-thumbnail img {
    max-height: 55px;
    max-width: 40px;
    width: auto;
    height: auto;
    display: inline-block
}

.teaser.teaser-person {
    text-align: center;
    margin-top: 40px
}

.teaser.teaser-person .person-name {
    margin-bottom: 1em
}

.teaser.teaser-person .person-name .fn {
    font-weight: 700
}

.teaser.teaser-person .person-name .function {
    font-style: italic
}

.teaser.teaser-person .email {
    text-decoration: underline
}

.teaser.teaser-person .person-contact {
    margin-bottom: 0
}

.teaser.teaser-person .person-contact .telephone {
    font-weight: 700
}

.teaser.teaser-person a, .teaser.teaser-person span {
    display: block
}

.teaser.teaser-person .person-thumb {
    width: 60%;
    height: 0;
    padding-bottom: 60%;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 1em;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}

.teaser.teaser-person .person-thumb img {
    width: 100%;
    height: auto
}

.teaser.teaser-distributor {
    text-align: center;
    margin-top: 40px
}

.teaser.teaser-distributor .distributor-thumb {
    width: 60%;
    height: 0;
    padding-bottom: 60%;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    background: #fff;
    margin-bottom: 1em;
    position: relative;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}

.teaser.teaser-distributor .distributor-thumb img {
    width: auto;
    max-width: 90%;
    max-height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.teaser.teaser-distributor .dist-name {
    margin-bottom: 1em
}

.teaser.teaser-distributor .fn {
    font-weight: 700;
    display: block
}

.teaser.teaser-distributor .country {
    font-style: italic;
    display: block
}

.teaser.teaser-distributor .website {
    text-decoration: underline
}

.teaser.teaser-search .entry-summary, .teaser.teaser-search header {
    margin-right: 0
}

.teaser .product-downloads {
    display: block
}

.teaser .product-downloads .product-downloads-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.teaser .product-downloads .filename {
    display: none
}

.product-download {
    display: inline-block;
    margin-bottom: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    font-size: 18px
}

.product-download.product-download-leaflet, .product-download.product-download-tds {
    margin-right: 15px
}

.product-download .download-label {
    display: block;
    position: relative
}

.product-download .custom-checkbox label {
    margin-left: 30px
}

.product-download a {
    padding-left: 30px;
    font-size: 13px
}

.product-download svg {
    height: 25px;
    width: auto;
    margin-right: .25em;
    margin-top: .1em;
    -webkit-transform: scale(.75, .75);
    -ms-transform: scale(.75, .75);
    -o-transform: scale(.75, .75);
    transform: scale(.75, .75);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    left: -27px;
    top: -5px
}

.tab-downloads .product-download {
    display: block
}

.tab-downloads .product-download .filename-short {
    display: none
}

.tab-downloads .gform_confirmation_loaded {
    display: none
}

.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
}

body {
    font-family: "The Sans", sans-serif;
    text-rendering: optimizeLegibility;
    line-height: 1.7;
    font-size: 14px
}

sup {
    position: relative;
    font-size: 40%;
    line-height: 0;
    vertical-align: baseline;
    top: -1.2em
}

h1 {
    font-family: barmeno, sans-serif;
    font-weight: 400
}

h1 .subtitle {
    display: block;
    font-size: .667em;
    margin-top: .25em
}

h2, h3, h4, h5, h6 {
    font-family: "The Sans", sans-serif;
    font-weight: 700
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-bottom: 1.125em;
    display: block;
    margin-top: 0;
    line-height: 1.15
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-bottom: .5em;
    margin-top: 0
}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-size: 75%
}

.h1, h1 {
    font-size: 2.43em
}

.h2, h2 {
    font-size: 1.66em
}

.h3, h3 {
    font-size: 1.286em
}

.h4, h4 {
    font-size: 14px
}

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 14px
}

p {
    margin: 0 0 2em
}

a {
    color: #027832;
    text-decoration: none
}

a:active, a:focus, a:hover {
    text-decoration: underline
}

.entry-content a {
    text-decoration: underline
}

.wp-caption-text {
    margin-bottom: 0;
    margin-top: 10px;
    font-family: barmeno, sans-serif;
    line-height: 1.15
}

.wp-caption {
    margin-bottom: 1.7
}

hr {
    margin-bottom: 1.7
}

b, strong {
    font-weight: 700
}

blockquote {
    margin: 0 0 1em 0
}

blockquote p {
    font-size: 1.286em;
    font-style: italic
}

.small, small {
    font-size: .93em
}

.mark, mark {
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

ol, ul {
    margin-top: 0;
    margin-bottom: 1em
}

ol:after, ol:before, ul:after, ul:before {
    content: " ";
    display: table
}

ol:after, ul:after {
    clear: both
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

ul {
    padding: 0;
    margin-left: 15px
}

ul li {
    margin: 0 0 .5em
}

ul li:last-child {
    margin-bottom: 0
}

ul li ol, ul li ul {
    margin-left: 1em
}

ol a, ul a {
    font-weight: 700
}

.cleanup-liststyle {
    line-height: 1.7;
    margin: 0;
    padding: 0
}

.cleanup-liststyle:before {
    content: "";
    border-radius: 0;
    width: auto;
    height: auto;
    position: relative;
    margin: 0;
    padding: 0;
    background: 0 0;
    top: 0;
    left: 0
}

ol {
    list-style: none;
    padding: 0;
    margin-left: 0;
    counter-reset: my-counter
}

ol>li {
    padding-left: 1.25em;
    margin: 0 0 .5em;
    position: relative
}

ol>li:before {
    content: counter(my-counter) ".";
    counter-increment: my-counter;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.5;
    color: #2e2e2e;
    font-weight: 400
}

ol>li ol, ol>li ul {
    margin-left: 1em
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

.brand {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width:768px) {
    .brand {
        height: 50px;
        display: block
    }
}

@media (min-width:1280px) {
    .brand {
        position: absolute
    }
}

@media (min-width:1280px) {
    .branding {
        display: block;
        background: #fff;
        position: fixed;
        left: 0;
        top: 0;
        width: 130px;
        height: 100vh
    }
}

.page-header-content {
    min-height: 200px;
    width: 100vw;
    display: table;
    position: relative;
    margin: 0 auto
}

.page-header-content .container {
    display: table-cell;
    padding: 0 30px;
    vertical-align: middle
}

@media (min-width:768px) {
    .page-header-content {
        min-height: 100px;
        width: 630px
    }
}

@media (min-width:1024px) {
    .page-header-content {
        min-height: 260px;
        width: 930px
    }
}

@media (min-width:1280px) {
    .page-header-content {
        min-height: 295px;
        width: 1100px
    }
}

.page-header {
    background: #027832;
    padding: 95px 0 35px;
    color: #fff;
    width: 130%;
    -webkit-transform: translateX(-11.53846154%);
    -ms-transform: translateX(-11.53846154%);
    -o-transform: translateX(-11.53846154%);
    transform: translateX(-11.53846154%);
    overflow: hidden;
    position: relative;
    display: block;
    text-align: center
}

@media (min-width:768px) {
    .page-header {
        padding: 140px 0 80px
    }
}

@media (min-width:1280px) {
    .page-header {
        padding: 110px 0 80px
    }
}

@media (min-width:1280px) {
    .page-header.large-header {
        min-height: 55vh;
        background: #000
    }
}

.page-header .updated {
    text-transform: uppercase;
    font-family: barmeno, sans-serif
}

@media (min-width:1024px) {
    .page-header .product-type, .page-header .updated {
        font-size: 24px
    }
}

.page-header h1 {
    margin-bottom: 0
}

.page-header .container {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0
}

.page-header .page-subtitle {
    margin-top: .75em;
    display: block
}

@media (min-width:1024px) {
    .page-header .page-subtitle {
        font-size: 1.5em;
        margin-top: 1em
    }
}

.page-header .header-cta {
    margin-top: 1.25em
}

@media (min-width:1024px) {
    .page-header .header-cta {
        margin-top: 2em
    }
}

.page-header .product-type {
    font-family: barmeno, sans-serif;
    text-transform: uppercase;
    margin-bottom: .5em;
    display: block
}

.page-header.product-header {
    padding: 145px 0 120px;
    background: #027832
}

@media (min-width:768px) {
    .page-header.product-header {
        text-align: left;
        padding: 160px 0 30px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:1024px) {
    .page-header.product-header {
        min-height: 200px;
        text-align: left;
        padding: 210px 0 60px
    }
}

.page-header.product-header .page-header-content {
    min-height: 0
}

@media (min-width:768px) {
    .page-header.product-header .page-header-content {
        min-height: 120px
    }
}

.page-header .play-button {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: block;
    margin: 5em auto 0;
    background: #fff;
    outline: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .3s cubic-bezier(0, .97, .09, 1.01);
    -o-transition: all .3s cubic-bezier(0, .97, .09, 1.01);
    transition: all .3s cubic-bezier(0, .97, .09, 1.01)
}

.page-header .play-button:active, .page-header .play-button:focus, .page-header .play-button:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-header .play-button:active, .page-header .play-button:focus, .page-header .play-button:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-header .play-button:after {
    display: none
}

@media (min-width:1024px) {
    .page-header .play-button {
        margin: 7em auto 0;
        width: 70px;
        height: 70px;
        line-height: 70px
    }
}

.page-header .play-button:after {
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color: #027832;
    -webkit-transform: translate(7px, -1px);
    -ms-transform: translate(7px, -1px);
    -o-transform: translate(7px, -1px);
    transform: translate(7px, -1px)
}

@media (min-width:1024px) {
    .page-header .play-button:after {
        border: 15px solid transparent;
        border-left-color: #027832;
        -webkit-transform: translate(10px, -3px);
        -ms-transform: translate(10px, -3px);
        -o-transform: translate(10px, -3px);
        transform: translate(10px, -3px)
    }
}

.page-header .play-button:active, .page-header .play-button:focus, .page-header .play-button:hover {
    background: #e6f2eb;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center
}

.page-header .results-count {
    font-family: "Architects Daughter", sans-serif;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    font-size: 1.25em
}

@media (min-width:1024px) {
    .page-header .results-count {
        float: left;
        margin-bottom: 1em
    }
}

.page-header .search-form {
    display: block;
    position: relative;
    margin: 0
}

.page-header .search-form .search-field {
    background: 0 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding-left: 0;
    padding-right: 40px;
    font-size: 2.43em;
    margin: 0;
    text-transform: capitalize;
    outline: 0
}

@media (min-width:1024px) {
    .page-header .search-form .search-field {
        font-size: 3.333em;
        padding-right: 200px;
        padding-top: 0;
        padding-bottom: 0;
        height: 1.5em
    }
}

.page-header .search-form .search-submit {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: 0 0;
    border: 1px solid #fff;
    min-width: 0;
    height: 2.75em;
    width: 2.75em;
    line-height: 2.75em;
    text-align: center;
    padding: 0;
    font-size: 1em;
    border-radius: 50%
}

@media (min-width:1024px) {
    .page-header .search-form .search-submit {
        width: auto;
        border-radius: 1.375em;
        padding: 0 1em 0 1em
    }
}

.page-header .search-form .search-submit .button-text {
    display: none
}

@media (min-width:1024px) {
    .page-header .search-form .search-submit .button-text {
        display: inline
    }
}

.page-header .search-form .search-submit svg {
    display: inline-block;
    position: absolute;
    height: 1.25em;
    width: 1.25em;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width:1024px) {
    .page-header .search-form .search-submit svg {
        display: inline-block;
        position: relative;
        height: 1.125em;
        width: 1.125em;
        left: auto;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        vertical-align: middle;
        margin-top: -.25em;
        margin-left: .25em
    }
}

.page-header .search-form .search-submit svg path {
    fill: #fff
}

.page-header .search-form .search-submit:active, .page-header .search-form .search-submit:focus, .page-header .search-form .search-submit:hover {
    background: #e6f2eb;
    color: #027832;
    outline: 0
}

.page-header .search-form .search-submit:active svg path, .page-header .search-form .search-submit:focus svg path, .page-header .search-form .search-submit:hover svg path {
    fill: #027832
}

.page-header .header-background {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%
}

.page-header .header-background img {
    width: auto;
    height: 100%;
    max-width: none;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0
}

.page-header .header-background:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .39)
}

.page-header .container {
    z-index: 1;
    position: relative
}

.page-header .background-video-container {
    display: none
}

.page-header .background-video-container:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .39);
    z-index: 1
}

.gform_wrapper ul {
    padding-left: 0!important;
    margin-left: 0!important;
    list-style: none
}

.gform_wrapper li {
    padding-left: 0!important;
    margin-left: 0!important
}

.gform_wrapper li:before {
    content: ""!important;
    display: none!important
}

.gform_wrapper form {
    margin-bottom: 2em
}

.gform_wrapper .gfield_required {
    padding-left: 1px;
    color: #2e2e2e
}

.block-blue .gform_wrapper .gfield_required {
    color: #fff
}

.gform_heading {
    margin-bottom: 2em
}

.ginput_container textarea {
    height: auto
}

.gform_fields {
    margin: 0
}

.gfield {
    position: relative
}

.ginput_container span {
    margin-bottom: 1em
}

.ginput_container span .input, .ginput_container span input[type=email], .ginput_container span input[type=file], .ginput_container span input[type=number], .ginput_container span input[type=password], .ginput_container span input[type=search], .ginput_container span input[type=text], .ginput_container span input[type=url], .ginput_container span select, .ginput_container span textarea {
    margin-bottom: 0
}

.ginput_container span label:last-child {
    font-size: .675em;
    font-weight: 300;
    display: block;
    margin: .5em 0 1em
}

.ginput_container select {
    margin-right: 10px
}

.gsection_title {
    color: #027832;
    font-size: 20px;
    margin-top: 20px
}

.gf_hide_label .gfield_label {
    display: none
}

.gfield {
    float: left;
    width: 100%
}

form:after, form:before {
    content: " ";
    display: table
}

form:after {
    clear: both
}

.gform_footer {
    clear: both;
    position: relative;
    color: #fff
}

.gform_footer input[type=submit] {
    float: right;
    width: auto;
    margin-top: 15px
}

.gform_wrapper {
    text-align: left;
    margin: 0
}

.ginput_complex {
    margin-bottom: 1.5em;
    float: left;
    width: 100%;
    clear: both
}

.entry-content .gform_wrapper {
    width: auto!important
}

.gform_body, .gform_footer {
    position: relative;
    margin: 0 auto;
    display: block
}

.gform_validation_container {
    display: none
}

.validation_error {
    display: none
}

.address_country label {
    float: left
}

.gf_right_half, .ginput_right, .name_last {
    float: right;
    width: 48%;
    position: relative;
    left: -1%;
    margin-bottom: 0!important;
    clear: right
}

.gf_left_half, .ginput_left, .name_first {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0!important
}

.gf_left_third, .gf_middle_third, .gf_right_third {
    float: left;
    width: 30.66%!important;
    margin-right: 4%;
    margin-bottom: 0!important
}

.gf_right_third {
    float: right;
    clear: right;
    margin-right: 0
}

.ginput_container_time {
    float: left;
    width: 33%
}

.ginput_container_time input {
    margin-bottom: 0
}

.ginput_container_checkbox, .ginput_container_radio {
    margin-bottom: 1.5em
}

.gfield_list_container {
    width: 100%;
    margin-bottom: 1.5em
}

.gfield_list_container .gfield_list_icons {
    width: 30px;
    line-height: 25px;
    text-align: center
}

.gfield_list_container td {
    vertical-align: top
}

.gfield_list_container img.add_list_item, .gfield_list_container img.delete_list_item {
    display: inline-block;
    -webkit-background-size: 1em 1em;
    background-size: 1em 1em;
    height: auto;
    opacity: .5;
    width: 1em;
    margin: 0
}

.gfield_time_hour {
    width: 34%
}

.gfield_time_hour input[type=number] {
    width: 90%;
    float: left;
    margin-right: 5%;
    margin-bottom: 0
}

.gfield_time_hour i {
    font-style: normal;
    line-height: 2.4em
}

.gfield_time_minute input[type=number] {
    width: 90%;
    float: left;
    margin-right: 5%;
    margin-bottom: 0
}

@media (max-width:1024px) {
    .gf_left_third, .gf_middle_third, .gf_right_third, .gform_wrapper .gf_left_half, .gform_wrapper .gf_right_half, .ginput_left, .ginput_right, .name_first, .name_last {
        width: 100%!important;
        clear: none!important
    }
    .ginput_left, .name_first {
        margin-bottom: 5px
    }
    .ginput_right, .name_last {
        left: 0
    }
    .ginput_left input, .ginput_right input {
        width: 97%
    }
}

.gform_wrapper .gf_hidden, .gform_wrapper .gform_hidden, .gform_wrapper input.gform_hidden, .gform_wrapper input[type=hidden] {
    display: none!important;
    max-height: 1px!important;
    overflow: hidden
}

.gform_wrapper .ginput_full br, .gform_wrapper .ginput_left br, .gform_wrapper .ginput_right br {
    display: none!important
}

.gform_wrapper .gform_ajax_spinner {
    padding-left: 10px
}

.gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
    display: none!important;
    position: absolute!important;
    left: -9000px
}

.gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gform_wrapper li.gf_list_inline ul.gfield_radio li {
    padding-left: 0
}

.gform_wrapper .tt-hint {
    width: 99%
}

.remove-standard-button-styles {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    margin: 0;
    padding: 0
}

.remove-standard-button-styles:active, .remove-standard-button-styles:focus, .remove-standard-button-styles:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.remove-standard-button-styles:after {
    display: none
}

form {
    margin-bottom: 2em
}

.input, input[type=email], input[type=file], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    font-family: "The Sans", sans-serif;
    border-color: #027832;
    border-style: solid;
    border-left-width: thin;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    height: 2.4em;
    line-height: 2em;
    padding: .2em .5em;
    padding-left: .9em;
    width: 100%;
    display: block;
    color: #2e2e2e;
    background: 0 0;
    border-radius: 1.2em;
    -webkit-border-radius: 1.2em;
    font-size: 1em;
    font-weight: 400;
    resize: none;
    margin-bottom: 1.5em;
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.input:active, .input:focus, input[type=email]:active, input[type=email]:focus, input[type=file]:active, input[type=file]:focus, input[type=number]:active, input[type=number]:focus, input[type=password]:active, input[type=password]:focus, input[type=search]:active, input[type=search]:focus, input[type=tel]:active, input[type=tel]:focus, input[type=text]:active, input[type=text]:focus, input[type=url]:active, input[type=url]:focus, select:active, select:focus, textarea:active, textarea:focus {
    -webkit-box-shadow: 0 0 5px rgba(2, 120, 50, .5);
    box-shadow: 0 0 5px rgba(2, 120, 50, .5);
    background-color: #fff;
    color: #2e2e2e;
    border-color: #027832;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center
}

select {
    text-align: left;
    font-family: "The Sans", sans-serif
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

select[multiple] {
    height: 5.1em
}

select option {
    font-family: "The Sans", sans-serif
}

select:hover {
    cursor: pointer
}

select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 10px top 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    border-radius: 1.2em
}

input[type=file] {
    padding-left: 0!important;
    padding-top: 0!important;
    padding-bottom: 0!important
}

.input-group .form-control, .input-group .input, .input-group input {
    padding: .375em .5em;
    height: 2.75em
}

.comment-form textarea, textarea {
    max-height: 12em
}

::-webkit-input-placeholder {
    color: #999
}

:-moz-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #999
}

.button, button, input[type=submit] {
    font-family: "The Sans", sans-serif;
    position: relative;
    border-radius: 1.375em;
    outline-width: 4px;
    width: auto;
    line-height: 2em;
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 0;
    padding: .375em 3.5375em .375em 1.7875em;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    background: #027832 url(../image/arrow_right.svg) right 17px center no-repeat;
    text-transform: default;
    max-width: 100%;
    text-overflow: ellipsis;
    text-decoration: none!important;
    letter-spacing: .025em;
    border: 0 solid #116f98;
    white-space: nowrap;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-transition: background .1s;
    -o-transition: background .1s;
    transition: background .1s
}

.button:focus, .button:hover, button:focus, button:hover, input[type=submit]:focus, input[type=submit]:hover {
    text-decoration: none;
    -webkit-transition: background .1s;
    -o-transition: background .1s;
    transition: background .1s;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #006024
}

.button:active, button:active, input[type=submit]:active {
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type=submit] {
    margin-top: .5em;
    float: right
}

input[type=checkbox] {
    margin-right: .2em;
    width: 1em;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    vertical-align: baseline
}

input[type=checkbox]+label, input[type=checkbox]+span {
    font-size: 14px;
    cursor: pointer;
    margin-bottom: .5em;
    display: inline-block;
    font-weight: 400
}

input[type=radio] {
    margin-right: .5em;
    width: 1em;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    vertical-align: baseline
}

input[type=radio]+label {
    font-size: 14px;
    cursor: pointer;
    margin-bottom: .5em;
    display: inline-block;
    font-weight: 400
}

label {
    font-size: .93em;
    margin-bottom: .75em;
    line-height: 1.25;
    display: block;
    font-weight: 700
}

.validation_message, label.error {
    position: absolute;
    right: 0;
    top: 85%;
    clear: both;
    display: block;
    width: auto;
    background: #027832;
    color: #fff!important;
    margin-right: 1em;
    font-size: .93em;
    padding: 0 .875em;
    border-radius: 1.2em;
    z-index: 2
}

.validation_message:before, label.error:before {
    content: '';
    width: 0;
    height: 0;
    border-color: transparent;
    border-width: 1em 1em 1em 1em;
    border-left-color: #027832;
    border-style: solid;
    position: absolute;
    right: 1em;
    top: -.9em;
    z-index: -1
}

.login-remember label {
    display: inline-block;
    padding-left: 24px;
    position: relative;
    height: 30px;
    line-height: 30px
}

.login-remember input[type=checkbox] {
    opacity: 1;
    height: 27px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

.gfield_checkbox li {
    padding-left: 40px;
    position: relative
}

.gfield_checkbox li label {
    line-height: 30px;
    height: 30px
}

.gfield_checkbox li label:after {
    content: "";
    display: block;
    background: #fff;
    width: 20px;
    height: 20px;
    border: 1px solid #14703b;
    position: absolute;
    left: 0;
    top: 4px
}

.gfield_checkbox li label:before {
    content: "";
    background: url(../image/check.svg) center center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    left: .125em;
    top: 2px;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

input[type=checkbox] {
    opacity: 0;
    outline: 0;
    z-index: 100;
    width: 100%;
    height: 27px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

input[type=checkbox]+label {
    cursor: pointer;
    margin-left: 35px
}

input[type=checkbox]:checked+label:before {
    opacity: 1
}

.custom-checkbox {
    position: relative
}

.custom-checkbox label {
    line-height: 30px;
    height: 30px
}

.custom-checkbox label:after {
    content: "";
    display: block;
    background: #fff;
    width: 20px;
    height: 20px;
    border: 1px solid #14703b;
    position: absolute;
    left: 0;
    top: 4px
}

.custom-checkbox label:before {
    content: "";
    background: url(../image/check.svg) center center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    left: .125em;
    top: 2px;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

.hide-label .gfield_label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

#download-form h2.gsection_title {
    display: none
}

video {
    width: 100%!important;
    height: auto!important
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 2em
}

.video-container embed, .video-container iframe, .video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wp-pagenavi {
    display: block;
    margin-top: 1.5em;
    text-align: center;
    color: #027832
}

.wp-pagenavi .pages {
    display: none
}

.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
    float: right;
    display: inline-block;
    width: 1.25em;
    height: 1.5em;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    background: url(../image/arrow_right_green.svg) center center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.wp-pagenavi .previouspostslink {
    float: left;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.wp-pagenavi .current, .wp-pagenavi .page {
    padding: 0 .5em;
    height: 1.5em;
    display: inline-block;
    position: relative
}

.wp-pagenavi .current:after, .wp-pagenavi .page:after {
    content: "";
    display: block;
    width: 1px;
    height: 1em;
    background: #027832;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wp-pagenavi .current {
    font-weight: 700;
    text-decoration: underline
}

.wp-pagenavi a {
    color: #027832
}

.owl-carousel {
    display: block;
    position: relative;
    z-index: 0
}

.owl-carousel .owl-stage-outer {
    width: 100%;
    overflow: hidden
}

.owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.owl-carousel .item {
    display: block;
    position: relative;
    width: 100%
}

.owl-carousel .item img {
    max-width: 100%;
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.owl-carousel .item .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 48px;
    color: #fff
}

.owl-carousel .item .item-content .item-title {
    font-size: 28px;
    line-height: 34px;
    font-weight: 600
}

.owl-carousel .item .item-content .item-description {
    font-weight: 300;
    font-size: 16px;
    margin: 0
}

.owl-carousel .owl-nav {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    color: #2e2e2e;
    pointer-events: none
}

.owl-dots {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 100%;
    left: 0;
    text-align: center
}

.owl-dots .owl-dot {
    display: inline-block;
    vertical-align: bottom;
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(2, 120, 50, .1);
    margin: 0 5px
}

.owl-dots .owl-dot.active {
    background: #027832
}

.owl-next, .owl-prev {
    position: absolute;
    left: -12px;
    top: 50%;
    width: 24px;
    display: block;
    height: 50px;
    background: #fff;
    border: 1px solid #14703b;
    border-radius: 12px;
    overflow: hidden;
    text-align: center;
    line-height: 35px;
    text-indent: -9999px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: auto
}

.owl-next.disabled, .owl-prev.disabled {
    display: none;
    border: 1px solid #e6f2eb
}

.owl-next.disabled:after, .owl-prev.disabled:after {
    border-right-color: #63ab80
}

.owl-next:after, .owl-prev:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right-color: #027832;
    border-left-color: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: -4px
}

.owl-next:before, .owl-prev:before {
    display: block;
    content: "";
    position: relative;
    text-indent: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(2, 120, 50, .1);
    font-size: 16px
}

.owl-next {
    left: auto;
    right: -12px
}

.owl-next:after {
    border-right-color: transparent;
    border-left-color: #027832;
    margin-left: 4px
}

.owl-next.disabled:after {
    border-right-color: transparent;
    border-left-color: #63ab80
}

.facetwp-checkbox {
    display: block;
    padding-left: 30px;
    position: relative;
    margin-bottom: 1em;
    cursor: pointer
}

.facetwp-checkbox:before {
    content: "";
    display: block;
    background: #fff;
    width: 20px;
    height: 20px;
    border: 1px solid #14703b;
    position: absolute;
    left: 0;
    top: .1em
}

.facetwp-checkbox.checked:after {
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    top: 3px;
    left: 2px;
    margin-top: -.125em;
    background: url(../image/check.svg) center center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.facetwp-checkbox.disabled {
    color: #ccc
}

.facetwp-checkbox.disabled:before {
    border: 1px solid #ccc
}

.shariff-button {
    display: block;
    width: 2.4em;
    height: 2.4em;
    float: right;
    clear: both;
    line-height: 2.4em;
    text-align: center;
    border: 1px solid #027832;
    border-radius: 50%;
    overflow: hidden;
    list-style: none;
    padding: 0
}

.shariff-button:active, .shariff-button:focus, .shariff-button:hover {
    background-color: rgba(2, 120, 50, .1)
}

.shariff-button .share_text {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.shariff-button a {
    display: block;
    width: 100%;
    height: 100%
}

.shariff-button .fab, .shariff-button .fas {
    display: inline-block;
    width: 1.75em;
    vertical-align: middle;
    height: 1.75em;
    margin-top: -3px
}

.shariff-button .fab:before, .shariff-button .fas:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.shariff-button .fa-whatsapp:before {
    background: url(../image/whatsapp.svg) center center no-repeat
}

.shariff-button .fa-facebook-f:before {
    background: url(../image/facebook.svg) center center no-repeat
}

.shariff-button .fa-linkedin-in:before {
    background: url(../image/linkedin.svg) center center no-repeat
}

.shariff-button .fa-envelope:before {
    background: url(../image/email.svg) center center no-repeat
}

.social-share ul {
    margin: 0;
    list-style: none
}

.share-bottom {
    margin-top: 1em
}

.share-bottom .shariff-button {
    float: left;
    margin-right: .65em;
    clear: none
}

.share-side {
    margin-top: .5em
}

.share-side .social-share {
    display: none
}

#catapult-cookie-bar {
    text-align: center;
    background-color: #e6f2eb!important;
    color: #2e2e2e!important;
    font-size: .93em;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

#catapult-cookie-bar .ctcc-inner {
    padding: 15px
}

#catapult-cookie-bar .ctcc-left-side a {
    font-family: "The Sans", sans-serif;
    position: relative;
    border-radius: 1.375em;
    outline-width: 4px;
    width: auto;
    line-height: 2em;
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 0;
    padding: .375em 3.5375em .375em 1.7875em;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    background: #027832 url(../image/arrow_right.svg) right 17px center no-repeat;
    text-transform: default;
    max-width: 100%;
    text-overflow: ellipsis;
    text-decoration: none!important;
    letter-spacing: .025em;
    border: 0 solid #116f98;
    white-space: nowrap;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-transition: background .1s;
    -o-transition: background .1s;
    transition: background .1s;
    background: #027832;
    margin: 10px;
    padding-right: 1.7875em
}

#catapult-cookie-bar .ctcc-left-side a:focus, #catapult-cookie-bar .ctcc-left-side a:hover {
    text-decoration: none;
    -webkit-transition: background .1s;
    -o-transition: background .1s;
    transition: background .1s;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #006024
}

#catapult-cookie-bar .ctcc-left-side a:active {
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#catapult-cookie-bar .ctcc-right-side button {
    font-family: "The Sans", sans-serif;
    position: relative;
    border-radius: 1.375em;
    outline-width: 4px;
    width: auto;
    line-height: 2em;
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 0;
    padding: .375em 3.5375em .375em 1.7875em;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    background: #027832 url(../image/arrow_right.svg) right 17px center no-repeat;
    text-transform: default;
    max-width: 100%;
    text-overflow: ellipsis;
    text-decoration: none!important;
    letter-spacing: .025em;
    border: 0 solid #116f98;
    white-space: nowrap;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-transition: background .1s;
    -o-transition: background .1s;
    transition: background .1s;
    background: #fff;
    color: #2e2e2e
}

#catapult-cookie-bar .ctcc-right-side button:focus, #catapult-cookie-bar .ctcc-right-side button:hover {
    text-decoration: none;
    -webkit-transition: background .1s;
    -o-transition: background .1s;
    transition: background .1s;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #006024
}

#catapult-cookie-bar .ctcc-right-side button:active {
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#catapult-cookie-bar .ctcc-right-side button:active, #catapult-cookie-bar .ctcc-right-side button:focus, #catapult-cookie-bar .ctcc-right-side button:hover {
    background: #fff;
    color: #027832
}

@media (max-width:767px) {
    .table-wrapper {
        display: block;
        position: relative;
        width: 100%
    }
    .table-wrapper:after {
        border-right-color: transparent;
        border-left-color: #14703b;
        left: calc(100% + 4px)
    }
    .table-wrapper .scrollable {
        width: calc(100% - 100px);
        margin-left: 100px;
        overflow-x: scroll;
        overflow-y: hidden;
        border-right: 1px solid #14703b
    }
    .table-wrapper .scrollable table {
        margin-left: -100px
    }
    .table-wrapper .scrollable table td:first-child, .table-wrapper .scrollable table th:first-child {
        border-left: none
    }
    .table-wrapper .scrollable table td:last-child, .table-wrapper .scrollable table th:last-child {
        border-right: none
    }
    table {
        border-top: none!important;
        border-left: none!important
    }
    table td, table th {
        padding: 5px 10px!important
    }
    table td:first-child, table th:first-child {
        min-width: 100px!important;
        max-width: 100px!important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    table th:first-child {
        opacity: 0
    }
    table th {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 70px
    }
    table td:first-child {
        border-left: 1px solid #14703b
    }
    table td, table th {
        min-width: calc(100vw - 160px);
        max-width: calc(100vw - 160px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center!important
    }
    .pinned {
        position: absolute;
        pointer-events: none;
        left: 0;
        top: 0;
        width: 100px;
        background: #fff
    }
    .pinned td.hidden, .pinned th.hidden {
        opacity: 0;
        pointer-events: none
    }
    .table-nav {
        position: absolute;
        display: block;
        height: 50px;
        top: 10px;
        left: 0;
        right: 0;
        z-index: 4
    }
    .table-nav-btn {
        width: 30px;
        height: 100%;
        display: block;
        line-height: 50px;
        text-align: center;
        color: #95be4d;
        font-size: 16px;
        position: absolute;
        cursor: pointer;
        top: 0
    }
    .table-nav-btn.prev-col {
        left: 70px
    }
    .table-nav-btn.prev-col:before {
        border-right-color: #14703b
    }
    .table-nav-btn.next-col {
        right: -30px
    }
    .table-nav-btn.next-col:before {
        border-left-color: #14703b
    }
    .table-nav-btn:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 7px solid transparent;
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 3;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    a, button, input, select, textarea {
        outline: 0
    }
}

@media (max-width:1279px) {
    a, button, input, select, textarea {
        outline: 0
    }
}

@media (min-width:768px) {
    .banner {
        height: 80px
    }
    .language-nav {
        top: 80px
    }
    .menu-toggle {
        height: 80px;
        background: #e6f2eb;
        color: #027832;
        width: 133px
    }
    .menu-toggle .hamburger {
        left: 25px;
        top: 33px
    }
    .menu-toggle .hamburger i {
        font-size: 16px;
        font-weight: 400;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: calc(100% + 10px);
        right: auto
    }
    #search-toggle {
        width: 80px;
        height: 80px;
        line-height: 80px
    }
    #search-toggle .search-icon {
        height: 80px;
        line-height: 80px
    }
    #searchform {
        height: 80px
    }
    #searchform .search-field {
        height: 80px;
        line-height: 80px;
        padding-right: 160px
    }
    #searchform .search-submit {
        right: 80px;
        width: 80px;
        height: 80px;
        line-height: 80px
    }
    .nav-wrapper {
        padding-top: 80px;
        width: 320px
    }
    .menu-open #body-wrapper, .menu-open .banner {
        -webkit-transform: translateX(320px);
        -ms-transform: translateX(320px);
        -o-transform: translateX(320px);
        transform: translateX(320px)
    }
    #menu-close {
        height: 80px;
        line-height: 80px
    }
    #language-toggle {
        height: 80px;
        line-height: 80px;
        margin-top: 0;
        top: -80px
    }
    .block {
        padding: 25px 0
    }
    .block:first-child {
        padding-top: 50px
    }
    .block:last-child {
        padding-bottom: 50px
    }
    .block.related {
        padding-top: 0
    }
    .block.related .container {
        padding-top: 25px
    }
    .block.block-people .people {
        margin-top: -50px
    }
    .block.block-distributors .distributors {
        margin-top: -50px
    }
    .block.block-product-intro {
        padding-top: 0
    }
    .block.block-product-intro .entry-thumbnail {
        margin-top: -150px;
        max-width: 100%;
        width: 100%
    }
    .block.block-product-intro .product-image {
        text-align: left
    }
    .block.block-product-intro .product-application-icons {
        text-align: left;
        margin-top: 50px
    }
    .block.block-product-intro .application-icon {
        margin: 0 1em 2em 0
    }
    .block.block-product-knowledge {
        margin-bottom: -58px;
        margin-top: 25px;
        padding: 90px 0;
        border-top-left-radius: 50% 160px;
        border-top-right-radius: 50% 160px;
        border-bottom-left-radius: 50% 160px;
        border-bottom-right-radius: 50% 160px
    }
    .block.block-product-knowledge h2 {
        min-height: 0
    }
    .block.block-product-knowledge .entry-thumbnail {
        width: 284px;
        height: 284px;
        top: 0;
        position: relative
    }
    .block.block-product-knowledge .story-icon {
        width: 276px;
        height: 276px;
        position: relative;
        top: 0
    }
    .block.block-product-knowledge .knowledge-story {
        position: relative;
        padding-top: 50px;
        padding-bottom: 50px
    }
    .block.block-product-knowledge .knowledge-story:first-child {
        padding-top: 0
    }
    .block.block-product-knowledge .knowledge-story:last-child {
        padding-bottom: 0
    }
    .block.block-product-knowledge .knowledge-story:last-child:before {
        display: none
    }
    .block.block-product-knowledge .knowledge-story:before {
        content: "";
        left: 24px;
        right: 24px;
        position: absolute;
        bottom: 0;
        height: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .3)
    }
    .block.block-product-knowledge .knowledge-story:nth-child(odd) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .block.block-product-knowledge .knowledge-story:nth-child(odd) .col-icon {
        text-align: right
    }
    .block.block-formulas .formulas {
        padding: 0 18px 0
    }
    .block.block-formulas .owl-next {
        right: -32px
    }
    .block.block-formulas .owl-prev {
        left: -32px
    }
    .block.block-formulas .formula-product {
        padding: 30px 30px 210px;
        width: 100%;
        text-align: left
    }
    .block.block-formulas .formula-product .entry-title {
        margin-right: 30px
    }
    .block.block-formulas .formula-product .entry-content {
        margin-bottom: 20px;
        margin-right: 30px;
        font-size: .93em
    }
    .block.block-formulas .formula-product .button {
        -webkit-transform: translateX(0) scale(.7, .7);
        -ms-transform: translateX(0) scale(.7, .7);
        -o-transform: translateX(0) scale(.7, .7);
        transform: translateX(0) scale(.7, .7);
        left: 0;
        bottom: 140px
    }
    .block.block-formulas .formula-product .thumbnail {
        bottom: 1px;
        height: 140px;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
    .block.block-formulas .formula-product .thumbnail img {
        left: 45px;
        -webkit-transform: translate(0, -140px);
        -ms-transform: translate(0, -140px);
        -o-transform: translate(0, -140px);
        transform: translate(0, -140px);
        max-height: 120px
    }
    .featured-product {
        border-radius: 45px;
        overflow: hidden
    }
    .featured-product .col-content {
        padding: 40px 24px 0;
        height: 180px;
        position: relative
    }
    .featured-product .entry-title {
        margin-bottom: .75em
    }
    .featured-product .col-thumbnail {
        height: 180px;
        position: relative;
        max-height: 180px
    }
    .featured-product .col-thumbnail img {
        position: absolute;
        max-width: 140px;
        left: 60%;
        top: 100%;
        -webkit-transform: translate(-50%, -140px);
        -ms-transform: translate(-50%, -140px);
        -o-transform: translate(-50%, -140px);
        transform: translate(-50%, -140px)
    }
    .featured-product .button {
        display: inline-block;
        position: absolute;
        right: 45px;
        bottom: 20px;
        z-index: 2
    }
    .featured-product .featured-highlights {
        max-height: 90px;
        max-width: 190px
    }
    body.single-post .entry-content .entry-thumbnail {
        max-width: 200px;
        float: right;
        margin-left: 2em;
        margin-bottom: 2em;
        margin-right: -14.5%
    }
    body.single-post article .block:first-of-type {
        padding-top: 50px
    }
    .call-to-action {
        padding: 50px;
        margin-left: 0;
        margin-right: 0;
        border-radius: 45px
    }
    .table-wrapper .pinned {
        display: none
    }
    .content-info {
        padding: 140px 0 0;
        border-top-left-radius: 50% 160px;
        border-top-right-radius: 50% 160px
    }
    .content-info__portal {
        border-radius: 0;
        -webkit-box-shadow: 0 -5px 5px rgba(0, 0, 0, .1);
        box-shadow: 0 -5px 5px rgba(0, 0, 0, .1);
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1000;
        padding: 0 30px
    }
    .content-info .footer-button {
        display: inline-block;
        margin-left: 37.25%
    }
    .content-info .footer-bottom {
        padding-bottom: 50px
    }
    .content-info .footer-bottom .social-share-footer .icons {
        width: 140px;
        margin: -15px auto 40px auto
    }
    .content-info .footer-bottom ul li {
        display: inline-block;
        margin-right: 10px;
        padding-left: 10px;
        position: relative;
        margin-bottom: 0
    }
    .content-info .footer-bottom ul li:before {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        left: 0;
        top: 0;
        background: #fff
    }
    .content-info .footer-bottom .footer-nav {
        max-width: none;
        display: inline-block
    }
    .content-info .footer-bottom .copyright {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0;
        max-width: none
    }
    .content-info .footer-bottom .footer-logo {
        width: auto
    }
    .content-info .contact-person {
        padding-left: 37.25%
    }
    .content-info .contact-person .person-thumb {
        width: 80px;
        height: 80px
    }
    .product-segment {
        margin-bottom: 40px
    }
    .product-segment .product-segment-title {
        font-size: 2em
    }
    .product-segment .product-segment-description {
        font-size: 18px;
        margin-bottom: 20px
    }
    .product-segment .product-segment-thumbnail {
        display: block;
        margin-bottom: 30px;
        height: 180px
    }
    .product-segment .product-segment-thumbnail img {
        max-height: 180px
    }
    .product-categories-title {
        font-size: 1.5em
    }
    .product-group {
        padding-bottom: 2.2875em;
        position: relative;
        margin-bottom: 5em
    }
    .product-group .product-group-thumbnail {
        display: block;
        margin-bottom: 1.5em;
        text-align: left;
        height: 120px;
        float: none;
        width: 100%
    }
    .product-group .product-group-thumbnail img {
        display: inline-block;
        max-width: 100%;
        max-height: 120px;
        width: auto;
        height: auto
    }
    .product-group .button {
        position: absolute;
        left: 24px;
        bottom: 0;
        font-size: .7em
    }
    .products-archive .products-archive-header {
        padding-top: 3em
    }
    .products-archive .products-filtered {
        display: none
    }
    .products-archive .products-filtered.open {
        display: block
    }
    .products-archive .products-unfiltered {
        margin-top: 2em
    }
    .products-archive .products-unfiltered.closed {
        display: none
    }
    .products-archive .introtext {
        margin-bottom: 4em
    }
    .products-archive .results-header {
        margin-bottom: 1em
    }
    .products-archive .results-header:after, .products-archive .results-header:before {
        content: " ";
        display: table
    }
    .products-archive .results-header:after {
        clear: both
    }
    .products-archive .results-header .facetwp-counts {
        font-size: 1.5em;
        margin-right: 1em
    }
    .products-archive .results-header .facetwp-selections {
        font-size: 1.5em
    }
    .products-archive .results-header .reset {
        float: right;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        -o-transform-origin: top right;
        transform-origin: top right;
        background: #027832 url(../image/reset.svg) right 24px center no-repeat
    }
    .products-archive #filters-close {
        width: auto;
        height: auto;
        min-height: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        background: 0 0;
        line-height: inherit;
        font-size: inherit;
        min-width: 0;
        margin: 0;
        padding: 0;
        display: block;
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .5);
        opacity: 0;
        z-index: 1010;
        text-indent: -9999px;
        pointer-events: none;
        -webkit-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out
    }
    .products-archive #filters-close:active, .products-archive #filters-close:focus, .products-archive #filters-close:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .products-archive #filters-close:active, .products-archive #filters-close:focus, .products-archive #filters-close:hover {
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .products-archive #filters-close:after {
        display: none
    }
    .products-archive #filters-close:active, .products-archive #filters-close:focus, .products-archive #filters-close:hover {
        background: rgba(0, 0, 0, .5)
    }
    .products-archive #filters-toggle {
        border-top: 1px solid #14703b;
        border-bottom: none;
        margin: 0
    }
    .products-archive #filters-toggle.open:after {
        border-bottom-color: #027832;
        border-top-color: transparent;
        margin-top: -9px
    }
    .products-archive .filters {
        display: block;
        max-height: 0;
        overflow: hidden;
        border-bottom: 1px solid #14703b;
        -webkit-transition: max-height .4s ease-in-out, padding-top .4s ease-in-out, padding-bottom .4s ease-in-out, -webkit-transform .2s ease-in-out;
        transition: max-height .4s ease-in-out, padding-top .4s ease-in-out, padding-bottom .4s ease-in-out, -webkit-transform .2s ease-in-out;
        -o-transition: max-height .4s ease-in-out, padding-top .4s ease-in-out, padding-bottom .4s ease-in-out, -o-transform .2s ease-in-out;
        transition: max-height .4s ease-in-out, padding-top .4s ease-in-out, padding-bottom .4s ease-in-out, transform .2s ease-in-out;
        transition: max-height .4s ease-in-out, padding-top .4s ease-in-out, padding-bottom .4s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out, -o-transform .2s ease-in-out;
        padding: 0
    }
    .products-archive .filters__inner {
        max-height: calc(100vh - 350px);
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch
    }
    .products-archive .filters h3 {
        margin-top: 0
    }
    .products-archive .filters.open {
        z-index: 0;
        display: block;
        position: relative;
        top: auto;
        padding: 1em 0 100px 0;
        left: auto;
        bottom: auto;
        right: auto;
        background: 0 0;
        overflow: hidden;
        max-height: 100vw
    }
    .products-archive .filters.open:before {
        display: none
    }
    .products-archive .filters.open #apply-filters {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    .products-archive #apply-filters {
        position: absolute;
        right: 0;
        bottom: 30px;
        left: auto;
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px);
        pointer-events: none;
        width: auto;
        -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
        transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
        -o-transition: opacity .4s ease-in-out, -o-transform .4s ease-in-out;
        transition: transform .4s ease-in-out, opacity .4s ease-in-out;
        transition: transform .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .4s ease-in-out, -o-transform .4s ease-in-out
    }
    .products-archive #close-filters {
        display: none!important
    }
    .products-archive .sticky {
        z-index: 9999;
        display: block;
        position: relative;
        width: 100%
    }
    .products-archive .sticky #filters-close.open {
        opacity: 1;
        pointer-events: auto
    }
    .products-archive .sticky #filters-toggle {
        position: fixed;
        top: 80px;
        background: #fff;
        width: calc(630px + 60px);
        padding-left: 95px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
        -o-transform: translateY(-80px);
        transform: translateY(-80px);
        border-left: 1px solid #027832;
        border-right: 1px solid #027832;
        -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 0 25px 0 rgba(0, 0, 0, .15);
        z-index: 1020
    }
    .products-archive .sticky #filters-toggle:before {
        left: 30px
    }
    .products-archive .sticky #filters-toggle:after {
        right: 45px
    }
    .products-archive .sticky .filters {
        position: fixed;
        top: 145px;
        background: #fff;
        width: calc(630px + 60px);
        padding-left: 30px;
        padding-right: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-left: 1px solid #027832;
        border-right: 1px solid #027832;
        margin-left: -30px;
        -webkit-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
        -o-transform: translateY(-80px);
        transform: translateY(-80px);
        z-index: 1020
    }
    .products-archive .sticky #apply-filters {
        right: 30px
    }
    .teaser.teaser-post a, .teaser.teaser-search a {
        padding: 1.5em 0
    }
    .teaser.teaser-post header, .teaser.teaser-search header {
        max-width: calc(100% - 180px)
    }
    .teaser.teaser-post .entry-summary, .teaser.teaser-search .entry-summary {
        max-width: calc(100% - 180px)
    }
    .teaser.teaser-post .entry-thumbnail, .teaser.teaser-search .entry-thumbnail {
        width: 160px;
        height: 120px
    }
    .teaser.teaser-person {
        margin-top: 50px
    }
    .teaser.teaser-person .person-thumb {
        width: 100%;
        padding-bottom: 100%
    }
    .teaser.teaser-distributor {
        margin-top: 50px
    }
    .teaser.teaser-distributor .distributor-thumb {
        width: 100%;
        padding-bottom: 100%
    }
    .teaser.teaser-search .entry-summary, .teaser.teaser-search header {
        max-width: 100%
    }
    .input, input[type=email], input[type=file], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
        font-size: 1em
    }
    .button, button, input[type=submit] {
        font-size: 1em
    }
    .button, button {
        font-size: 1em
    }
    .shariff-button.whatsapp {
        display: none
    }
}

@media (min-width:1024px) {
    .play-button-text {
        left: -5.2em;
        top: -3.4em;
        height: 2em;
        font-size: 1.125em
    }
    table td {
        font-size: 18px
    }
    .introtext p:first-child {
        font-size: 1.5em
    }
    .block {
        padding: 30px 0
    }
    .block:first-of-type {
        paddint-top: 60px
    }
    .block .block-title {
        font-size: 1.5em
    }
    .block.block-main .contact-title {
        margin-top: 0
    }
    .block.related {
        padding-top: 0
    }
    .block.related .container {
        padding-top: 30px
    }
    .block.block-people .people {
        margin-top: -60px
    }
    .block.block-distributors .distributors {
        margin-top: -60px
    }
    .block.block-tabs .tab-nav-desktop {
        display: block;
        margin-bottom: 20px
    }
    .block.block-tabs .tab-button-mobile {
        display: none
    }
    .block.block-tabs .tab-button .icon {
        margin-top: -4px
    }
    .block.block-tabs .tab {
        display: none;
        margin-bottom: 0
    }
    .block.block-tabs .tab .tab-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 0;
        padding-top: 5px
    }
    .block.block-tabs .tab .tab-content p:last-child {
        margin-bottom: 0
    }
    .block.block-tabs .tab .tab-content.image-right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .block.block-tabs .tab .tab-content .button {
        margin-top: 2em
    }
    .block.block-tabs .tab.desktop-open {
        display: block
    }
    .block .image-right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .block.block-product-knowledge {
        margin-top: 25px
    }
    .block.block-product-knowledge .entry-thumbnail {
        width: 80%
    }
    .block.block-product-knowledge .entry-thumbnail img {
        width: 100%;
        height: auto
    }
    .block.block-product-knowledge .story-icon {
        width: 321px;
        height: 321px
    }
    .block.block-product-knowledge .story-content.small {
        font-size: .875em
    }
    .block.block-quote .col-photo {
        display: block
    }
    .block.block-quote .quote-photo {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        margin: 0 auto
    }
    .block.block-quote .quote-person {
        padding-left: 0;
        display: block;
        min-height: 0
    }
    .block.block-quote .quote-person .quote-photo {
        display: none
    }
    .block.block-product-intro .entry-thumbnail {
        margin-top: -260px;
        width: 100%
    }
    .block.block-product-intro .product-contact .contact-person {
        padding-left: 67px
    }
    .block.block-product-intro .product-contact .person-contact, .block.block-product-intro .product-contact .person-name {
        float: left;
        margin-top: 6px;
        margin-left: 48px
    }
    .block.block-product-intro .product-application-icons {
        margin-top: 60px
    }
    .block.block-product-intro .application-icon {
        display: inline-block;
        width: 100px;
        height: 100px
    }
    .block.block-formulas .formula-product {
        padding: 30px 30px 220px
    }
    .block.block-formulas .formula-product .entry-content {
        font-size: .7em
    }
    .block.block-formulas .formula-product .thumbnail {
        max-width: calc(100% - 60px)
    }
    .block.block-formulas .formula button {
        -webkit-transform: translateX(0) scale(.75, .75);
        -ms-transform: translateX(0) scale(.75, .75);
        -o-transform: translateX(0) scale(.75, .75);
        transform: translateX(0) scale(.75, .75)
    }
    .columns-2 {
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 48px;
        column-gap: 48px
    }
    .featured-product {
        border-radius: 60px
    }
    .featured-product .col-content {
        padding: 70px 24px 0;
        height: 265px;
        position: relative
    }
    .featured-product .entry-title {
        font-size: 1.5em;
        margin-right: 60px
    }
    .featured-product .col-thumbnail {
        height: 265px;
        max-height: 265px
    }
    .featured-product .col-thumbnail img {
        max-width: 200px;
        left: 57%;
        -webkit-transform: translate(-50%, -200px);
        -ms-transform: translate(-50%, -200px);
        -o-transform: translate(-50%, -200px);
        transform: translate(-50%, -200px)
    }
    .featured-product .button {
        right: 60px;
        bottom: 30px
    }
    .featured-product .featured-highlights {
        max-width: 360px;
        max-height: 120px
    }
    body.single-post .entry-content p:first-of-type {
        font-size: 1.125em
    }
    body.single-post .entry-content .entry-thumbnail {
        max-width: 300px
    }
    body.single-post article .block:first-of-type {
        padding-top: 60px
    }
    .related-title {
        position: absolute;
        left: 0;
        top: 2em;
        margin-right: 0
    }
    .call-to-action {
        padding: 60px;
        border-radius: 60px
    }
    .call-to-action .cta-title {
        font-size: 1.5em
    }
    .content-info .contact-person {
        padding-left: 33%
    }
    .content-info .contact-person .person-thumb {
        width: 105px;
        height: 105px
    }
    .content-info .footer-bottom .social-share-footer .icons {
        width: 140px;
        margin: -15px auto 40px auto
    }
    .content-info .footer-button {
        margin-left: 33%
    }
    .content-info .footer-title {
        font-size: 1.5em
    }
    .product-segments {
        margin-bottom: 40px
    }
    .product-segment {
        margin-bottom: 60px;
        position: relative
    }
    .product-segment .product-segment-title {
        font-size: 2em
    }
    .product-segment .product-segment-description {
        font-size: 18px;
        margin-bottom: 30px;
        padding-bottom: 50px!important
    }
    .product-segment .product-segment-thumbnail {
        display: block;
        margin-bottom: 30px;
        height: 234px
    }
    .product-segment .product-segment-thumbnail img {
        max-height: 234px
    }
    .product-segment .button {
        position: absolute;
        left: 24px;
        bottom: 0
    }
    .product-type-lvl1 {
        padding-bottom: 2em
    }
    .product-type-lvl1 .product-type-lvl1-header {
        font-size: 1.5em;
        padding: 15px 20px;
        margin-bottom: 1.5em
    }
    .products-archive #filters-toggle {
        font-size: 1.5em
    }
    .products-archive .filters__inner {
        max-height: calc(100vh - 205px)
    }
    .products-archive .filters h3 {
        font-size: 1.5em
    }
    .products-archive .sticky #filters-toggle {
        width: calc(930px + 60px);
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 95px
    }
    .products-archive .sticky #filters-toggle:after {
        right: 30px
    }
    .products-archive .sticky .filters {
        top: 150px;
        width: calc(930px + 60px)
    }
    .product-group .product-group-title {
        font-size: 18px
    }
    .product-group .product-group-description {
        font-size: .7em
    }
    .product-group .product-group-thumbnail {
        height: 120px;
        display: block
    }
    .product-group .button {
        position: absolute;
        left: 24px;
        bottom: 0
    }
    .mandatory-download .tab-button.downloads.active {
        -ms-flex-item-align: end;
        align-self: flex-end;
        position: relative
    }
    .sticky-button {
        text-align: right
    }
    .teaser.teaser-post a, .teaser.teaser-search a {
        padding: 2em 0
    }
    .teaser.teaser-post header, .teaser.teaser-search header {
        max-width: calc(100% - 320px)
    }
    .teaser.teaser-post .updated, .teaser.teaser-search .updated {
        font-size: .7em;
        margin-bottom: .75em
    }
    .teaser.teaser-post .entry-title, .teaser.teaser-search .entry-title {
        font-size: 1.5em;
        margin-bottom: .75em
    }
    .teaser.teaser-post .entry-summary, .teaser.teaser-search .entry-summary {
        font-size: 18px;
        max-width: calc(100% - 320px)
    }
    .teaser.teaser-post .entry-summary p:first-child, .teaser.teaser-post .entry-summary p:last-child, .teaser.teaser-search .entry-summary p:first-child, .teaser.teaser-search .entry-summary p:last-child {
        font-size: 18px
    }
    .teaser.teaser-post .entry-thumbnail, .teaser.teaser-search .entry-thumbnail {
        width: 300px;
        height: auto
    }
    .teaser.teaser-search .entry-summary, .teaser.teaser-search header {
        max-width: 100%
    }
    .teaser.teaser-product {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 0;
        position: relative;
        padding-left: 65px;
        min-height: 55px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .teaser.teaser-product .entry-title {
        font-size: 18px;
        margin-top: 16px
    }
    .teaser.teaser-product .entry-thumbnail {
        position: absolute;
        left: 15px;
        top: 10px;
        text-align: center;
        line-height: 55px
    }
    .teaser.teaser-product .entry-thumbnail img {
        max-height: 55px;
        max-width: 40px;
        width: auto;
        height: auto;
        display: inline-block
    }
    .teaser.teaser-person {
        margin-top: 60px
    }
    .teaser.teaser-distributor {
        margin-top: 60px
    }
    .product-downloads {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .product-downloads .product-downloads-wrapper {
        width: 300px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .product-download {
        display: inline-block;
        margin-bottom: 0
    }
    .product-download a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 35px
    }
    .product-download svg {
        height: 25px;
        width: 30px;
        margin-right: .25em;
        margin-top: .1em
    }
    .tab-downloads .product-download {
        display: block
    }
    .tab-downloads .product-download svg {
        top: -2px
    }
    .tab-downloads .filename {
        font-size: 18px
    }
    label {
        font-size: .7em
    }
    #download-form .gfield_checkbox label {
        font-size: 18px
    }
    .share-side .social-share {
        display: block
    }
    .share-bottom {
        display: none!important
    }
    body {
        font-size: 18px
    }
    .h1, h1 {
        font-size: 3.333em
    }
    .h2, h2 {
        font-size: 2em
    }
    .h3, h3 {
        font-size: 1.125em
    }
    .h4, h4 {
        font-size: 18px
    }
    .h5, h5 {
        font-size: 18px
    }
    .h6, h6 {
        font-size: 18px
    }
    blockquote p {
        font-size: 1.5em
    }
    .small, small {
        font-size: .7em
    }
}

@media (min-width:1280px) {
    body {
        padding-left: 130px
    }
    body.menu-open {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
    #body-wrapper {
        width: calc(100vw - 130px)
    }
    .banner {
        height: 90px;
        background: 0 0;
        position: absolute;
        top: 0;
        left: 130px;
        width: calc(100vw - 130px);
        z-index: 999;
        text-align: center;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .banner-container {
        display: block;
        position: relative;
        margin: 0 auto;
        width: 1100px;
        text-align: left
    }
    .menu-toggle {
        display: none
    }
    .nav-wrapper {
        position: relative;
        right: auto;
        display: inline-block;
        height: auto;
        overflow: visible;
        top: auto;
        bottom: auto;
        padding-top: 0;
        width: 1020px;
        text-align: left;
        background: 0 0;
        border-right: none;
        font-size: 18px
    }
    .language-nav {
        list-style: none
    }
    .language-nav ul {
        display: none
    }
    .primary-nav {
        margin-top: 15px;
        display: inline-block;
        height: 60px;
        line-height: 60px;
        margin-left: -20px
    }
    .primary-nav ul {
        list-style: none;
        margin: 0;
        border-top: none
    }
    .primary-nav ul li {
        margin: 0;
        padding: 0 20px;
        display: inline-block;
        border-bottom: none;
        position: relative
    }
    .primary-nav ul li a {
        white-space: nowrap
    }
    .primary-nav ul li.menu-item-has-children {
        position: relative
    }
    .primary-nav ul li.menu-item-has-children a {
        text-decoration: none;
        height: 60px;
        line-height: 60px
    }
    .primary-nav ul li.menu-item-has-children.sfHover {
        background: #fff;
        padding: 0
    }
    .primary-nav ul li.menu-item-has-children.sfHover a {
        color: #027832;
        padding: 0 20px;
        display: block
    }
    .primary-nav ul li.menu-item-has-children.sfHover a:hover {
        background: rgba(2, 120, 50, .1)
    }
    .primary-nav ul li.menu-item-has-children.sfHover a:after {
        border-top-color: #027832
    }
    .primary-nav ul li.menu-item-has-children>a:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top-color: #fff;
        margin-left: .5em;
        margin-top: 5px
    }
    .primary-nav ul li.menu-item-has-children .sub-menu {
        height: auto;
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
        overflow: visible;
        min-width: 200px;
        background: #fff
    }
    .primary-nav ul li.menu-item-has-children .sub-menu li {
        display: block;
        border-top: 1px solid #e6f2eb
    }
    .primary-nav ul li.menu-item-has-children .sub-menu a {
        padding-left: 20px;
        padding-right: 20px;
        display: block;
        width: auto;
        font-size: 1em;
        color: #027832;
        text-decoration: none
    }
    .primary-nav ul li.menu-item-has-children .sub-menu .sub-menu {
        position: relative;
        margin-left: 25px
    }
    .primary-nav ul li.menu-item-has-children .sub-menu .sub-menu a {
        color: #2e2e2e;
        font-size: .8em
    }
    .primary-nav ul li:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        width: 1px;
        height: 15px;
        background: #fff;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .primary-nav ul li .sub-menu li {
        padding: 0
    }
    .primary-nav ul li:last-child:after {
        display: none
    }
    .primary-nav ul li a {
        display: inline;
        padding: 0;
        color: #fff
    }
    .menu-open #body-wrapper, .menu-open .banner {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
    #nav-menu-close {
        display: none
    }
    #menu-close {
        display: none
    }
    #language-toggle {
        width: auto;
        height: auto;
        min-height: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        background: 0 0;
        line-height: inherit;
        font-size: inherit;
        min-width: 0;
        margin: 0;
        padding: 0;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        height: 60px;
        line-height: 60px;
        display: inline-block;
        margin: 15px 0 0;
        color: #fff;
        padding: 0 20px;
        line-height: 1.7;
        -webkit-transition: none!important;
        -o-transition: none!important;
        transition: none!important
    }
    #language-toggle:active, #language-toggle:focus, #language-toggle:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    #language-toggle:active, #language-toggle:focus, #language-toggle:hover {
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    #language-toggle:after {
        display: none
    }
    #language-toggle .back {
        display: none
    }
    #language-toggle .language-code {
        display: block;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
    #language-toggle .language-code:after {
        border-top-color: #fff
    }
    #translation-nav {
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }
    #translation-nav.open #language-toggle .back {
        display: none
    }
    #translation-nav.open #language-toggle .language-code {
        display: block
    }
    .language-nav {
        top: 0;
        width: auto;
        background: 0 0;
        position: relative
    }
    .language-nav .sfHover #language-toggle {
        background: #fff;
        color: #027832;
        text-decoration: none
    }
    .language-nav .sfHover #language-toggle .language-code:after {
        border-top-color: #027832
    }
    .language-nav ul {
        overflow: visible;
        height: auto;
        position: absolute;
        top: 100%;
        left: 0
    }
    .language-nav ul li {
        min-width: 200px;
        background: #fff
    }
    .language-nav ul li a {
        text-decoration: none;
        display: block
    }
    .language-nav ul li a:active, .language-nav ul li a:focus, .language-nav ul li a:hover {
        background: rgba(2, 120, 50, .1)
    }
    #search-toggle {
        top: 25px;
        width: 40px;
        height: 40px;
        z-index: 4;
        line-height: 40px;
        font-size: 18px;
        background: #fff;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
        box-shadow: 0 0 3px rgba(0, 0, 0, .1);
        -webkit-transition: all .3s cubic-bezier(.05, .64, .51, 1);
        -o-transition: all .3s cubic-bezier(.05, .64, .51, 1);
        transition: all .3s cubic-bezier(.05, .64, .51, 1);
        outline: 0
    }
    #search-toggle:active, #search-toggle:focus, #search-toggle:hover {
        background: #e6f2eb;
        -webkit-transform: scale(1.125, 1.125);
        -ms-transform: scale(1.125, 1.125);
        -o-transform: scale(1.125, 1.125);
        transform: scale(1.125, 1.125)
    }
    #search-toggle .search-icon {
        height: 40px;
        line-height: 40px;
        -webkit-transform: scale(.85, .85) translateX(-13px);
        -ms-transform: scale(.85, .85) translateX(-13px);
        -o-transform: scale(.85, .85) translateX(-13px);
        transform: scale(.85, .85) translateX(-13px)
    }
    #search-toggle.open {
        top: 25px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        top: 15px;
        border-radius: 0;
        -webkit-transition: all .3s cubic-bezier(0, .97, .09, 1.01);
        -o-transition: all .3s cubic-bezier(0, .97, .09, 1.01);
        transition: all .3s cubic-bezier(0, .97, .09, 1.01)
    }
    #search-toggle.open .search-icon {
        height: 60px;
        line-height: 60px;
        -webkit-transform: scale(.85, .85) translateX(-13px);
        -ms-transform: scale(.85, .85) translateX(-13px);
        -o-transform: scale(.85, .85) translateX(-13px);
        transform: scale(.85, .85) translateX(-13px)
    }
    #searchform {
        display: block;
        position: absolute;
        right: 20px;
        top: 25px;
        height: 40px;
        width: 0;
        padding: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        overflow: hidden;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
        box-shadow: 0 0 3px rgba(0, 0, 0, .1);
        background: #fff;
        z-index: 3
    }
    #searchform .search-field {
        background: 0 0;
        color: #2e2e2e;
        width: 100%;
        line-height: 60px;
        height: 60px;
        opacity: 1;
        font-size: 1.125em;
        padding: 0 100px 0 15px;
        outline: 0
    }
    #searchform .search-submit {
        width: auto;
        height: auto;
        min-height: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        background: 0 0;
        line-height: inherit;
        font-size: inherit;
        min-width: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 20px;
        top: 10px;
        text-align: center;
        font-size: 18px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        opacity: 0;
        -webkit-transition: all .3s cubic-bezier(0, .97, .09, 1.01);
        -o-transition: all .3s cubic-bezier(0, .97, .09, 1.01);
        transition: all .3s cubic-bezier(0, .97, .09, 1.01)
    }
    #searchform .search-submit:active, #searchform .search-submit:focus, #searchform .search-submit:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    #searchform .search-submit:active, #searchform .search-submit:focus, #searchform .search-submit:hover {
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    #searchform .search-submit:after {
        display: none
    }
    #search-close {
        display: none
    }
    @-webkit-keyframes searchSlideInLg {
        from {
            width: 0;
            height: 40px;
            top: 25px
        }
        to {
            width: 300px;
            height: 60px;
            top: 15px
        }
    }
    @-o-keyframes searchSlideInLg {
        from {
            width: 0;
            height: 40px;
            top: 25px
        }
        to {
            width: 300px;
            height: 60px;
            top: 15px
        }
    }
    @keyframes searchSlideInLg {
        from {
            width: 0;
            height: 40px;
            top: 25px
        }
        to {
            width: 300px;
            height: 60px;
            top: 15px
        }
    }
    @-webkit-keyframes searchSlideOutLg {
        from {
            width: 300px;
            height: 60px;
            top: 15px
        }
        to {
            width: 0;
            height: 40px;
            top: 25px
        }
    }
    @-o-keyframes searchSlideOutLg {
        from {
            width: 300px;
            height: 60px;
            top: 15px
        }
        to {
            width: 0;
            height: 40px;
            top: 25px
        }
    }
    @keyframes searchSlideOutLg {
        from {
            width: 300px;
            height: 60px;
            top: 15px
        }
        to {
            width: 0;
            height: 40px;
            top: 25px
        }
    }
    .search-open #search-toggle {
        background: #e6f2eb;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-animation: none;
        -o-animation: none;
        animation: none
    }
    .search-open #searchform {
        -webkit-animation: searchSlideInLg .3s;
        -o-animation: searchSlideInLg .3s;
        animation: searchSlideInLg .3s;
        width: 300px;
        height: 60px;
        top: 15px;
        -webkit-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: cubic-bezier(0, .97, .09, 1.01);
        -o-animation-timing-function: cubic-bezier(0, .97, .09, 1.01);
        animation-timing-function: cubic-bezier(0, .97, .09, 1.01)
    }
    .search-open #searchform .search-field {
        opacity: 1;
        -webkit-transition: all .3s cubic-bezier(0, .97, .09, 1.01);
        -o-transition: all .3s cubic-bezier(0, .97, .09, 1.01);
        transition: all .3s cubic-bezier(0, .97, .09, 1.01)
    }
    .search-open #searchform .search-submit {
        right: 40px;
        opacity: 1;
        height: 60px;
        width: 60px;
        top: 0;
        line-height: 60px
    }
    .search-close #searchform {
        -webkit-animation: searchSlideOutLg .3s;
        -o-animation: searchSlideOutLg .3s;
        animation: searchSlideOutLg .3s;
        -webkit-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: cubic-bezier(.05, .64, .51, 1);
        -o-animation-timing-function: cubic-bezier(.05, .64, .51, 1);
        animation-timing-function: cubic-bezier(.05, .64, .51, 1)
    }
    .page-header .search-form .search-field {
        font-size: 4em
    }
    #language-toggle .language-code:before {
        background: url(http://www.atofina.vip/plus/static/images/site-icons/globe_white.svg) center center no-repeat
    }
    .sfHover #language-toggle .language-code:before {
        background: url(../image/globe.svg) center center no-repeat
    }
    .h1, h1 {
        font-size: 4em
    }
    .content-info {
        padding: 110px 0 0
    }
    .content-info .footer-bottom {
        padding-bottom: 60px
    }
    .content-info .footer-bottom ul li {
        margin-right: 15px;
        padding-left: 15px
    }
    .content-info .footer-bottom .footer-nav {
        max-width: none;
        display: inline-block;
        font-size: 18px
    }
    .content-info .footer-bottom .footer-nav a {
        text-decoration: none;
        font-weight: 400
    }
    .content-info .footer-bottom .footer-nav a:active, .content-info .footer-bottom .footer-nav a:focus, .content-info .footer-bottom .footer-nav a:hover {
        text-decoration: underline
    }
    .content-info .footer-bottom .copyright {
        margin-right: 15px;
        font-size: 18px
    }
    .content-info .footer-bottom .footer-logo {
        font-size: 18px
    }
    .content-info .contact-person {
        padding-left: 30%
    }
    .content-info .contact-person .person-thumb {
        width: 115px;
        height: 115px
    }
    .content-info .footer-button {
        margin-left: 30%
    }
    .block {
        padding: 30px 0
    }
    .block:first-child {
        padding-top: 60px
    }
    .block:last-child {
        padding-bottom: 60px
    }
    .block.block-product-intro {
        padding-top: 0
    }
    .block.block-product-intro .product-image .product-application-icons {
        display: none
    }
    .block.block-product-intro .product-application-icons {
        margin-top: 9px
    }
    .block.block-product-intro .product-applications {
        display: block;
        padding-left: 0
    }
    .block.block-product-intro .product-applications .application-icon {
        width: 90px;
        height: 110px;
        margin: 0;
        float: right;
        line-height: 110px
    }
    .block.block-product-intro .product-applications .application-icon svg {
        display: inline-block;
        vertical-align: middle
    }
    .featured-product {
        border-radius: 60px
    }
    .featured-product .col-content {
        padding: 70px 32px 0;
        height: 265px;
        position: relative
    }
    .featured-product .entry-title {
        font-size: 1.5em;
        margin-right: 60px
    }
    .featured-product .col-thumbnail {
        height: 265px;
        max-height: 265px
    }
    .featured-product .col-thumbnail img {
        left: 57%
    }
    .featured-product .featured-highlights {
        max-width: 260px
    }
    body.single-post .entry-content p:first-of-type {
        font-size: 1.5em
    }
    body.single-post .entry-content .entry-thumbnail {
        max-width: 350px
    }
    .sticky-button {
        padding-left: 65px
    }
    .product-categories-title {
        font-size: 1.5em
    }
    .products-archive .filters-wrapper {
        min-height: 100px;
        display: block
    }
    .products-archive .sticky #filters-toggle {
        top: 0;
        width: calc(1100px + 60px);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    .products-archive .sticky .filters {
        top: 70px;
        width: calc(1100px + 60px);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    #site-header {
        -webkit-transform: none!important;
        -ms-transform: none!important;
        -o-transform: none!important;
        transform: none!important
    }
    .content-info {
        padding: 110px 0 0
    }
    .content-info__portal {
        padding: 0 30px;
        left: 130px;
        -webkit-box-shadow: 5px -5px 5px rgba(0, 0, 0, .1);
        box-shadow: 5px -5px 5px rgba(0, 0, 0, .1)
    }
    .content-info .footer-bottom {
        padding-bottom: 60px
    }
    .content-info .footer-bottom ul li {
        margin-right: 15px;
        padding-left: 15px
    }
    .content-info .footer-bottom .footer-nav {
        max-width: none;
        display: inline-block;
        font-size: 18px
    }
    .content-info .footer-bottom .footer-nav a {
        text-decoration: none;
        font-weight: 400
    }
    .content-info .footer-bottom .footer-nav a:active, .content-info .footer-bottom .footer-nav a:focus, .content-info .footer-bottom .footer-nav a:hover {
        text-decoration: underline
    }
    .content-info .footer-bottom .copyright {
        margin-right: 15px;
        font-size: 18px
    }
    .content-info .footer-bottom .footer-logo {
        font-size: 18px
    }
    .content-info .contact-person {
        padding-left: 30%
    }
    .content-info .contact-person .person-thumb {
        width: 115px;
        height: 115px
    }
    .content-info .footer-button {
        margin-left: 30%
    }
}

body {
    background: url(../image/background_default.jpg) bottom center no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-attachment: fixed
}

body.single-product .application-icon svg path {
    fill: #027832
}

body.single-product.advanced {
    background: url(../image/BG-advanced.jpg) bottom center no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-attachment: fixed
}

body.single-product.trace-elements {
    background: url(../image/BG-trace.jpg) bottom center no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-attachment: fixed
}

body.single-product.water-soluble-npk, body.single-product.water-soluble-npks {
    background: url(../image/BG-WSNPK.jpg) bottom center no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-attachment: fixed
}

body.single-product.liquid-npk, body.single-product.liquid-npks {
    background: url(../image/BG-liquid.jpg) bottom center no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-attachment: fixed
}

body.single-product.humic-acids {
    background: url(../image/BG-human-acids.jpg) bottom center no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-attachment: fixed
}

body.single-product.seaweed {
    background: url(../image/BG-foliastim.jpg) bottom center no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-attachment: fixed
}

body.single-product.calcium-magnesium-derivates {
    background: url(../image/BG-foliastim.jpg) bottom center no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-attachment: fixed
}

body.single-product.new-solutions {
    background: url(../image/BG-foliastim.jpg) bottom center no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-attachment: fixed
}

body.single-product.ipe-technology {
    background: url(../image/BG-foliastim.jpg) bottom center no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-attachment: fixed
}

body.single-product .block.block-product-knowledge, body.single-product .page-header {
    background: #027832
}

body.single-product.advanced .application-icon svg path {
    fill: #54a0ba
}

body.single-product.trace-elements .application-icon svg path {
    fill: #c08d00
}

body.single-product.water-soluble-npk .application-icon svg path, body.single-product.water-soluble-npks .application-icon svg path {
    fill: #7f69b3
}

body.single-product.liquid-npk .application-icon svg path, body.single-product.liquid-npks .application-icon svg path {
    fill: #006198
}

body.single-product.humic-acids .application-icon svg path {
    fill: #695d15
}

body.single-product.seaweed .application-icon svg path {
    fill: #00a499
}

body.single-product.calcium-magnesium-derivates .application-icon svg path {
    fill: #6f2b90
}

body.single-product.new-solutions .application-icon svg path {
    fill: #b65c43
}

body.single-product.ipe-technology .application-icon svg path {
    fill: #6e7b19
}

.brand {
    height: 40px;
    width: 112px;
    background: url(../image/logo.svg) center center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

@media (min-width:768px) {
    .brand {
        height: 50px;
        width: 140px
    }
}

@media (min-width:1280px) {
    .brand {
        position: absolute;
        left: -56px;
        width: 242px;
        height: 87px;
        top: 90px;
        -webkit-transform: rotate(90deg) translate(0, 0);
        -ms-transform: rotate(90deg) translate(0, 0);
        -o-transform: rotate(90deg) translate(0, 0);
        transform: rotate(90deg) translate(0, 0)
    }
}

.page-header {
    border-bottom-left-radius: 50% 50px;
    border-bottom-right-radius: 50% 50px
}

@media (min-width:768px) {
    .page-header {
        border-bottom-left-radius: 50% 160px;
        border-bottom-right-radius: 50% 160px
    }
}

.page-template-template-portal-confirmation-twig, .page-template-template-portal-frontpage-twig, .page-template-template-portal-login-twig, .page-template-template-portal-profile-twig, .page-template-template-portal-signup-twig {
    padding-top: 90px
}

@media (min-width:768px) {
    .page-template-template-portal-confirmation-twig, .page-template-template-portal-frontpage-twig, .page-template-template-portal-login-twig, .page-template-template-portal-profile-twig, .page-template-template-portal-signup-twig {
        padding-bottom: 80px;
        padding-top: 120px
    }
}

@media (min-width:1280px) {
    .page-template-template-portal-confirmation-twig, .page-template-template-portal-frontpage-twig, .page-template-template-portal-login-twig, .page-template-template-portal-profile-twig, .page-template-template-portal-signup-twig {
        padding-top: 180px
    }
}

.content-info__portal {
    color: #2e2e2e;
    display: block;
    z-index: 1;
    height: 60px;
    background: #fff;
    min-height: 60px;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: 0 0 5px rgba(2, 120, 50, .1);
    box-shadow: 0 0 5px rgba(2, 120, 50, .1);
    border-radius: 0;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 998
}

@media (min-width:1280px) {
    .content-info__portal {
        -webkit-box-shadow: 10px 0 10px rgba(2, 120, 50, .1);
        box-shadow: 10px 0 10px rgba(2, 120, 50, .1);
        z-index: 1000
    }
}

.page-template-template-portal-library-twig {
    padding-top: 100px
}

@media (min-width:768px) {
    .page-template-template-portal-library-twig {
        padding-bottom: 80px
    }
}

@media (min-width:1280px) {
    .page-template-template-portal-library-twig {
        padding-top: 130px
    }
}

.page-template-template-portal-library-twig #body-wrapper {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width:768px) {
    .page-template-template-portal-library-twig #body-wrapper {
        padding-left: 240px
    }
}

@media (min-width:1280px) {
    .page-template-template-portal-library-twig #body-wrapper {
        padding-left: 300px
    }
}

@media (min-width:768px) {
    .page-template-template-portal-library-twig .downloads-archive {
        min-height: calc(100vh - 160px)
    }
}

@media (min-width:1280px) {
    .page-template-template-portal-library-twig .downloads-archive {
        min-height: calc(100vh - 190px)
    }
}

@media (min-width:768px) {
    .page-template-template-portal-library-twig .downloads-archive .container {
        max-width: calc(100% - 60px)
    }
}

.form__wrapper {
    border: 1px solid #14703b;
    background: #fff;
    padding: 30px;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 30px
}

@media (min-width:768px) {
    .form__wrapper {
        padding: 50px;
        border-radius: 45px
    }
}

@media (min-width:1024px) {
    .form__wrapper {
        padding: 60px;
        border-radius: 60px
    }
}

.form__wrapper form {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .form__login {
        max-width: 50%
    }
}

.form__header {
    margin-bottom: 20px
}

.form__title {
    margin-top: 0;
    margin-bottom: 0;
    color: #027832;
    display: inline-block;
    margin-right: 15px
}

@media (min-width:768px) {
    .form__title {
        font-size: 42px;
        line-height: 50px
    }
}

.form__content {
    margin-bottom: 30px
}

.banner--portal .brand {
    left: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80px;
    z-index: 1
}

@media (min-width:1280px) {
    .banner--portal .brand {
        position: absolute;
        -webkit-background-size: 100% auto;
        background-size: 100% auto
    }
}

@media (min-width:1280px) {
    .banner--portal .branding {
        -webkit-box-shadow: 0 0 10px rgba(2, 120, 50, .1);
        box-shadow: 0 0 10px rgba(2, 120, 50, .1)
    }
}

@media (min-width:1280px) {
    body.admin-bar .portal-header {
        top: 32px
    }
}

.portal-header {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    -webkit-box-shadow: 0 5px 5px rgba(2, 120, 50, .1);
    box-shadow: 0 5px 5px rgba(2, 120, 50, .1);
    line-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 110px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    z-index: 0
}

@media (min-width:1280px) {
    .portal-header {
        position: fixed;
        background: #fff;
        top: 0;
        left: 130px;
        right: 0;
        padding: 0;
        width: auto;
        height: 130px;
        border-top: none;
        -webkit-box-shadow: 5px 5px 5px rgba(2, 120, 50, .1);
        box-shadow: 5px 5px 5px rgba(2, 120, 50, .1)
    }
}

.portal-header__back {
    color: #2e2e2e;
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

.portal-header__title {
    margin: 0;
    padding: 0;
    color: #027832;
    font-size: 1rem
}

@media (min-width:768px) {
    .portal-header__title {
        font-size: 28px
    }
}

@media (min-width:1280px) {
    .portal-header__title {
        font-size: 44px
    }
}

.user-navigation {
    position: absolute;
    top: calc(100% + 15px);
    right: -10px;
    pointer-events: none;
    background: #fff;
    width: 200px;
    opacity: 0
}

.user-navigation--active {
    opacity: 1;
    pointer-events: auto;
    -webkit-box-shadow: 0 0 8px rgba(2, 120, 50, .1);
    box-shadow: 0 0 8px rgba(2, 120, 50, .1)
}

.user-navigation--active:before {
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-box-shadow: 5px 5px 5px rgba(2, 120, 50, .1);
    box-shadow: 5px 5px 5px rgba(2, 120, 50, .1);
    position: absolute;
    right: 16px;
    background: #fff;
    bottom: calc(100% - 12px);
    z-index: 1
}

.user-navigation--active .user-menu__close {
    display: block
}

.user-navigation--active .user-menu__close::after {
    opacity: 1;
    pointer-events: auto
}

.user-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    height: 28px;
    width: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-menu__login, .user-menu__open {
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: auto;
    height: 28px;
    white-space: nowrap;
    background: #fff;
    min-width: 28px
}

.user-menu__login:active, .user-menu__login:focus, .user-menu__login:hover, .user-menu__open:active, .user-menu__open:focus, .user-menu__open:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.user-menu__login:active, .user-menu__login:focus, .user-menu__login:hover, .user-menu__open:active, .user-menu__open:focus, .user-menu__open:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.user-menu__login:after, .user-menu__open:after {
    display: none
}

.user-menu__login .icon, .user-menu__open .icon {
    width: 28px;
    height: 28px;
    display: block;
    background: url(../image/user.svg) center center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0
}

.user-menu__login .user-name, .user-menu__open .user-name {
    display: none;
    font-weight: 700;
    line-height: 28px;
    height: 28px;
    font-size: 14px;
    text-align: left;
    padding-left: 40px;
    color: #2e2e2e
}

@media (min-width:768px) {
    .user-menu__login .user-name, .user-menu__open .user-name {
        display: block
    }
}

.user-menu__login {
    text-decoration: none
}

.user-menu__login:active, .user-menu__login:focus, .user-menu__login:hover {
    text-decoration: underline
}

.user-menu__login .user-name {
    text-decoration: none
}

.user-menu__login::after {
    display: none
}

.user-menu__close {
    display: none;
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 50%;
    background: #027832 url(../image/close_white.svg) center center no-repeat;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
    position: absolute;
    right: 10px;
    bottom: calc(100% + 15px);
    cursor: pointer
}

.user-menu__close::after {
    content: '';
    display: block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: -1
}

.user-menu__info {
    display: block;
    padding: 20px;
    min-height: 24px;
    color: #2e2e2e;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.user-menu__info .icon-user {
    width: 28px;
    height: 28px;
    display: block;
    border-radius: 50%;
    background: url(../image/user.svg) center center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    left: 20px;
    top: 16px
}

.user-menu__info .user-name {
    display: block;
    font-weight: 700;
    line-height: 24px;
    margin-top: -3px;
    font-size: 14px;
    text-align: left;
    padding-left: 40px
}

.user-nav {
    margin: 0;
    padding: 0
}

.user-nav__item {
    padding: 10px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.user-nav__item:last-child {
    border: none
}

.user-nav-is-active .user-menu__open {
    display: none
}

body.page-template-template-portal-library-twig.admin-bar .filters {
    top: 105px
}

@media (min-width:768px) {
    body.page-template-template-portal-library-twig.admin-bar .filters {
        top: 112px
    }
}

@media (min-width:1280px) {
    body.page-template-template-portal-library-twig.admin-bar .filters {
        top: 162px
    }
}

body.page-template-template-portal-library-twig.admin-bar .filters.open {
    top: 46px
}

@media (min-width:768px) {
    body.page-template-template-portal-library-twig.admin-bar .filters.open {
        top: 112px
    }
}

body.page-template-template-portal-library-twig.admin-bar .filters.open .filters__wrapper {
    top: 87px;
    height: calc(100vh - 147px)
}

@media (min-width:768px) {
    body.page-template-template-portal-library-twig.admin-bar .filters.open .filters__wrapper {
        top: 60px;
        height: auto
    }
}

@media (min-width:768px) {
    body.page-template-template-portal-library-twig.admin-bar .filters .filters__wrapper {
        top: 60px;
        height: auto
    }
}

.page-template-template-portal-library-twig .filters {
    background: #fff;
    position: fixed;
    left: 0;
    top: 60px;
    width: 100%;
    border-right: 1px solid #14703b;
    z-index: 1000;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media (min-width:768px) {
    .page-template-template-portal-library-twig .filters {
        left: 0;
        width: 240px;
        top: 80px;
        bottom: 60px;
        z-index: 998
    }
    .page-template-template-portal-library-twig .filters.open {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media (min-width:1280px) {
    .page-template-template-portal-library-twig .filters {
        left: 130px;
        top: 130px;
        width: 300px
    }
}

.page-template-template-portal-library-twig .filters.open {
    top: 0
}

@media (min-width:768px) {
    .page-template-template-portal-library-twig .filters.open {
        top: 80px
    }
}

@media (min-width:1280px) {
    .page-template-template-portal-library-twig .filters.open {
        top: 130px
    }
}

.page-template-template-portal-library-twig .filters.open .filters__wrapper {
    top: 41px;
    opacity: 1;
    height: calc(100vh - 101px);
    overflow-y: auto;
    overflow-x: hidden
}

@media (min-width:768px) {
    .page-template-template-portal-library-twig .filters.open .filters__wrapper {
        top: 60px
    }
}

.page-template-template-portal-library-twig .filters.open .filters__header {
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-template-template-portal-library-twig .filters.open .filters__header:before {
    background: #027832 url(../image/close_white.svg) center center no-repeat;
    -webkit-background-size: 12px auto;
    background-size: 12px auto
}

@media (min-width:768px) {
    .page-template-template-portal-library-twig .filters.open .filters__header:before {
        background: #027832 url(../image/filter.svg) center center no-repeat;
        -webkit-background-size: 14px auto;
        background-size: 14px auto
    }
}

.page-template-template-portal-library-twig .filters.open .filters__footer {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.page-template-template-portal-library-twig .filters__header {
    -webkit-box-shadow: inset 0 5px 5px rgba(2, 120, 50, .1);
    box-shadow: inset 0 5px 5px rgba(2, 120, 50, .1);
    border-bottom: 1px solid #14703b;
    position: relative;
    padding: 0 20px
}

@media (min-width:768px) {
    .page-template-template-portal-library-twig .filters__header {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.page-template-template-portal-library-twig .filters__header:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: #027832 url(../image/filter.svg) center center no-repeat;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width:768px) {
    .page-template-template-portal-library-twig .filters__header:before {
        width: 25px;
        height: 25px;
        -webkit-background-size: 14px auto;
        background-size: 14px auto
    }
}

.page-template-template-portal-library-twig .filters__title {
    font-size: 18px;
    color: #027832;
    margin: 0;
    height: 40px;
    line-height: 40px
}

@media (min-width:768px) {
    .page-template-template-portal-library-twig .filters__title {
        font-size: 24px;
        height: 60px;
        line-height: 60px
    }
}

.page-template-template-portal-library-twig .filters__toggle {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    margin: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0
}

.page-template-template-portal-library-twig .filters__toggle:active, .page-template-template-portal-library-twig .filters__toggle:focus, .page-template-template-portal-library-twig .filters__toggle:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-template-template-portal-library-twig .filters__toggle:active, .page-template-template-portal-library-twig .filters__toggle:focus, .page-template-template-portal-library-twig .filters__toggle:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-template-template-portal-library-twig .filters__toggle:after {
    display: none
}

@media (min-width:768px) {
    .page-template-template-portal-library-twig .filters__toggle {
        display: none
    }
}

.page-template-template-portal-library-twig .filters__apply {
    width: 100%
}

@media (min-width:768px) {
    .page-template-template-portal-library-twig .filters__apply {
        display: none
    }
}

.page-template-template-portal-library-twig .filters__wrapper {
    margin: 0;
    position: fixed;
    top: 146px;
    left: 0;
    right: 0;
    height: 0;
    background: #fff;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.page-template-template-portal-library-twig .filters__wrapper::-webkit-scrollbar {
    display: none;
    opacity: 0!important;
    width: 0!important;
    height: 0!important
}

@media (min-width:768px) {
    .page-template-template-portal-library-twig .filters__wrapper {
        position: absolute;
        background: 0 0;
        overflow: auto;
        height: auto;
        bottom: 0;
        opacity: 1;
        top: 61px
    }
}

.page-template-template-portal-library-twig .filters__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.page-template-template-portal-library-twig .filter {
    list-style: none;
    margin: 0 20px 30px
}

.page-template-template-portal-library-twig .filter:first-child {
    margin-top: 20px
}

.page-template-template-portal-library-twig .filter .facetwp-checkbox {
    display: none
}

.page-template-template-portal-library-twig .filter .facetwp-checkbox:nth-child(-n+4) {
    display: block
}

.page-template-template-portal-library-twig .filter__label {
    color: #2f2f2f;
    opacity: .5;
    font-size: 1rem;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px
}

.page-template-template-portal-library-twig .filter--more .filter__more {
    display: inline-block
}

.page-template-template-portal-library-twig .filter--all .facetwp-checkbox {
    display: block
}

.page-template-template-portal-library-twig .filter--all .filter__more {
    display: none
}

.page-template-template-portal-library-twig .filter__more {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0;
    line-height: inherit;
    font-size: inherit;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: none;
    color: #027832;
    text-decoration: underline
}

.page-template-template-portal-library-twig .filter__more:active, .page-template-template-portal-library-twig .filter__more:focus, .page-template-template-portal-library-twig .filter__more:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-template-template-portal-library-twig .filter__more:active, .page-template-template-portal-library-twig .filter__more:focus, .page-template-template-portal-library-twig .filter__more:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-template-template-portal-library-twig .filter__more:after {
    display: none
}

.page-template-template-portal-library-twig .filter__more:active, .page-template-template-portal-library-twig .filter__more:focus, .page-template-template-portal-library-twig .filter__more:hover {
    color: #027832;
    text-decoration: none
}

.download-portal, .downloads-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    position: relative;
    margin: 0;
    height: auto;
    min-height: 80px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 40px 10px 50px
}

@media (min-width:768px) {
    .download-portal, .downloads-header {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0 40px 0 50px
    }
}

.download-portal:active, .download-portal:focus, .download-portal:hover, .downloads-header:active, .downloads-header:focus, .downloads-header:hover {
    color: #027832!important
}

.download-portal:active .download-portal__title, .download-portal:focus .download-portal__title, .download-portal:hover .download-portal__title, .downloads-header:active .download-portal__title, .downloads-header:focus .download-portal__title, .downloads-header:hover .download-portal__title {
    text-decoration: underline
}

.download-portal__column, .downloads-header__column {
    width: 20%;
    z-index: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width:768px) {
    .download-portal__column, .downloads-header__column {
        padding: 10px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.download-portal__column--main, .downloads-header__column--main {
    width: 100%;
    padding-bottom: 10px
}

@media (min-width:768px) {
    .download-portal__column--main, .downloads-header__column--main {
        padding-bottom: 0;
        width: calc(100% - 300px)
    }
}

.download-portal__column--filetype, .downloads-header__column--filetype {
    width: 100%;
    pointer-events: none;
    font-size: 12px;
    color: #2e2e2e
}

@media (min-width:768px) {
    .download-portal__column--filetype, .downloads-header__column--filetype {
        width: 150px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1rem
    }
}

.download-portal__column--language, .downloads-header__column--language {
    width: 100%;
    z-index: 2;
    padding: 5px 0 0;
    pointer-events: auto
}

@media (min-width:768px) {
    .download-portal__column--language, .downloads-header__column--language {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 65px;
        padding: 10px 0
    }
}

.download-portal__column--language select, .downloads-header__column--language select {
    width: 55px;
    display: inline-block;
    background-position: right 0 top 50%;
    margin: 0
}

@media (min-width:768px) {
    .download-portal__column--language select, .downloads-header__column--language select {
        width: 100%;
        margin: 0 auto
    }
}

.download-portal__column--icon, .downloads-header__column--icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    pointer-events: none;
    pointer-events: auto;
    z-index: 0;
    padding: 0
}

@media (min-width:768px) {
    .download-portal__column--icon, .downloads-header__column--icon {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

.download-portal__thumbnail, .downloads-header__thumbnail {
    width: 40px;
    height: calc(100% - 20px);
    position: absolute;
    left: -50px;
    top: 10px
}

.download-portal__title, .downloads-header__title {
    display: block;
    font-size: 1rem
}

@media (min-width:768px) {
    .download-portal__title, .downloads-header__title {
        font-size: 18px
    }
}

.download-portal__title--filename, .downloads-header__title--filename {
    display: block;
    font-size: 14px
}

.download-portal__label, .downloads-header__label {
    display: inline-block;
    margin-right: 10px;
    width: 70px;
    font-size: 12px;
    color: #2e2e2e
}

@media (min-width:768px) {
    .download-portal__label, .downloads-header__label {
        display: none
    }
}

.download-portal__link, .downloads-header__link {
    position: relative;
    z-index: -1;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.download-portal__link:before, .downloads-header__link:before {
    content: '';
    display: block;
    position: absolute;
    right: -10px;
    top: 0;
    width: calc(100vw - 40px);
    height: 100%;
    -webkit-transition: background-color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

@media (min-width:768px) {
    .download-portal__link:before, .downloads-header__link:before {
        width: calc(100% + 20px)
    }
}

@media (min-width:1024px) {
    .download-portal__link:before, .downloads-header__link:before {
        right: -15px;
        width: calc(100% + 30px)
    }
}

.download-portal__link:active, .download-portal__link:focus, .download-portal__link:hover, .downloads-header__link:active, .downloads-header__link:focus, .downloads-header__link:hover {
    color: #027832;
    cursor: pointer
}

.download-portal__link:active:before, .download-portal__link:focus:before, .download-portal__link:hover:before, .downloads-header__link:active:before, .downloads-header__link:focus:before, .downloads-header__link:hover:before {
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(2, 120, 50, .1);
    box-shadow: 0 0 10px rgba(2, 120, 50, .1)
}

.download-portal__link:active .download-portal__link--text, .download-portal__link:focus .download-portal__link--text, .download-portal__link:hover .download-portal__link--text, .downloads-header__link:active .download-portal__link--text, .downloads-header__link:focus .download-portal__link--text, .downloads-header__link:hover .download-portal__link--text {
    text-decoration: underline
}

.download-portal__link--text, .downloads-header__link--text {
    font-size: 12px;
    text-decoration: underline;
    position: absolute;
    bottom: 16px;
    right: 0
}

@media (min-width:768px) {
    .download-portal__link--text, .downloads-header__link--text {
        font-size: 1rem;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.download-portal__icon, .downloads-header__icon {
    display: none;
    width: 20px;
    height: 20px;
    background: url(../image/download.svg) center center no-repeat;
    -webkit-background-size: 18px auto;
    background-size: 18px auto;
    margin: 30px auto 0;
    z-index: 1
}

.downloads {
    max-width: 967px;
    margin: 0 auto
}

.downloads__list {
    width: 100%;
    margin: 0;
    padding: 0
}

.downloads-header {
    display: none;
    border-bottom: 1px solid #3c3c3b;
    min-height: 60px
}

@media (min-width:768px) {
    .downloads-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.downloads-header__column {
    font-size: 14px
}

@media (min-width:1024px) {
    .downloads-header__column {
        font-size: 18px
    }
}

.downloads-header__column--filetype {
    font-size: 14px
}

@media (min-width:1024px) {
    .downloads-header__column--filetype {
        font-size: 18px
    }
}

.portal-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:768px) {
    .portal-tools {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.portal-tools__title {
    color: #027832;
    text-align: center;
    font-family: barmeno, sans-serif
}

.portal-tool {
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:768px) {
    .portal-tool {
        width: 50%;
        padding: 0 24px;
        margin-bottom: 30px!important
    }
}

@media (min-width:1024px) {
    .portal-tool {
        width: 33.333%
    }
}

@media (min-width:1280px) {
    .portal-tool {
        padding: 0 32px
    }
}

.portal-tool__title {
    color: #027832;
    font-size: 1.625rem;
    margin-bottom: 15px
}

.portal-tool__thumbnail {
    margin-bottom: 20px;
    height: 160px
}

@media (min-width:768px) {
    .portal-tool__thumbnail {
        height: 200px
    }
}

.portal-tool__thumbnail img {
    max-height: 160px
}

@media (min-width:768px) {
    .portal-tool__thumbnail img {
        max-height: 200px
    }
}

.portal-tool__description {
    margin-bottom: 15px
}

.portal-tool__button {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media (min-width:768px) {
    .banner--portal .brand {
        width: 112px;
        left: 20px
    }
}

@media (min-width:1280px) {
    .banner--portal .brand {
        display: block;
        position: absolute;
        left: -56px;
        width: 242px;
        height: 87px;
        top: 90px;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        -webkit-transform: rotate(90deg) translate(0, 0);
        -ms-transform: rotate(90deg) translate(0, 0);
        -o-transform: rotate(90deg) translate(0, 0);
        transform: rotate(90deg) translate(0, 0)
    }
}