/*!

Theme Name: Liberon

Theme URI: www.liberon.co.uk

Author: Stephane Nicolas

Author URI: http://www.wilddogdesign.co.uk

Description: WordPress  theme

Version: 1.0

License: The MIT License (MIT)

License URI: http://opensource.org/licenses/MIT

Text Domain: v33

Tags: fluid-layout, editor-style, featured-images, theme-options, light, responsive-layout, full-width-template

*/

@charset "UTF-8";

/*!



ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZZZZZZZZ WILD DOG DESIGN ZZZZZZZZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ~ ...ZZZZZZZZZZ

ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ... ....ZZZZZZZZZ

ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ. ..   ....+ZZZZZZZ

ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZI.           .. ZZZZZZ

ZZZZZZZZZZZZZZZZZZZZZZ$+,.~IZZZZZZZZ?....       ... .ZZZZZZZ

ZZZZZZZZZZZZZZZZZZ$... ...     .... ..          .. .?ZZZZZZZ

ZZZZZZZZZZZZZZZZZ...                            .ZZZZZZZZZZZ

ZZZZZZZZZZZZZZZZ....                            ~ZZZZZZZZZZZ

ZZZZZZZZZZZZZZZI.                             ..ZZZZZZZZZZZZ

ZZZZZZZZZZ$+:....                            ...ZZZZZZZZZZZZ

ZZZZZZZZ....  ...        .... .              ..,ZZZZZZZZZZZZ

ZZZZZ=...... ...        .......              ..ZZZZZZZZZZZZZ

ZZZZ......?:$ZZZ        ..,~...              ?ZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZZZ.   . ..ZZZZZZZZ7.. ..   ...ZZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZZ..   ...ZZZZZZZZZZZZ7..   ..ZZZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZ+. ...~$ZZZZZZZZZZZZZZ..   ..ZZZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZZ... ZZZZZZZZZZZZZZZZZ .   . ZZZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZ....ZZZZZZZZZZZZZZZZZZ7 .....ZZZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZ+. ...ZZZZZZZZZZZZZZZZZZZ+.....,ZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZZ=+IZZZZZZZZZZZZZZZZZZZZZZ?:~+$ZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ

ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ



*/
/*

 * inuitcss, by @csswizardry

 *
 font-family: 'EB Garamond', serif; H1,h2
font-family: 'Open Sans', sans-serif; 

 * github.com/inuitcss | inuitcss.com

 */





 @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,500&family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,600&display=swap');



.owl-theme .owl-dots,
.owl-theme .owl-nav,
.vex-dialog-button {
    -webkit-tap-highlight-color: transparent
}

.vex-dialog-button,
select {
    -webkit-appearance: none;
    -moz-appearance: none
}

.vex,
.vex *,
.vex :after,
.vex :before,
html {
    box-sizing: border-box
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    /* background: #D6D6D6; */
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

legend,
td,
th {
    padding: 0
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #ca9b52;
    color: #FFF;
    text-decoration: none;
    border : none;
}



.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

@keyframes vex-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes vex-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes vex-rotation {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0)
    }

    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg)
    }
}

.vex {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1111;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.vex-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.vex-loading-spinner,
.vex-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

body.vex-open,
svg:not(:root) {
    overflow: hidden
}

.vex-overlay {
    animation: vex-fadein .5s;
    -webkit-animation: vex-fadein .5s;
    -moz-animation: vex-fadein .5s;
    -ms-animation: vex-fadein .5s;
    -o-animation: vex-fadein .5s;
    -webkit-backface-visibility: hidden;
    background: rgba(0, 0, 0, .4)
}

.vex-content,
.vex-loading-spinner {
    -webkit-backface-visibility: hidden;
    background: #fff
}

.vex.vex-closing .vex-overlay {
    animation: vex-fadeout .5s;
    -webkit-animation: vex-fadeout .5s;
    -moz-animation: vex-fadeout .5s;
    -ms-animation: vex-fadeout .5s;
    -o-animation: vex-fadeout .5s;
    -webkit-backface-visibility: hidden
}

.vex-content {
    animation: vex-fadein .5s;
    -webkit-animation: vex-fadein .5s;
    -moz-animation: vex-fadein .5s;
    -ms-animation: vex-fadein .5s;
    -o-animation: vex-fadein .5s
}

.vex.vex-closing .vex-content {
    animation: vex-fadeout .5s;
    -webkit-animation: vex-fadeout .5s;
    -moz-animation: vex-fadeout .5s;
    -ms-animation: vex-fadeout .5s;
    -o-animation: vex-fadeout .5s;
    -webkit-backface-visibility: hidden
}

.vex-close:before {
    font-family: Arial, sans-serif;
    content: "\00D7"
}

.vex-dialog-form {
    margin: 0
}

.vex-dialog-button {
    text-rendering: optimizeLegibility;
    cursor: pointer
}

.vex-loading-spinner {
    animation: vex-rotation .7s linear infinite;
    -webkit-animation: vex-rotation .7s linear infinite;
    -moz-animation: vex-rotation .7s linear infinite;
    -ms-animation: vex-rotation .7s linear infinite;
    -o-animation: vex-rotation .7s linear infinite;
    box-shadow: 0 0 1em rgba(0, 0, 0, .1);
    z-index: 1112;
    margin: auto;
    height: 2em;
    width: 2em
}

body,
fieldset {
    margin: 0
}

pre,
textarea {
    overflow: auto
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
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,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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
}

figure {
    margin: 1em 40px
}

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

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

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

h4,
html {
    line-height: 1.5
}

h1,
h2 {
    font-family: 'EB Garamond', serif!important;
    font-style: italic;
    line-height: 1.2;

}

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] {
    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;
    box-sizing: content-box
}

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

legend {
    border: 0
}

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

html {
    font-size: 1em;
    background-color: #fff;
    color: #575756;
    overflow-y: scroll;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

*,
:after,
:before {
    box-sizing: inherit
}

img {
    border: 0;
    max-width: 100%;
    font-style: italic;
    vertical-align: middle
}

.gm-style img,
img[height],
img[width] {
    max-width: none
}

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

h2 {
    font-size: 36px;
    
    line-height: 1.2
}

h3 {
    font-size: 24px;
    
    line-height: 1.2;
    text-transform: uppercase;
}

h4 {
    font-size: 16px;
    
}

h5 {
    font-size: 16px;
    
}

h6 {
    font-size: 12px;
   
    line-height: 2
}

.howtocontent  h2{
    font-family: 'Open Sans', sans-serif!important; 
    font-size: 18px;
    font-weight: 600!important;
    text-transform: uppercase;
    font-style: normal!important;
}

.howtocontent  h3{
    font-family: 'Open Sans', sans-serif!important; 
    font-size: 16px;
    font-weight: 500!important;
    text-transform:unset!important;
    
}

.field,
input[type=search],
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=email],
input[type=url],
input[type=tel],
input[type=color],
input[type=number],
select,
textarea {
    display: block;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #333;
    vertical-align: middle;
    border: 1px solid #666;
    z-index: 1;
    cursor: pointer;
    transition: background-color .24s ease-in-out
}

.contact .field,
.contact input[type=search],
.contact input[type=text],
.contact input[type=password],
.contact input[type=datetime],
.contact input[type=datetime-local],
.contact input[type=date],
.contact input[type=month],
.contact input[type=time],
.contact input[type=week],
.contact input[type=email],
.contact input[type=url],
.contact input[type=tel],
.contact input[type=color],
.contact input[type=number],
.contact select,
.contact textarea {
    width: 100%
}

.field label.captcha input,
input[type=search] label.captcha input,
input[type=text] label.captcha input,
input[type=password] label.captcha input,
input[type=datetime] label.captcha input,
input[type=datetime-local] label.captcha input,
input[type=date] label.captcha input,
input[type=month] label.captcha input,
input[type=time] label.captcha input,
input[type=week] label.captcha input,
input[type=email] label.captcha input,
input[type=url] label.captcha input,
input[type=tel] label.captcha input,
input[type=color] label.captcha input,
input[type=number] label.captcha input,
select label.captcha input,
textarea label.captcha input {
    width: 50%
}

.btn--full-width,
.pack,
.table {
    width: 100%
}

.btn--submit >p{
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

.field::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=color]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #666
}

.field::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=week]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=color]::-moz-placeholder,
input[type=number]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #666
}

.field:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=datetime]:-moz-placeholder,
input[type=datetime-local]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=month]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=week]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=color]:-moz-placeholder,
input[type=number]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    color: #666
}

.field:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=color]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #666
}

.field:active,
.field:focus,
input[type=search]:active,
input[type=search]:focus,
input[type=text]:active,
input[type=text]:focus,
input[type=password]:active,
input[type=password]:focus,
input[type=datetime]:active,
input[type=datetime]:focus,
input[type=datetime-local]:active,
input[type=datetime-local]:focus,
input[type=date]:active,
input[type=date]:focus,
input[type=month]:active,
input[type=month]:focus,
input[type=time]:active,
input[type=time]:focus,
input[type=week]:active,
input[type=week]:focus,
input[type=email]:active,
input[type=email]:focus,
input[type=url]:active,
input[type=url]:focus,
input[type=tel]:active,
input[type=tel]:focus,
input[type=color]:active,
input[type=color]:focus,
input[type=number]:active,
input[type=number]:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
    background-color: #ededed;
    border: none!important;
    /* color: #111 */
}

.field.error,
.field.is-invalid,
input[type=search].error,
input[type=search].is-invalid,
input[type=text].error,
input[type=text].is-invalid,
input[type=password].error,
input[type=password].is-invalid,
input[type=datetime].error,
input[type=datetime].is-invalid,
input[type=datetime-local].error,
input[type=datetime-local].is-invalid,
input[type=date].error,
input[type=date].is-invalid,
input[type=month].error,
input[type=month].is-invalid,
input[type=time].error,
input[type=time].is-invalid,
input[type=week].error,
input[type=week].is-invalid,
input[type=email].error,
input[type=email].is-invalid,
input[type=url].error,
input[type=url].is-invalid,
input[type=tel].error,
input[type=tel].is-invalid,
input[type=color].error,
input[type=color].is-invalid,
input[type=number].error,
input[type=number].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid {
    color: #d12328;
    border-color: #d12328;
    background-color: #fff;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
    outline-color: #d12328
}

.field.is-valid,
.field.success,
input[type=search].is-valid,
input[type=search].success,
input[type=text].is-valid,
input[type=text].success,
input[type=password].is-valid,
input[type=password].success,
input[type=datetime].is-valid,
input[type=datetime].success,
input[type=datetime-local].is-valid,
input[type=datetime-local].success,
input[type=date].is-valid,
input[type=date].success,
input[type=month].is-valid,
input[type=month].success,
input[type=time].is-valid,
input[type=time].success,
input[type=week].is-valid,
input[type=week].success,
input[type=email].is-valid,
input[type=email].success,
input[type=url].is-valid,
input[type=url].success,
input[type=tel].is-valid,
input[type=tel].success,
input[type=color].is-valid,
input[type=color].success,
input[type=number].is-valid,
input[type=number].success,
select.is-valid,
select.success,
textarea.is-valid,
textarea.success {
    color: #00964d;
    border-color: #00964d;
    background-color: #fff;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
    outline-color: #00964d
}

.field.is-disabled,
.field[disabled],
input[type=search].is-disabled,
input[type=search][disabled],
input[type=text].is-disabled,
input[type=text][disabled],
input[type=password].is-disabled,
input[type=password][disabled],
input[type=datetime].is-disabled,
input[type=datetime][disabled],
input[type=datetime-local].is-disabled,
input[type=datetime-local][disabled],
input[type=date].is-disabled,
input[type=date][disabled],
input[type=month].is-disabled,
input[type=month][disabled],
input[type=time].is-disabled,
input[type=time][disabled],
input[type=week].is-disabled,
input[type=week][disabled],
input[type=email].is-disabled,
input[type=email][disabled],
input[type=url].is-disabled,
input[type=url][disabled],
input[type=tel].is-disabled,
input[type=tel][disabled],
input[type=color].is-disabled,
input[type=color][disabled],
input[type=number].is-disabled,
input[type=number][disabled],
select.is-disabled,
select[disabled],
textarea.is-disabled,
textarea[disabled] {
    cursor: not-allowed;
    border-color: #cecece;
    opacity: .6
}

input[type=password] {
    letter-spacing: .3em
}

input[type=submit] {
    border-radius: 0;
    border: 0;
    text-transform: uppercase;
    background: 0 0
}

textarea {
    max-width: 100%;
    min-height: 120px;
    line-height: 1.5em;
    padding: 10px;
    height: auto
}

select {
    background: #fff;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.styled-select {
    background-image: url(../img/v.svg);
    background-position: right .75rem top 50% !important;
    background-repeat: no-repeat !important
}

.styled-select:hover {
    background-color: transparent !important;
    color: #333 !important
}

fieldset {
    border: 0;
    padding: 0
}

label {
    font-size: 1.1em;
    line-height: 1.8em
}

.newsletter-item label {
    font-size: .875em
}

.newsletter-item label input {
    margin-right: .5em
}

.newsletter-item .wpcf7-list-item {
    margin-left: 0 !important
}

.wpcf7-response-output {
    clear: both
}

.layout {
    list-style: none;
    margin: 0 0 0 -24px;
    padding: 0
}

.layout__item {
    display: inline-block;
    padding-left: 24px;
    vertical-align: top;
    /* width: 100% */
}

.layout--tiny {
    margin-left: -6px
}

.layout--tiny>.layout__item {
    padding-left: 6px
}

.layout--small {
    margin-left: -12px
}

.layout--small>.layout__item {
    padding-left: 12px
}

.layout--large {
    margin-left: -48px
}

.layout--large>.layout__item {
    padding-left: 48px
}

.layout--huge {
    margin-left: -96px
}

.layout--huge>.layout__item {
    padding-left: 96px
}

.layout--flush {
    margin-left: 0
}

.layout--flush>.layout__item {
    padding-left: 0
}

.btn,
.styled-select {
    font: inherit;
    text-align: center;
    margin: 0;
    cursor: pointer;
    overflow: visible;
    /* background-color: #4a8ec2 */
}

body,
h3,
h4,
h5,
html {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #575756;
}

body{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;

}

.box__cover,
.box__video,
.media__body {
    overflow: hidden
}


.btn:active,
.btn:focus,
.btn:hover,

.styled-select:active,
.styled-select:focus,
.styled-select:hover {
    text-decoration: none;
    color: #fff;
    
}

.btn::-moz-focus-inner,
.styled-select::-moz-focus-inner {
    border: 0;
    padding: 0
}

.pack {
    display: table;
    table-layout: fixed
}

.pack__item {
    display: table-cell
}

.media,
.media__body,
.media__img>img {
    display: block
}

.media__img {
    float: left;
    margin-right: 24px
}

.media__body,
.media__body>:last-child {
    margin-bottom: 0
}

.breadcrumbs,
.carousel,
.footer__nav,
.header__nav,
.header__nav--small,
.list-bare,
.list-inline,
.social__menu {
    margin: 0;
    padding: 0;
    list-style: none
}

.list-inline>li {
    display: inline-block
}

.layout--flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.layout__item--flex {
    display: -ms-flexbox;
    display: flex
}

.btn,
.btn--light,

.styled-select {
    
    padding: 8px 10px;
    border: 0.8px solid #50748A;
    transition: all .2s ease-in-out;
    color: #50748a;
    text-decoration: none;
}

.btn--transparent{
    border: 0.8px solid #fff!important;
    color: #FFF!important;
}

.btn:hover,
.btn--light:hover,
.btn--transparent:hover,
.styled-select:hover {
    background: #ca9b52;
    border-color: #fff!important;
}

.btn--action,.btn--brand {
    background: #50748a;
    border-color: #50748a;
    color: #fff!important;
}

.btn--action:hover, .btn--brand:hover {
    background: #ca9b52;
    border-color: #fff;
    
}



.btn--light.styled-select,
.btn--transparent.btn--light {
    border: 1px solid #fff;
    color: #fff
}

.btn--light.styled-select:hover,
.btn--transparent.btn--light:hover {
    background: #fff;
    color: #333
}

.btn--90 {
    width: 90%!important;
}

.btn--border-thick {
    border: 3px
}

.carousel .carousel__item {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    height: 100%
}

.carousel .carousel__cover {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.background_cover{
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.owl-item,
.owl-stage,
.owl-stage-outer {
    height: 100%
}

.owl-item {
    transform: translateZ(0)
}

.owl-dots {
    height: 50px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0
}

.owl-theme .owl-dots .owl-dot span {
    background-color: transparent;
    border: 1px solid #fff;
    width: 12px;
    height: 12px;
    margin: 5px 4px
}

.header,
.header__mobile-nav--visible .header,
.header__right,
.owl-theme .owl-dots .owl-dot.active span {
    background-color: #f4f4f4;
}

.shape {
    display: inline-block;
    width: 100%
}

.shape:hover{
    transform: scale(2);
    transition: .3s ease-in-out;
}

.shape--square {
    max-width: 50px;
    max-height: 50px;
    border-radius:100%;
    border: 0.8px solid #575756;
}

.shape--square:before {
    content: "";
    display: block;
    padding-top: 100%;
    float: left
}

.breadcrumbs,
.breadcrumbs__item {
    display: inline-block
}

.breadcrumbs__item {
    margin-bottom: 0
}

.breadcrumbs__link {
    font-size: .8rem;
    color: #111
}

.breadcrumbs__link.active,
.breadcrumbs__link:hover,
a {
    color: #50748A
}

.o-icon-list {
    padding-top: 2rem;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 38px 38px;
}

/* .o-icon-list--efficiency {
    background-image: url(../img/icons/efficiency.svg);
    background-position: left center
}

.o-icon-list--drying {
    background-image: url(../img/icons/drying.svg)
}

.o-icon-list--total {
    background-image: url(../img/icons/total.svg)
}

.o-icon-list--tools {
    background-image: url(../img/icons/tools.svg)
}

.o-icon-list--location {
    background-image: url(../img/icons/location.svg)
}

.o-icon-list--cleaning {
    background-image: url(../img/icons/cleaning.svg)
}

.o-icon-list--application {
    background-image: url(../img/icons/application.svg)
} */

.o-advice__thumbs {
    margin-top: .625rem
}

.o-advice__img,
.o-advice__video {
    width: 100%;
    vertical-align: top
}

@media only screen and (min-width:37.5em) {

    .o-advice__img,
    .o-advice__video {
        display: inline-block;
        width: 49%;
        margin-right: -.2em
    }

    .o-advice__img:nth-child(2),
    .o-advice__video:nth-child(2) {
        margin-left: 2%
    }
}

* {
    position: relative
}

body,
html {
    height: 100%;
    min-width: 320px
}

h1,
h2,
h3,
h4 {
    font-weight: 500!important;
}

.product_h1{
    font-size: 30px!important;
    font-weight: 500!important;
    font-style: normal;
    font-family: 'Open Sans', sans-serif!important; 
    text-transform: uppercase;
    color: #575756;
}

ul {
    padding-left: 1.5rem
}

li {
    margin-bottom: .5rem
}

a {
    text-decoration: none
}

.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem
}

.container--small {
    max-width: 1140px
}

.container--tiny {
    max-width: 820px
}

.btn,
.display--table,
.header__right,
.holding .header__nav--small,
.nav,
.styled-select {
    display: table;
    vertical-align: middle
}

.display--table-cell,
.footer__brand,
.header__brand,
.holding .header__brand,
.holding .header__nav--small .nav__item,
.search,
.social__menu,
.social__menu .social__menu__item {
    display: table-cell;
    vertical-align: middle
}

.center {
    display: block;
    margin: auto
}

.strip {
    padding: 1rem 0
}

.line__footer {
    height: 150px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -60px
}

.palm--text--center__lap--text--right {
    text-align: center
}

.image__visualiser {
    top: 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0
}

.header {
    height: 88px;
    display: table;
    width: 100%
}

@media screen and (min-width:768px) {
    .strip {
        padding: 1.2rem 0
    }

    .strip--dodge {
        padding-top: 13.125rem
    }

    .palm--text--center__lap--text--right {
        text-align: right
    }

    .header {
        padding-top: 1.2rem;
        height: 140px;
        /* border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed; */
        text-align: center;
        position: absolute;
        /* padding: 1rem 0; */
        /* box-shadow: 2px 1px 7px #666 */
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .header .nav__link {
        font-size: .7rem !important
    }
}

@media screen and (min-width:1025px) {
    .header .nav__link {
        font-size: 1rem
    }
    .hero__box>h1{
        margin: auto 0!important;
    }
}

/* .contact .header,
.error-page .header {
    position: relative;
    margin-top: 0
} */

@media screen and (max-width:767px) {
    .header__container {
        padding: 0 !important
    }
}

.header__right {
    height: 88px;
    width: 100%
}

@media screen and (min-width:768px) {
    .header__brand {
        display: block;
        margin: auto
    }

    .header__right {
        display: none;
        float: right;
        width: auto
    }
}

.header__mobile-nav--visible .header__nav .nav__item,
.header__nav {
    display: block
}

.header__mobile-nav--visible .nav__link {
    color: #fff
}

.header__mobile-nav--visible .header__nav--animate {
    left: 0;
    transition: left .4s ease-in-out
}

.header__mobile-nav--visible .mobile__nav__icon span {
    background: #fff;
    transition: .6s ease-in-out
}

.box__image,
.hero--static {
    background-position: center;
    background-size: cover
}

.header__nav {
    margin: 0;
    padding: 7rem 3rem;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #18405c;
    left: -900px;
    transition: left .4s ease-in-out;
    top: 0;
    right: 0;
    bottom: 0
}

.nav__link,
.nav__link:hover {
    transition: color .5s ease-in-out
}

@media screen and (min-width:768px) {
    .header__nav {
        background-color: #f4f4f4;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: .5em 1em;
        width: 100%;
        position: relative;
        left: 0
    }
}

.header__nav--small {
    display: -ms-flexbox;
    display: flex
}

.header__nav--small .nav__link {
    text-align: right;
    font-size: .8rem
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .header__nav--small .nav__link {
        font-size: .7rem !important
    }
}

.nav {
    width: 100%;
    padding-left: 1rem
}

.nav__item {
    display: inline-block;
    /* text-transform: uppercase */
}

.nav__link {
    color: #666;
    font-size: 1rem
}

.nav__link:hover {
    color: #50748A
}

.holding .header {
    padding: 0
}

.holding .header__nav {
    margin-top: 0
}

.holding .header__nav--small {
    height: 100%
}

.holding .header__nav--small .nav__item {
    float: left
}

@media screen and (min-width:768px) {
    .nav__item {
        display: -ms-flexbox;
        display: flex
    }

    .holding .header__nav--small {
        height: 140px
    }

    .holding .header__nav--small .nav__item {
        float: none
    }
}

.box__cover--related::before,
.box__cover:before {
    float: left;
    content: ""
}

.holding .header__brand {
    height: 100px
}

@media screen and (max-width:767px) {
    .nav__sub__v {
        padding: 0 .5rem
    }
}

@media screen and (min-width:768px) {
    .holding .header__brand {
        height: 140px
    }

    .nav__item--with-subnav {
        position: static
    }

    .nav__item--with-subnav a {
        padding-right: .625rem
    }
}

.header__subnav {
    position: absolute;
    display: block;
    background-color: #FFF;
    padding: 2rem 2.5rem 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
    color: #51758b;
    top: 2rem;
    left: 0;
    width: auto
}

.header__subnav .nav__sub__v {
    display: none !important
}

.header__subnav .header__subnav {
    position: static;
    padding: .5rem .5rem 0;
    border: none;
    font-weight: 400
}

@media screen and (min-width:1025px) {
    .header__subnav .header__subnav {
        padding: .5rem 0rem 0 0
    }
}

@media screen and (min-width:768px) {
    .header__subnav .header__subnav>.nav__item {
        width: 100%;
        display: block;
        font-weight: 400
    }

    .header__subnav .header__subnav>.nav__item:nth-child(3n+2),
    .header__subnav .header__subnav>.nav__item:nth-child(3n+3) {
        padding-left: 0
    }

    .header__subnav {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: absolute;
        left: 0;
        right: 0;
        top: 2.1875rem
    }

    .header__subnav .header__subnav {
        width: 100%
    }

    .header__subnav .header__subnav:nth-child(-n+3) {
        margin-bottom: 1.875rem
    }

    .header__subnav>.nav__item {
        margin-top: .3125rem;
        width: 33%;
        font-weight: 800;
        /* text-transform: uppercase; */
        padding-right: 1rem
    }

    .header__subnav>.nav__item:nth-child(3n+1) {
        width: 33%
    }

    .header__subnav>.nav__item:nth-child(3n+3) {
        padding-left: 0;
    }

    .header__subnav>.nav__item .nav__item {
        width: 100%
    }

    .subnav--is-open .header__subnav {
        visibility: visible;
        opacity: 1;
        transition: all .3s ease-in-out
    }
}

@media screen and (min-width:1280px) {
    .header__subnav>.nav__item:nth-child(3n+3) {
        padding-left: 0;
    }
}

@media screen and (max-width:767px) {
    .header__subnav {
        top: 0;
        position: relative;
        width: calc(100% + 1rem);
        min-width: initial;
        max-height: 0;
        padding: 0 1rem;
        margin-left: -1rem;
        border: none !important
    }

    .header__subnav .header__subnav {
        margin-left: .5rem
    }

    .subnav--is-open .header__subnav {
        visibility: visible;
        opacity: 1;
        max-height: 100%;
        overflow: hidden;
        padding: 1rem;
        transition: all .3s ease-in-out
    }

    .header__subnav .nav__item {
        font-size: 1rem
    }
}

/* .box,
.box:hover {
     transition: opacity .5s ease-in-out;
} */

.header__subnav .nav__item {
    display: block;
    text-align: left;
    line-height: 1rem
}

.box__para,
.vex-close {
    text-align: center
}

.header__subnav .nav__link {
    color:  #575756;
}


.menu-item-has-children&quot>.nav__link {
    text-transform: uppercase!important;
}

.box-outer {
    display: inline-block;
    width: 32%;
    margin-right: -.2rem;
    vertical-align: top
}

.icon,
.icon__search,
.icon__social,
.logo,
.mobile__nav,
.vex-content {
    vertical-align: middle
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .box-outer {
        width: 49%
    }

    .box-outer:nth-child(even) {
        margin-left: 2%
    }
}

@media screen and (max-width:767px) {
    .box-outer {
        width: 100%
    }
}

.box {
    margin-bottom: 1.2rem;
    position: relative;
    display: block;
    opacity: 1
}

/* .box:hover {
    opacity: .5
} */

.box--no-hover:hover {
    opacity: 1 !important
}

.box__cover {
    width: 100%;
    height:400px;
}

/* .box__cover:before {
    display: block;
    padding-top: 66%
} */

.box__cover--related::before {
    display: inline-block;
    padding-top: 116%
}

.box__cover--related::after {
    content: "";
    display: table;
    clear: both
}

.box__cover--short:before {
    padding-top: 49%
}

.box__cover--tall:before {
    padding-top: 100%
}

.box__image {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale3d(1, 1, 1)
}

.box__body {
    width: 100%;
    /* padding: 1rem; */
    min-height: 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.box__heading {
    max-width: 17rem
}

.box__body--alternate {
    position: relative;
    padding: 1rem;
    background-color: #fff
}

.box__link {
    display: block;
    color: #111;
    margin-top: .5rem
}

.box__link span,
.vex-close {
    color: #50748A
}

.box__link:hover {
    color: #50748A;
    transition: .5s ease-in-out
}

.box__video,
.box__video:hover {
    transition: opacity .5s ease-in-out
}

@media screen and (min-width:768px) {
    .box__para {
        padding: 0
    }

    .box__row {
        margin-bottom: 3rem
    }
}

.box__video {
    max-height: 460px
}

.box__video:hover {
    opacity: .8
}

.box__border {
    /* border: 2px solid #e6e6e6 */
    border-top: 2px solid #e3e3e3;
    border-bottom: 2px solid #e3e3e3;
}
.box__border--top {
    /* border: 2px solid #e6e6e6 */
    border-top: 2px solid #e3e3e3;
   
}

.hero__box,
.holding .hero__box {
    background-color: #bdc3b1;
    /* border: 8px solid #fff; */
    position: absolute
}

@media screen and (min-width:1025px) {

    .box-outer:nth-child(3n+2),
    .box-outer:nth-child(3n+3) {
        margin-left: 2%
    }

    .box__body--alternate {
        position: absolute;
        width: 60%;
        bottom: 0
    }

    .box__body--padding {
        padding-bottom: 5rem
    }
}

.hero {
    height: 400px
}
.hero--no-image{
    height:0px!important;
}

@media screen and (min-width:768px) {
    .hero {
        height: 800px
    }
    .hero--no-image{
        height:140px!important;
    }
}

@media screen and (max-width:767px) {
    .hero--mobile {
        height: 400px;
        background-size: cover;
        background-position: center
    }
}

.hero--static {
    background-repeat: no-repeat
}

.hero__slider {
    height: 100%
}

.hero__box {
    bottom: 0;
    max-height: 800px;
    height: 800px;
    width: 500px;
    max-width: 500px;
    padding: 2rem;
    width: 100%;
    right: 0;
    display: flex;
}
.hero__box__slider {
    bottom: 0;
    max-height: 800px;
    height: 300px;
    width: 750px;
    padding: 0rem 5rem 5rem 0rem;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    position: absolute;
    z-index: 10;
}
.slider_title{
    color: #fff;
    font-size: 48px;
    font-weight: 500;
    font-family: 'EB Garamond';
    font-style: italic;
    -webkit-text-stroke: 0.5px;
    -webkit-text-stroke-color: #575756;
}
.slider_subtitle{
    font-size: 36px;
    color: #fff;
    font-family: 'EB Garamond';
    font-weight: 500;
    font-style: italic;
    margin-top: 25px;
    -webkit-text-stroke: 0.5px;
    -webkit-text-stroke-color: #575756;
}
.video_box{
    width: 100%;
    height: auto;
}

@media screen and (max-width:767px) {
    .hero__box {
        bottom: 6rem;
        max-width: 280px;
        left: 0;
        right: 0;
        margin: auto;
        padding: 1rem;
        max-height: 230px;
        width:100%;
    }
    .hero__box__slider {
       padding: 8rem 2rem 0rem 0rem;
       width: 350px;
    }
    .hero{
       height:  250px;
    }
    .carousel__cover {
        background-size: cover!important;
    }
    .slider_title{
        font-size: 36px;
    }
    .slider_subtitle{
        font-size: 20px;
        margin-top: 6px;
        text-align: end;
    }
}

.hero__header {
    font-size: 1.875rem;
    line-height: 1.6
}

.holding .hero__box {
    max-width: 400px;
    padding: 2rem;
    right: 0;
    top: 21rem;
    bottom: auto
}

@media screen and (max-width:767px) {
    .holding .hero__box {
        bottom: 6rem;
        max-width: 280px;
        left: 0;
        right: 0;
        margin: auto;
        padding: 1rem;
        position: relative;
        top: 25px
    }
}

.icon__play,
.icon__play svg {
    bottom: 0;
    left: 0;
    right: 0
}

.icon__play,
.icon__play svg,
.search__label {
    position: absolute;
    top: 0
}

.icon {
    width: 20px;
    height: 20px
}

.icon__v {
    width: 13px;
    height: 13px;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all .5s ease
}

.icon__v--rotate {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all .5s ease
}

.icon__social {
    width: 30px;
    height: 30px
}

.icon__social--facebook {
    width: 16px
}

.icon__play svg {
    margin: auto;
    z-index: 90
}

.icon__search {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.footer #icon-facebook path,
.footer #icon-instagram path,
.footer #icon-twitter path,
.footer #icon-youtube path {
    fill: #FFF
}

.v--large {
    display: none
}

@media screen and (min-width:768px) {
    .v--large {
        display: block;
        left: -20rem;
        position: absolute;
        width: 100%;
        height: 95%;
        z-index: 30;
        bottom: 0
    }
}

.social__menu .social__menu__item {
    margin: 0
}

.logo {
    width: 6.5rem;
    height: auto
}

@media screen and (min-width:768px) {
    .logo {
        width: 10.75rem
    }
}

.search__submit {
    width: 40px;
    height: 40px
}

.search__label {
    display: inline-block;
    right: .5rem
}

.mobile__nav {
    display: table-cell;
    padding: 1rem 0 0 1.8rem
}

@media screen and (min-width:768px) {
    .mobile__nav {
        display: none
    }
}

.mobile__nav--active {
    visibility: visible;
    transition: all .5s ease-in-out
}

.mobile__nav__icon {
    cursor: pointer;
    display: block;
    height: 25px;
    padding: 0 5px;
    position: relative;
    width: 35px;
    margin: auto;
    top: 1rem
}

.ph,
.pl {
    padding-left: 24px !important
}

@media screen and (min-width:768px) {
    .mobile__nav__icon {
        display: none
    }
}

.mobile__nav__icon span {
    background: #50748A;
    display: block;
    height: 3px;
    margin: 5px 0;
    opacity: 1;
    transition: all .5s ease 0s;
    width: 100%
}

.mobile__nav__icon--active span:nth-child(1) {
    -ms-transform: rotate(45deg) translate(3px, 9px);
    transform: rotate(45deg) translate(3px, 9px)
}

.mobile__nav__icon--active span:nth-child(2) {
    opacity: 0
}

.mobile__nav__icon--active span:nth-child(3) {
    -ms-transform: rotate(-45deg) translate(2px, -9px);
    transform: rotate(-45deg) translate(2px, -9px)
}

.vex {
    display: table;
    width: 100%;
    height: 100%
}

.vex-close {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 2rem;
    right: 2rem;
    cursor: pointer;
    border: 1px solid #50748A;
    border-radius: 50%;
    font-size: 50px;
    line-height: .9
}

.vex-content {
    display: table-cell;
    width: 100%;
    margin: auto;
    max-width: 850px;
    background-color: rgba(255, 255, 255, .5)
}

.vex-content iframe {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 650px;
    height: 100%
}

.mh,
.mr {
    margin-right: 24px !important
}

.mh,
.ml {
    margin-left: 24px !important
}

@media screen and (min-width:768px) {
    .vex-content iframe {
        height: 500px
    }
}

.footer .footer__brand,
.footer .social__menu {
    display: inline-block
}

.footer__top {
    background-color: #e8e8e8
}

.footer__nav {
    display: block;
    line-height: 2
}
.footer__nav2 {
    display: flex;
    justify-content: space-around;
    line-height: 2
}

.menu-item-has-children > a{
    font-weight: 700;
}

.menu-item-has-children > ul{
    padding-left: 0!important;
}

.footer__nav .nav__item,
.footer__nav2 .nav__item {
    display: block;
    text-align: left;
    text-transform: none
}

.footer__line {
    height: 150px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -60px
}

.mt,
.mv {
    margin-top: 24px !important
}

.visualiser__color__name {
    display: none
}

.visualiser__row {
    border-bottom: 1px solid #666;
    padding-bottom: 2rem
}

@media screen and (min-width:768px) {
    .visualiser__row {
        border-bottom: none;
        padding-right: 1rem;
        padding-bottom: 0;
        padding-top: 0 !important;
        border-right: 1px solid #666
    }
}

.ph,
.pr {
    padding-right: 24px !important
}

.pb,
.pv {
    padding-bottom: 24px !important
}

.visualiser_color {
    padding-top: 21%;
    text-align: left
}

@media screen and (max-width:767px) {
    .visualiser__layout {
        padding-top: 30%
    }
}

.pt,
.pv {
    padding-top: 24px !important
}

.c-flex__products {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-flex__products .box-outer {
    margin-bottom: 1rem
}

.mb,
.mv {
    margin-bottom: 24px !important
}

[class~="1/1"] {
    width: 100% !important
}

[class~="1/2"],
[class~="2/4"],
[class~="3/6"],
[class~="4/8"],
[class~="5/10"],
[class~="6/12"] {
    width: 50% !important
}

[class~="1/3"],
[class~="2/6"],
[class~="3/9"],
[class~="4/12"] {
    width: 33.3333333% !important
}

[class~="2/3"],
[class~="4/6"],
[class~="6/9"],
[class~="8/12"] {
    width: 66.6666666% !important
}

[class~="1/4"],
[class~="2/8"],
[class~="3/12"] {
    width: 25% !important
}

[class~="3/4"],
[class~="6/8"],
[class~="9/12"] {
    width: 75% !important
}

[class~="1/5"],
[class~="2/10"] {
    width: 20% !important
}

[class~="2/5"],
[class~="4/10"] {
    width: 40% !important
}

[class~="3/5"],
[class~="6/10"] {
    width: 60% !important
}

[class~="4/5"],
[class~="8/10"] {
    width: 80% !important
}

[class~="1/6"],
[class~="2/12"] {
    width: 16.6666666% !important
}

[class~="5/6"],
[class~="10/12"] {
    width: 83.3333333% !important
}

[class~="1/8"] {
    width: 12.5% !important
}

[class~="3/8"] {
    width: 37.5% !important
}

[class~="5/8"] {
    width: 62.5% !important
}

[class~="7/8"] {
    width: 87.5% !important
}

[class~="1/9"] {
    width: 11.1111111% !important
}

[class~="2/9"] {
    width: 22.2222222% !important
}

[class~="4/9"] {
    width: 44.4444444% !important
}

[class~="5/9"] {
    width: 55.5555555% !important
}

[class~="7/9"] {
    width: 77.7777777% !important
}

[class~="8/9"] {
    width: 88.8888888% !important
}

[class~="1/10"] {
    width: 10% !important
}

[class~="3/10"] {
    width: 30% !important
}

[class~="7/10"] {
    width: 70% !important
}

[class~="9/10"] {
    width: 90% !important
}

[class~="1/12"] {
    width: 8.3333333% !important
}

[class~="5/12"] {
    width: 41.6666666% !important
}

[class~="7/12"] {
    width: 58.3333333% !important
}

[class~="11/12"] {
    width: 91.6666666% !important
}

@media screen and (max-width:479px) {
    [class~="mini-palm-1/1"] {
        width: 100% !important
    }

    [class~="mini-palm-1/2"],
    [class~="mini-palm-2/4"],
    [class~="mini-palm-3/6"],
    [class~="mini-palm-4/8"],
    [class~="mini-palm-5/10"],
    [class~="mini-palm-6/12"] {
        width: 50% !important
    }

    [class~="mini-palm-1/3"],
    [class~="mini-palm-2/6"],
    [class~="mini-palm-3/9"],
    [class~="mini-palm-4/12"] {
        width: 33.3333333% !important
    }

    [class~="mini-palm-2/3"],
    [class~="mini-palm-4/6"],
    [class~="mini-palm-6/9"],
    [class~="mini-palm-8/12"] {
        width: 66.6666666% !important
    }

    [class~="mini-palm-1/4"],
    [class~="mini-palm-2/8"],
    [class~="mini-palm-3/12"] {
        width: 25% !important
    }

    [class~="mini-palm-3/4"],
    [class~="mini-palm-6/8"],
    [class~="mini-palm-9/12"] {
        width: 75% !important
    }

    [class~="mini-palm-1/5"],
    [class~="mini-palm-2/10"] {
        width: 20% !important
    }

    [class~="mini-palm-4/10"],
    [class~="mini-palm-2/5"] {
        width: 40% !important
    }

    [class~="mini-palm-3/5"],
    [class~="mini-palm-6/10"] {
        width: 60% !important
    }

    [class~="mini-palm-4/5"],
    [class~="mini-palm-8/10"] {
        width: 80% !important
    }

    [class~="mini-palm-1/6"],
    [class~="mini-palm-2/12"] {
        width: 16.6666666% !important
    }

    [class~="mini-palm-5/6"],
    [class~="mini-palm-10/12"] {
        width: 83.3333333% !important
    }

    [class~="mini-palm-1/8"] {
        width: 12.5% !important
    }

    [class~="mini-palm-3/8"] {
        width: 37.5% !important
    }

    [class~="mini-palm-5/8"] {
        width: 62.5% !important
    }

    [class~="mini-palm-7/8"] {
        width: 87.5% !important
    }

    [class~="mini-palm-1/9"] {
        width: 11.1111111% !important
    }

    [class~="mini-palm-2/9"] {
        width: 22.2222222% !important
    }

    [class~="mini-palm-4/9"] {
        width: 44.4444444% !important
    }

    [class~="mini-palm-5/9"] {
        width: 55.5555555% !important
    }

    [class~="mini-palm-7/9"] {
        width: 77.7777777% !important
    }

    [class~="mini-palm-8/9"] {
        width: 88.8888888% !important
    }

    [class~="mini-palm-1/10"] {
        width: 10% !important
    }

    [class~="mini-palm-3/10"] {
        width: 30% !important
    }

    [class~="mini-palm-7/10"] {
        width: 70% !important
    }

    [class~="mini-palm-9/10"] {
        width: 90% !important
    }

    [class~="mini-palm-1/12"] {
        width: 8.3333333% !important
    }

    [class~="mini-palm-5/12"] {
        width: 41.6666666% !important
    }

    [class~="mini-palm-7/12"] {
        width: 58.3333333% !important
    }

    [class~="mini-palm-11/12"] {
        width: 91.6666666% !important
    }
}

@media screen and (max-width:767px) {
    [class~="palm-1/1"] {
        width: 100% !important
    }

    [class~="palm-1/2"],
    [class~="palm-2/4"],
    [class~="palm-3/6"],
    [class~="palm-4/8"],
    [class~="palm-5/10"],
    [class~="palm-6/12"] {
        width: 50% !important
    }

    [class~="palm-1/3"],
    [class~="palm-2/6"],
    [class~="palm-3/9"],
    [class~="palm-4/12"] {
        width: 33.3333333% !important
    }

    [class~="palm-2/3"],
    [class~="palm-4/6"],
    [class~="palm-6/9"],
    [class~="palm-8/12"] {
        width: 66.6666666% !important
    }

    [class~="palm-1/4"],
    [class~="palm-2/8"],
    [class~="palm-3/12"] {
        width: 25% !important
    }

    [class~="palm-3/4"],
    [class~="palm-6/8"],
    [class~="palm-9/12"] {
        width: 75% !important
    }

    [class~="palm-1/5"],
    [class~="palm-2/10"] {
        width: 20% !important
    }

    [class~="palm-2/5"],
    [class~="palm-4/10"] {
        width: 40% !important
    }

    [class~="palm-3/5"],
    [class~="palm-6/10"] {
        width: 60% !important
    }

    [class~="palm-4/5"],
    [class~="palm-8/10"] {
        width: 80% !important
    }

    [class~="palm-1/6"],
    [class~="palm-2/12"] {
        width: 16.6666666% !important
    }

    [class~="palm-5/6"],
    [class~="palm-10/12"] {
        width: 83.3333333% !important
    }

    [class~="palm-1/8"] {
        width: 12.5% !important
    }

    [class~="palm-3/8"] {
        width: 37.5% !important
    }

    [class~="palm-5/8"] {
        width: 62.5% !important
    }

    [class~="palm-7/8"] {
        width: 87.5% !important
    }

    [class~="palm-1/9"] {
        width: 11.1111111% !important
    }

    [class~="palm-2/9"] {
        width: 22.2222222% !important
    }

    [class~="palm-4/9"] {
        width: 44.4444444% !important
    }

    [class~="palm-5/9"] {
        width: 55.5555555% !important
    }

    [class~="palm-7/9"] {
        width: 77.7777777% !important
    }

    [class~="palm-8/9"] {
        width: 88.8888888% !important
    }

    [class~="palm-1/10"] {
        width: 10% !important
    }

    [class~="palm-3/10"] {
        width: 30% !important
    }

    [class~="palm-7/10"] {
        width: 70% !important
    }

    [class~="palm-9/10"] {
        width: 90% !important
    }

    [class~="palm-1/12"] {
        width: 8.3333333% !important
    }

    [class~="palm-5/12"] {
        width: 41.6666666% !important
    }

    [class~="palm-7/12"] {
        width: 58.3333333% !important
    }

    [class~="palm-11/12"] {
        width: 91.6666666% !important
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    [class~="lap-1/1"] {
        width: 100% !important
    }

    [class~="lap-1/2"],
    [class~="lap-2/4"],
    [class~="lap-3/6"],
    [class~="lap-4/8"],
    [class~="lap-5/10"],
    [class~="lap-6/12"] {
        width: 50% !important
    }

    [class~="lap-1/3"],
    [class~="lap-2/6"],
    [class~="lap-3/9"],
    [class~="lap-4/12"] {
        width: 33.3333333% !important
    }

    [class~="lap-2/3"],
    [class~="lap-4/6"],
    [class~="lap-6/9"],
    [class~="lap-8/12"] {
        width: 66.6666666% !important
    }

    [class~="lap-1/4"],
    [class~="lap-2/8"],
    [class~="lap-3/12"] {
        width: 25% !important
    }

    [class~="lap-3/4"],
    [class~="lap-6/8"],
    [class~="lap-9/12"] {
        width: 75% !important
    }

    [class~="lap-1/5"],
    [class~="lap-2/10"] {
        width: 20% !important
    }

    [class~="lap-2/5"],
    [class~="lap-4/10"] {
        width: 40% !important
    }

    [class~="lap-3/5"],
    [class~="lap-6/10"] {
        width: 60% !important
    }

    [class~="lap-4/5"],
    [class~="lap-8/10"] {
        width: 80% !important
    }

    [class~="lap-1/6"],
    [class~="lap-2/12"] {
        width: 16.6666666% !important
    }

    [class~="lap-5/6"],
    [class~="lap-10/12"] {
        width: 83.3333333% !important
    }

    [class~="lap-1/8"] {
        width: 12.5% !important
    }

    [class~="lap-3/8"] {
        width: 37.5% !important
    }

    [class~="lap-5/8"] {
        width: 62.5% !important
    }

    [class~="lap-7/8"] {
        width: 87.5% !important
    }

    [class~="lap-1/9"] {
        width: 11.1111111% !important
    }

    [class~="lap-2/9"] {
        width: 22.2222222% !important
    }

    [class~="lap-4/9"] {
        width: 44.4444444% !important
    }

    [class~="lap-5/9"] {
        width: 55.5555555% !important
    }

    [class~="lap-7/9"] {
        width: 77.7777777% !important
    }

    [class~="lap-8/9"] {
        width: 88.8888888% !important
    }

    [class~="lap-1/10"] {
        width: 10% !important
    }

    [class~="lap-3/10"] {
        width: 30% !important
    }

    [class~="lap-7/10"] {
        width: 70% !important
    }

    [class~="lap-9/10"] {
        width: 90% !important
    }

    [class~="lap-1/12"] {
        width: 8.3333333% !important
    }

    [class~="lap-5/12"] {
        width: 41.6666666% !important
    }

    [class~="lap-7/12"] {
        width: 58.3333333% !important
    }

    [class~="lap-11/12"] {
        width: 91.6666666% !important
    }
}

@media screen and (min-width:768px) {
    [class~="lap-and-up-1/1"] {
        width: 100% !important
    }

    [class~="lap-and-up-1/2"],
    [class~="lap-and-up-2/4"],
    [class~="lap-and-up-3/6"],
    [class~="lap-and-up-4/8"],
    [class~="lap-and-up-5/10"],
    [class~="lap-and-up-6/12"] {
        width: 50% !important
    }

    [class~="lap-and-up-1/3"],
    [class~="lap-and-up-2/6"],
    [class~="lap-and-up-3/9"],
    [class~="lap-and-up-4/12"] {
        width: 33.3333333% !important
    }

    [class~="lap-and-up-2/3"],
    [class~="lap-and-up-4/6"],
    [class~="lap-and-up-6/9"],
    [class~="lap-and-up-8/12"] {
        width: 66.6666666% !important
    }

    [class~="lap-and-up-1/4"],
    [class~="lap-and-up-2/8"],
    [class~="lap-and-up-3/12"] {
        width: 25% !important
    }

    [class~="lap-and-up-3/4"],
    [class~="lap-and-up-6/8"],
    [class~="lap-and-up-9/12"] {
        width: 75% !important
    }

    [class~="lap-and-up-1/5"],
    [class~="lap-and-up-2/10"] {
        width: 20% !important
    }

    [class~="lap-and-up-2/5"],
    [class~="lap-and-up-4/10"] {
        width: 40% !important
    }

    [class~="lap-and-up-3/5"],
    [class~="lap-and-up-6/10"] {
        width: 60% !important
    }

    [class~="lap-and-up-4/5"],
    [class~="lap-and-up-8/10"] {
        width: 80% !important
    }

    [class~="lap-and-up-1/6"],
    [class~="lap-and-up-2/12"] {
        width: 16.6666666% !important
    }

    [class~="lap-and-up-5/6"],
    [class~="lap-and-up-10/12"] {
        width: 83.3333333% !important
    }

    [class~="lap-and-up-1/8"] {
        width: 12.5% !important
    }

    [class~="lap-and-up-3/8"] {
        width: 37.5% !important
    }

    [class~="lap-and-up-5/8"] {
        width: 62.5% !important
    }

    [class~="lap-and-up-7/8"] {
        width: 87.5% !important
    }

    [class~="lap-and-up-1/9"] {
        width: 11.1111111% !important
    }

    [class~="lap-and-up-2/9"] {
        width: 22.2222222% !important
    }

    [class~="lap-and-up-4/9"] {
        width: 44.4444444% !important
    }

    [class~="lap-and-up-5/9"] {
        width: 55.5555555% !important
    }

    [class~="lap-and-up-7/9"] {
        width: 77.7777777% !important
    }

    [class~="lap-and-up-8/9"] {
        width: 88.8888888% !important
    }

    [class~="lap-and-up-1/10"] {
        width: 10% !important
    }

    [class~="lap-and-up-3/10"] {
        width: 30% !important
    }

    [class~="lap-and-up-7/10"] {
        width: 70% !important
    }

    [class~="lap-and-up-9/10"] {
        width: 90% !important
    }

    [class~="lap-and-up-1/12"] {
        width: 8.3333333% !important
    }

    [class~="lap-and-up-5/12"] {
        width: 41.6666666% !important
    }

    [class~="lap-and-up-7/12"] {
        width: 58.3333333% !important
    }

    [class~="lap-and-up-11/12"] {
        width: 91.6666666% !important
    }
}

@media screen and (max-width:1024px) {
    [class~="portable-1/1"] {
        width: 100% !important
    }

    [class~="portable-1/2"],
    [class~="portable-2/4"],
    [class~="portable-3/6"],
    [class~="portable-4/8"],
    [class~="portable-5/10"],
    [class~="portable-6/12"] {
        width: 50% !important
    }

    [class~="portable-1/3"],
    [class~="portable-2/6"],
    [class~="portable-3/9"],
    [class~="portable-4/12"] {
        width: 33.3333333% !important
    }

    [class~="portable-2/3"],
    [class~="portable-4/6"],
    [class~="portable-6/9"],
    [class~="portable-8/12"] {
        width: 66.6666666% !important
    }

    [class~="portable-1/4"],
    [class~="portable-2/8"],
    [class~="portable-3/12"] {
        width: 25% !important
    }

    [class~="portable-3/4"],
    [class~="portable-6/8"],
    [class~="portable-9/12"] {
        width: 75% !important
    }

    [class~="portable-1/5"],
    [class~="portable-2/10"] {
        width: 20% !important
    }

    [class~="portable-2/5"],
    [class~="portable-4/10"] {
        width: 40% !important
    }

    [class~="portable-3/5"],
    [class~="portable-6/10"] {
        width: 60% !important
    }

    [class~="portable-4/5"],
    [class~="portable-8/10"] {
        width: 80% !important
    }

    [class~="portable-1/6"],
    [class~="portable-2/12"] {
        width: 16.6666666% !important
    }

    [class~="portable-5/6"],
    [class~="portable-10/12"] {
        width: 83.3333333% !important
    }

    [class~="portable-1/8"] {
        width: 12.5% !important
    }

    [class~="portable-3/8"] {
        width: 37.5% !important
    }

    [class~="portable-5/8"] {
        width: 62.5% !important
    }

    [class~="portable-7/8"] {
        width: 87.5% !important
    }

    [class~="portable-1/9"] {
        width: 11.1111111% !important
    }

    [class~="portable-2/9"] {
        width: 22.2222222% !important
    }

    [class~="portable-4/9"] {
        width: 44.4444444% !important
    }

    [class~="portable-5/9"] {
        width: 55.5555555% !important
    }

    [class~="portable-7/9"] {
        width: 77.7777777% !important
    }

    [class~="portable-8/9"] {
        width: 88.8888888% !important
    }

    [class~="portable-1/10"] {
        width: 10% !important
    }

    [class~="portable-3/10"] {
        width: 30% !important
    }

    [class~="portable-7/10"] {
        width: 70% !important
    }

    [class~="portable-9/10"] {
        width: 90% !important
    }

    [class~="portable-1/12"] {
        width: 8.3333333% !important
    }

    [class~="portable-5/12"] {
        width: 41.6666666% !important
    }

    [class~="portable-7/12"] {
        width: 58.3333333% !important
    }

    [class~="portable-11/12"] {
        width: 91.6666666% !important
    }
}

@media screen and (min-width:1025px) {
    .v--large {
        left: -40rem
    }

    [class~="desk-1/1"] {
        width: 100% !important
    }

    [class~="desk-1/2"],
    [class~="desk-2/4"],
    [class~="desk-3/6"],
    [class~="desk-4/8"],
    [class~="desk-5/10"],
    [class~="desk-6/12"] {
        width: 50% !important
    }

    [class~="desk-1/3"],
    [class~="desk-2/6"],
    [class~="desk-3/9"],
    [class~="desk-4/12"] {
        width: 33.3333333% !important
    }

    [class~="desk-2/3"],
    [class~="desk-4/6"],
    [class~="desk-6/9"],
    [class~="desk-8/12"] {
        width: 66.6666666% !important
    }

    [class~="desk-1/4"],
    [class~="desk-2/8"],
    [class~="desk-3/12"] {
        width: 25% !important
    }

    [class~="desk-3/4"],
    [class~="desk-6/8"],
    [class~="desk-9/12"] {
        width: 75% !important
    }

    [class~="desk-1/5"],
    [class~="desk-2/10"] {
        width: 20% !important
    }

    [class~="desk-2/5"],
    [class~="desk-4/10"] {
        width: 40% !important
    }

    [class~="desk-3/5"],
    [class~="desk-6/10"] {
        width: 60% !important
    }

    [class~="desk-4/5"],
    [class~="desk-8/10"] {
        width: 80% !important
    }

    [class~="desk-1/6"],
    [class~="desk-2/12"] {
        width: 16.6666666% !important
    }

    [class~="desk-5/6"],
    [class~="desk-10/12"] {
        width: 83.3333333% !important
    }

    [class~="desk-1/8"] {
        width: 12.5% !important
    }

    [class~="desk-3/8"] {
        width: 37.5% !important
    }

    [class~="desk-5/8"] {
        width: 62.5% !important
    }

    [class~="desk-7/8"] {
        width: 87.5% !important
    }

    [class~="desk-1/9"] {
        width: 11.1111111% !important
    }

    [class~="desk-2/9"] {
        width: 22.2222222% !important
    }

    [class~="desk-4/9"] {
        width: 44.4444444% !important
    }

    [class~="desk-5/9"] {
        width: 55.5555555% !important
    }

    [class~="desk-7/9"] {
        width: 77.7777777% !important
    }

    [class~="desk-8/9"] {
        width: 88.8888888% !important
    }

    [class~="desk-1/10"] {
        width: 10% !important
    }

    [class~="desk-3/10"] {
        width: 30% !important
    }

    [class~="desk-7/10"] {
        width: 70% !important
    }

    [class~="desk-9/10"] {
        width: 90% !important
    }

    [class~="desk-1/12"] {
        width: 8.3333333% !important
    }

    [class~="desk-5/12"] {
        width: 41.6666666% !important
    }

    [class~="desk-7/12"] {
        width: 58.3333333% !important
    }

    [class~="desk-11/12"] {
        width: 91.6666666% !important
    }
}

@media screen and (min-width:1025px) and (max-width:1279px) {
    [class~="desk-only-1/1"] {
        width: 100% !important
    }

    [class~="desk-only-1/2"],
    [class~="desk-only-2/4"],
    [class~="desk-only-3/6"],
    [class~="desk-only-4/8"],
    [class~="desk-only-5/10"],
    [class~="desk-only-6/12"] {
        width: 50% !important
    }

    [class~="desk-only-1/3"],
    [class~="desk-only-2/6"],
    [class~="desk-only-3/9"],
    [class~="desk-only-4/12"] {
        width: 33.3333333% !important
    }

    [class~="desk-only-2/3"],
    [class~="desk-only-4/6"],
    [class~="desk-only-6/9"],
    [class~="desk-only-8/12"] {
        width: 66.6666666% !important
    }

    [class~="desk-only-1/4"],
    [class~="desk-only-2/8"],
    [class~="desk-only-3/12"] {
        width: 25% !important
    }

    [class~="desk-only-3/4"],
    [class~="desk-only-6/8"],
    [class~="desk-only-9/12"] {
        width: 75% !important
    }

    [class~="desk-only-1/5"],
    [class~="desk-only-2/10"] {
        width: 20% !important
    }

    [class~="desk-only-2/5"],
    [class~="desk-only-4/10"] {
        width: 40% !important
    }

    [class~="desk-only-3/5"],
    [class~="desk-only-6/10"] {
        width: 60% !important
    }

    [class~="desk-only-4/5"],
    [class~="desk-only-8/10"] {
        width: 80% !important
    }

    [class~="desk-only-1/6"],
    [class~="desk-only-2/12"] {
        width: 16.6666666% !important
    }

    [class~="desk-only-5/6"],
    [class~="desk-only-10/12"] {
        width: 83.3333333% !important
    }

    [class~="desk-only-1/8"] {
        width: 12.5% !important
    }

    [class~="desk-only-3/8"] {
        width: 37.5% !important
    }

    [class~="desk-only-5/8"] {
        width: 62.5% !important
    }

    [class~="desk-only-7/8"] {
        width: 87.5% !important
    }

    [class~="desk-only-1/9"] {
        width: 11.1111111% !important
    }

    [class~="desk-only-2/9"] {
        width: 22.2222222% !important
    }

    [class~="desk-only-4/9"] {
        width: 44.4444444% !important
    }

    [class~="desk-only-5/9"] {
        width: 55.5555555% !important
    }

    [class~="desk-only-7/9"] {
        width: 77.7777777% !important
    }

    [class~="desk-only-8/9"] {
        width: 88.8888888% !important
    }

    [class~="desk-only-1/10"] {
        width: 10% !important
    }

    [class~="desk-only-3/10"] {
        width: 30% !important
    }

    [class~="desk-only-7/10"] {
        width: 70% !important
    }

    [class~="desk-only-9/10"] {
        width: 90% !important
    }

    [class~="desk-only-1/12"] {
        width: 8.3333333% !important
    }

    [class~="desk-only-5/12"] {
        width: 41.6666666% !important
    }

    [class~="desk-only-7/12"] {
        width: 58.3333333% !important
    }

    [class~="desk-only-11/12"] {
        width: 91.6666666% !important
    }
}

@media screen and (min-width:1280px) {
    [class~="huge-desk-1/1"] {
        width: 100% !important
    }

    [class~="huge-desk-1/2"],
    [class~="huge-desk-2/4"],
    [class~="huge-desk-3/6"],
    [class~="huge-desk-4/8"],
    [class~="huge-desk-5/10"],
    [class~="huge-desk-6/12"] {
        width: 50% !important
    }

    [class~="huge-desk-1/3"],
    [class~="huge-desk-2/6"],
    [class~="huge-desk-3/9"],
    [class~="huge-desk-4/12"] {
        width: 33.3333333% !important
    }

    [class~="huge-desk-2/3"],
    [class~="huge-desk-4/6"],
    [class~="huge-desk-6/9"],
    [class~="huge-desk-8/12"] {
        width: 66.6666666% !important
    }

    [class~="huge-desk-1/4"],
    [class~="huge-desk-2/8"],
    [class~="huge-desk-3/12"] {
        width: 25% !important
    }

    [class~="huge-desk-3/4"],
    [class~="huge-desk-6/8"],
    [class~="huge-desk-9/12"] {
        width: 75% !important
    }

    [class~="huge-desk-1/5"],
    [class~="huge-desk-2/10"] {
        width: 20% !important
    }

    [class~="huge-desk-2/5"],
    [class~="huge-desk-4/10"] {
        width: 40% !important
    }

    [class~="huge-desk-3/5"],
    [class~="huge-desk-6/10"] {
        width: 60% !important
    }

    [class~="huge-desk-4/5"],
    [class~="huge-desk-8/10"] {
        width: 80% !important
    }

    [class~="huge-desk-1/6"],
    [class~="huge-desk-2/12"] {
        width: 16.6666666% !important
    }

    [class~="huge-desk-5/6"],
    [class~="huge-desk-10/12"] {
        width: 83.3333333% !important
    }

    [class~="huge-desk-1/8"] {
        width: 12.5% !important
    }

    [class~="huge-desk-3/8"] {
        width: 37.5% !important
    }

    [class~="huge-desk-5/8"] {
        width: 62.5% !important
    }

    [class~="huge-desk-7/8"] {
        width: 87.5% !important
    }

    [class~="huge-desk-1/9"] {
        width: 11.1111111% !important
    }

    [class~="huge-desk-2/9"] {
        width: 22.2222222% !important
    }

    [class~="huge-desk-4/9"] {
        width: 44.4444444% !important
    }

    [class~="huge-desk-5/9"] {
        width: 55.5555555% !important
    }

    [class~="huge-desk-7/9"] {
        width: 77.7777777% !important
    }

    [class~="huge-desk-8/9"] {
        width: 88.8888888% !important
    }

    [class~="huge-desk-1/10"] {
        width: 10% !important
    }

    [class~="huge-desk-3/10"] {
        width: 30% !important
    }

    [class~="huge-desk-7/10"] {
        width: 70% !important
    }

    [class~="huge-desk-9/10"] {
        width: 90% !important
    }

    [class~="huge-desk-1/12"] {
        width: 8.3333333% !important
    }

    [class~="huge-desk-5/12"] {
        width: 41.6666666% !important
    }

    [class~="huge-desk-7/12"] {
        width: 58.3333333% !important
    }

    [class~="huge-desk-11/12"] {
        width: 91.6666666% !important
    }
}

.m {
    margin: 24px !important
}

.mh--,
.mr-- {
    margin-right: 6px !important
}

.mh--,
.ml-- {
    margin-left: 6px !important
}

.mt--,
.mv-- {
    margin-top: 6px !important
}

.mb--,
.mv-- {
    margin-bottom: 6px !important
}

.m-- {
    margin: 6px !important
}

.mh-,
.mr- {
    margin-right: 12px !important
}

.mh-,
.ml- {
    margin-left: 12px !important
}

.mt-,
.mv- {
    margin-top: 12px !important
}

.mb-,
.mv- {
    margin-bottom: 12px !important
}

.m- {
    margin: 12px !important
}

.mh\+,
.mr\+ {
    margin-right: 48px !important
}

.mh\+,
.ml\+ {
    margin-left: 48px !important
}

.mt\+,
.mv\+ {
    margin-top: 48px !important
}

.mb\+,
.mv\+ {
    margin-bottom: 48px !important
}

.m\+ {
    margin: 48px !important
}

.mh\+\+,
.mr\+\+ {
    margin-right: 96px !important
}

.mh\+\+,
.ml\+\+ {
    margin-left: 96px !important
}

.mt\+\+,
.mv\+\+ {
    margin-top: 96px !important
}

.mb\+\+,
.mv\+\+ {
    margin-bottom: 96px !important
}

.m\+\+ {
    margin: 96px !important
}

.mh0,
.mr0 {
    margin-right: 0 !important
}

.mh0,
.ml0 {
    margin-left: 0 !important
}

.mt0,
.mv0 {
    margin-top: 0 !important
}

.mb0,
.mv0 {
    margin-bottom: 0 !important
}

.m0 {
    margin: 0 !important
}

.p {
    padding: 24px !important
}

.ph--,
.pr-- {
    padding-right: 6px !important
}

.ph--,
.pl-- {
    padding-left: 6px !important
}

.pt--,
.pv-- {
    padding-top: 6px !important
}

.pb--,
.pv-- {
    padding-bottom: 6px !important
}

.p-- {
    padding: 6px !important
}

.ph-,
.pr- {
    padding-right: 12px !important
}

.ph-,
.pl- {
    padding-left: 12px !important
}

.pt-,
.pv- {
    padding-top: 12px !important
}

.pb-,
.pv- {
    padding-bottom: 12px !important
}

.p- {
    padding: 12px !important
}

.ph\+,
.pr\+ {
    padding-right: 48px !important
}

.ph\+,
.pl\+ {
    padding-left: 48px !important
}

.pt\+,
.pv\+ {
    padding-top: 48px !important
}

.pb\+,
.pv\+ {
    padding-bottom: 48px !important
}

.p\+ {
    padding: 48px !important
}

.ph\+\+,
.pr\+\+ {
    padding-right: 96px !important
}

.ph\+\+,
.pl\+\+ {
    padding-left: 96px !important
}

.pt\+\+,
.pv\+\+ {
    padding-top: 96px !important
}

.pb\+\+,
.pv\+\+ {
    padding-bottom: 96px !important
}

.p\+\+ {
    padding: 96px !important
}

.ph0,
.pr0 {
    padding-right: 0 !important
}

.ph0,
.pl0 {
    padding-left: 0 !important
}

.pt0,
.pv0 {
    padding-top: 0 !important
}

.pb0,
.pv0 {
    padding-bottom: 0 !important
}

.p0 {
    padding: 0 !important
}

.alpha {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.6
}

.beta {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.0909090909
}

.gamma {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333
}

.delta {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.epsilon {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6
}

.zeta {
    font-size: 12px;
    font-size: .75rem;
    line-height: 2
}

.box__body--alternate:after,
.box__body:after,
.box__row:after,
.clearfix:after,
.media:after,
.strip:after {
    content: "";
    display: table;
    clear: both
}

@media print {

    *,
    :after,
    :before {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
}

.layout--overflow {
    overflow: visible !important
}

.bold {
    font-weight: 800
}

.inline-block {
    display: inline-block !important
}

.block {
    display: block !important
}

.line--right--1 {
    border-right: 1px solid
}

.line--right--2 {
    border-right: 2px solid
}

.line--bottom--1 {
    border-bottom: 1px solid
}

.line--grey {
    border-color: #ccc
}

.line--brand {
    border-color: #50748A
}

.float--right {
    float: right !important
}

.float--left {
    float: left !important
}

.float--none {
    float: none !important
}

.text--left {
    text-align: left !important
}

.text--center {
    text-align: center !important
}

.text--right {
    text-align: right !important
}

.weight--light {
    font-weight: 200 !important
}

.weight--normal {
    font-weight: 400 !important
}

.weight--semibold {
    font-weight: 600 !important
}

.weight--bold {
    font-weight: 800 !important
}

.informative {
    cursor: help !important
}

.muted {
    opacity: .5 !important;
    filter: alpha(opacity=50) !important
}

.caps {
    text-transform: uppercase !important
}

.small {
    font-size: .9em !important
}

.color--brand,
.color--brand:hover {
    color: #50748A !important
}

.color--second {
    color: #ca9b52!important;
}

.color--text {
    color: #575756 !important
}

.color--white {
    color: #fff !important
}

.color--black {
    color: #243646 !important
}

.bg--brand {
    background-color: #50748A !important
}

.bg--second {
    background-color: #FFF !important
}

.bg--text {
    background-color: #fff !important
}

.bg--white {
    background-color: #fff !important
}

.bg--black {
    background-color: #243646 !important
}

.bg--grey {
    background-color: #f4f4f4 !important
}

.bg--grey-dark {
    background-color: #eeeeee !important
}

.bg--grey-light {
    background-color: #f4f4f4  !important
}

.circled {
    border-radius: 50%
}

.text--hidden {
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap
}

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

@media screen and (max-width:767px) {

    .palm--accessibility,
    .palm--hidden {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {

    .lap--accessibility,
    .lap--hidden {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

@media screen and (min-width:768px) {

    .lap-and-up--accessibility,
    .lap-and-up--hidden {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

@media screen and (max-width:1024px) {

    .portable--accessibility,
    .portable--hidden {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

@media screen and (min-width:1025px) {

    .desk--accessibility,
    .desk--hidden {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

.competition__cover,
.competition__cover::before {
    top: 0;
    width: 100%;
    height: 6.25rem;
    position: absolute
}

.image__visualiser {
    z-index: 5
}

.hero__box {
    z-index: 10
}

.header__nav {
    z-index: 30
}

.nav {
    z-index: 35
}

.mobile__nav__icon {
    z-index: 40
}

.header__right {
    z-index: 45
}

.header {
    z-index: 50
}

.search__label {
    z-index: 60
}

.layout {
    overflow: hidden
}

.layout__item {
    float: left
}

.layout--flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.strip--competition {
    background-color: #18405C;
    padding: 0 0 .625rem;
    display: block
}

@media screen and (min-width:768px) {
    .strip--competition {
        padding: 0
    }

    .competition {
        background: #fff
    }
}

.competition {
    max-width: 56.25rem
}

@media screen and (max-width:767px) {
    .competition {
        padding-top: 6.25rem
    }
}

.competition__cover {
    max-width: 22.25rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-size: 15.625rem auto;
    background-position: top left;
    background-repeat: no-repeat
}

.competition__cover::before {
    content: '';
    background: linear-gradient(to right, rgba(125, 185, 232, 0) 0, #18405c 60%)
}

@media screen and (min-width:768px) {
    .competition__cover::before {
        background: linear-gradient(to right, rgba(125, 185, 232, 0) 0, #18405c 25%, #18405c 35%, #fff 55%);
        height: 7.5rem
    }

    .competition__cover {
        max-width: none;
        background-color: #fff;
        margin-left: 0;
        height: 7.5rem;
        background-size: 18.75rem auto
    }
}

.competition__paint {
    height: 5rem;
    position: absolute;
    top: .5rem;
    margin-right: 0;
    right: calc(50% - 150px)
}

@media screen and (min-width:768px) {
    .competition__paint {
        height: 6.375rem;
        right: auto;
        left: 16%;
        transition: left .3s ease-in-out
    }
}

@media screen and (min-width:1025px) {
    .competition__paint {
        left: 20%
    }
}

.competition__content {
    max-width: 22.25rem;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .competition__content {
        width: 50%;
        margin-right: 0;
        margin-left: auto;
        padding-top: .75rem;
        max-width: 23.75rem
    }
}

.competition__text {
    max-width: 18.75rem;
    margin: .625rem auto 0;
    display: block
}

.competition__text path {
    fill: #fff
}

.competition__tc {
    font-size: .75rem;
    display: inline-block
}

@media screen and (max-width:767px) {
    .competition__tc {
        width: 30%;
        color: #fff
    }
}

@media screen and (min-width:768px) {
    .competition__text {
        margin-top: 0;
        max-width: 23.75rem
    }

    .competition__text path {
        fill: #18405c
    }

    .competition__tc {
        width: 49.5%;
        top: -.3125rem
    }
}

.competition__enter {
    text-align: right;
    font-weight: 700;
    font-size: .875rem;
    color: #fff;
    display: inline-block
}

@media screen and (max-width:767px) {
    .competition__enter {
        width: 68%
    }
}

@media screen and (min-width:768px) {
    .competition__enter {
        width: 49%;
        color: #8e4100;
        top: -.3125rem
    }
}

/* Additional CSS made by V33 in 2023 refresh initial website */

.flex__centered{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.flex__row__centered{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
    align-content: center;
}

.flex__row__left_align{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:start;
    align-content: center;
}

@media screen and (max-width:767px) {
    .flex__row__centered{
        flex-direction: column;
    }
}
.btn{
    width: 140px;
    padding: 5px 15px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
}


.nopaddingleft{
    padding-left: 0!important;
}

.wpcf7-spinner{
    margin: 0!important;
}

.blured__border{
    -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,1) 95%, rgba( 0,0,0,0) 100%);
}

#js-product-slider.owl-theme {
    position: relative;
    .owl-nav{
        position: absolute;
        width: inherit;
        top: 50%;
    }
    .owl-next, .owl-prev {
      width: 22px;
      height: 40px;
      margin-top: -20px;
      position: absolute;
      top: 50%;
      border: #50748A 0.8px solid;
      border-radius: 2px;

    }
    .owl-prev:hover svg path,
    .owl-next:hover svg path{
        stroke: #FFF!important;
    }
    .owl-prev {
      left: 20px;
    }
    .owl-next {
      right: 20px;
    }
    .owl-prev:hover ,
    .owl-next:hover{
        border: none;
    }
  }

@media screen and (max-width:767px){
    .blured__border{
        -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,1) 95%, rgba(0,0,0,0) 100%);
    }
	.embed-container>iframe{
		width:400px!important;
		height:225px!important;
	}
}