@import url("../fonts/founders/stylesheet.css");
@import url("../fonts/bebas-neue-pro/stylesheet.css");
/* mogul.nz custom theme-- Material design icons reference - https : //materialdesignicons.com//* Normalize ------------------------------------- */

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

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

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

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    background: #ffffff;
}

html,
button,
input,
select,
textarea {
    font-family: 'bebas_neue_proregular', Arial, Helvetica, sans-serif;
    color: #222;
}

body {
    margin: 0;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #2fbdff;
    color: #fcfdf4;
    text-shadow: none;
}

::selection {
    background: #2fbdff;
    color: #fcfdf4;
    text-shadow: none;
}

a {
    color: #232d39;
    text-decoration: none;
}

a:visited {
    /* color : #007FEF; */
}

.no-touch a:hover {
    filter: alpha(opacity=75);
    /* opacity : 0.75; */
}

a:focus {
    outline: none;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

small {
    font-size: 75%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

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

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

label {
    cursor: pointer;
}

legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    font-family: 'bebas_neue_proregular', Arial, Helvetica, sans-serif;
}

button,
input {
    line-height: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}

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

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *width: 13px;
    *height: 13px;
}

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

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

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

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

input:valid,
textarea:valid {}

input:invalid,
textarea:invalid {
    background-color: #f0dddd;
}

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

td {
    vertical-align: top;
}


/* Slick slider --------------------------- */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none;
}

.slick-slide.vheight-70 {
    height: 70vh;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    /* display : block; */
    /* width : 100%; */
}

.slick-slide.slick-loading img {
    display: none;
}

.section--news-showcase .slick-slide.slick-loading img {
    display: block;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.section--news-showcase .slick-arrow.slick-hidden {
    display: block;
}

/* Dots */

.slick-dots {
    position: absolute;
    bottom: 40px;
    z-index: 9;
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

.slick-dots button {
    background: rgb(204, 204, 204);
}

.slick-dots li {
    font-size: 0px;
    display: inline-block;
    margin: 0 5px;
}

.slick-dots li button {
    border: 0px;
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 20px;
    padding: 0px;
    outline: none;
    text-indent: -9999px;
    background-color: #e1e1e1;
    border: solid 3px #e1e1e1;
}

.slick-dots li.slick-active {}

.slick-dots li.slick-active button {
    background: #c6d92d;
    background-color: #c7d92d;
    color: #232d39;
    border: solid 3px #c7d92d;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

@media screen and (max-width: 450px) {
    .slick-dots button {}
}


/* Arrows */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    cursor: pointer;
    color: #ffffff;
    border: none;
    outline: none;
    background: #39424b;
    z-index: 1;
    border-radius: 100px;
}

.slick-prev:hover,
.slick-next:hover {
    outline: none;
    background: #c6d92d;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    /* opacity : .25; */
}

.slick-prev:before,
.slick-next:before {
    font-size: 45px;
    line-height: 1;
    opacity: 1;
    color: fcfdf4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Material Design Icons";
    text-align: center;
    font-size: 35px;
}

.slick-prev {
    left: 20px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: "\F141";
}

[dir='rtl'] .slick-prev:before {
    content: '>';
}

.slick-next {
    right: 20px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: "\F142";
}

[dir='rtl'] .slick-next:before {
    content: '<';
}

.slick-disabled,
.slick-disabled:hover {
    pointer-events: none;
    color: #ffffff;
    background: #d7d9db;
    opacity: 1;
}

.single-product-image .slick-prev,
.single-product-image .slick-next {
    width: 32px;
    height: 100%;
    top: 0;
    margin-top: 0;
    border-radius: 0;
    background-color: transparent;
    min-width: auto;
}

.single-product-image .slick-prev::before,
.single-product-image .slick-next::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 10px;
}

.single-product-image .slick-prev::before {
    background-image: url(../img/Icons/Left.svg);
}

.single-product-image .slick-next::before {
    background-image: url(../img/Icons/Right.svg);
}

.single-product-image .slick-prev {
    left: 0;
}

.single-product-image .slick-next {
    right: 0;
    border-left: 1px solid #E5E5E5;
}

.single-product-image .slick-list {
    margin: 0 32px;
}

.single-product-image .slick-slide img {
    height: 120px;
    width: auto;
    object-fit: contain;
}

.single-product-image .slick-arrow:hover {
    background-color: #F6F6F6;
}


/* Flex layout Helpers ----------------------------- */

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}

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

.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

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

.flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flex-grow-none {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.flex-shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.flex-shrink-none {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-align-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
}

.flex-align-start {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
}

.flex-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

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


/* Helpers ----------------------------- */

.hidden {
    display: none !important;
    visibility: hidden;
}


/* Wrap --------------------------- */

.wrap {
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 1200px) {
    .nav-open .wrap {
        box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.14);
    }
}


/* Grid ------------------------ */

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-1-1 {
    width: 100%;
}

.col-1-2 {
    width: 50%;
}

.col-1-3 {
    width: 33.33%;
}

.col-2-3 {
    width: 66.66%;
}

.col-1-4 {
    width: 25%;
}

.col-2-4 {
    width: 50%;
}

.col-3-4 {
    width: 75%;
}

.grid.column-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tiles .grid.column-2,
.cards .grid.column-2 {
    margin-left: -10px;
    margin-right: -10px;
}

.tiles .grid.column-2.tight,
.cards .grid.column-2.tight {
    margin-left: -6px;
    margin-right: -6px;
}

.grid.column-2 .col {
    width: 50%;
}

.grid.column-2 .col.tile,
.grid.column-2 .col.card {
    width: calc(50% - 20px);
    margin-right: 10px;
    margin-left: 10px;
}

.grid.column-2.tight .col.tile,
.grid.column-2.tight .col.card {
    width: calc(50% - 12px);
    margin-left: 6px;
    margin-right: 6px;
}

.grid.column-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tiles .grid.column-3,
.cards .grid.column-3 {
    margin-left: -10px;
    margin-right: -10px;
}

.tiles .grid.column-3.tight,
.cards .grid.column-3.tight {
    margin-left: -6px;
    margin-right: -6px;
}

.grid.column-3 .col {
    width: 33.33%;
}

.grid.column-3 .col.tile,
.grid.column-3 .col.card {
    width: calc(33.33% - 20px);
    margin-right: 10px;
    margin-left: 10px;
}

.grid.column-3.tight .col.tile,
.grid.column-3.tight .col.card {
    width: calc(33.33% - 12px);
    margin-right: 6px;
    margin-left: 6px;
}

.grid.column-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid.column-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tiles .grid.column-4,
.cards .grid.column-4 {
    margin-left: -10px;
    margin-right: -10px;
}

.tiles .grid.column-4.tight,
.cards .grid.column-4.tight {
    margin-left: -6px;
    margin-right: -6px;
}

.grid.column-4 .col {
    width: 25%;
}

.grid.column-4 .col.tile,
.grid.column-4 .col.card {
    width: calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}

.grid.column-6 .col.tile,
.grid.column-6 .col.card {
    width: calc(16.666% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}

.grid.column-4.tight .col {
    width: calc(25% - 12px);
    margin-left: 6px;
    margin-right: 6px;
}

@media screen and (max-width: 1200px) {
    .grid.column-2 .col,
    .grid.column-3 .col,
    .grid.column-4 .col,
    .grid.column-4 .col:last-child {
        width: 50%;
    }
    .grid.column-2 .col.tile,
    .grid.column-2 .col.card,
    .grid.column-3 .col.tile,
    .grid.column-3 .col.card,
    .grid.column-4 .col.tile,
    .grid.column-4 .col.card {
        width: calc(50% - 28px);
    }
    .grid.column-2.tight .col.tile,
    .grid.column-2.tight .col.card,
    .grid.column-3.tight .col.tile,
    .grid.column-3.tight .col.card,
    .grid.column-4.tight .col.tile,
    .grid.column-4.tight .col.card {
        width: calc(50% - 12px);
    }
}

@media screen and (max-width: 600px) {
    .tiles .grid.column-2,
    .cards .grid.column-2,
    .tiles .grid.column-2.tight,
    .cards .grid.column-2.tight,
    .tiles .grid.column-3,
    .cards .grid.column-3,
    .tiles .grid.column-3.tight,
    .cards .grid.column-3.tight,
    .tiles .grid.column-4,
    .cards .grid.column-4,
    .tiles .grid.column-4.tight,
    .cards .grid.column-4.tight {
        margin-left: 0;
        margin-right: 0;
    }
    .grid.column-2 .col,
    .grid.column-3 .col,
    .grid.column-4 .col,
    .grid.column-4 .col:last-child,
    .grid.column-2 .col.tile,
    .grid.column-2 .col.card,
    .grid.column-3 .col.tile,
    .grid.column-3 .col.card,
    .grid.column-4 .col.tile,
    .grid.column-4 .col.card,
    .grid.column-2.tight .col.tile,
    .grid.column-2.tight .col.card,
    .grid.column-3.tight .col.tile,
    .grid.column-3.tight .col.card,
    .grid.column-4.tight .col.tile,
    .grid.column-4.tight .col.card {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}


/* Inner --------------------------- */

.inner {
    max-width: 1520px;
    padding: 40px 40px 40px;
    margin: 0 auto;
    position: relative;
}

.inner-900 {
    max-width: 900px;
}

.inner-700 {
    max-width: 700px;
}

.inner.wide {
    max-width: 100%;
    padding: 0 60px;
}

.inner.medium {
    max-width: 1400px;
}

.inner.thin {
    max-width: 1210px;
}


/* WP - image styles --------------------------- */

img.alignright {
    float: right;
    margin: 0 0 1em 1em;
    max-width: 36%;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    font-size: 12px;
}

.alignleft.wp-caption {
    margin: 10px 20px 10px 0px;
    max-width: 100%;
    max-width: 50%;
}

.alignright.wp-caption {
    margin: 10px 0px 20px 20px;
}

.wp-caption img {
    margin-bottom: 10px;
}


/* Responsive video ----------------------- */

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16 : 9 */
    padding-top: 25px;
    height: 0;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Typography ------------------------ */

body {
    font-size: 1em;
    font-family: 'bebas_neue_proregular', Arial, Helvetica, sans-serif;
    line-height: 1.375em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.8em;
    margin-top: 0.7em;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    /*margin-bottom: 0.8em;
    margin-top: 0.7em;*/
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0px;
    font-weight: 600;
}

h1 {
    font-size: 3em;
    line-height: 1.05em;
}

h2 {
    font-size: 40px;
    line-height: 55px;
    letter-spacing: -0.8px;
    margin-top: 20px;
    font-weight: 600;
    color: #232D39;
}

h3 {
    font-size: 1.9em;
    line-height: 1.25em;
    font-weight: 900;
}

h4 {
    font-size: 2.125em;
    line-height: 1em;
    font-weight: 800;
}

h5 {
    font-size: 1em;
    line-height: 1.22em;
}

.h1 {
    font-size: 3em;
    line-height: 1.05em;
}

.h2 {
    font-size: 40px;
    line-height: 55px;
    letter-spacing: -0.8px;
    margin-top: 20px;
    font-weight: 600;
}

.h3 {
    font-size: 1.9em;
    line-height: 1.25em;
    font-weight: 900;
}

.h4 {
    font-size: 2.125em;
    line-height: 1.22em;
    font-weight: 800;
}

.h5 {
    font-size: 1em;
    line-height: 1.22em;
}

p {
    color: #000000;
    line-height: 1.6em;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3;
}

li {
    color: #000000;
    line-height: 1.6em;
    font-weight: 300;
    line-height: 1.4;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark p,
.dark li,
.dark span,
.dark strong {
    color: #fcfdf4;
}

blockquote {
    font-size: 1.5em;
    line-height: 1.45833333em;
    border-left: 4px solid #E6E6E6;
    padding-left: 40px;
    margin-left: 0px;
}

.dark blockquote {
    border-left: 4px solid rgba(255, 255, 255, 0.2);
}

.text-center {
    text-align: center;
    margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
    h1 {
        font-size: 2.5em;
        line-height: 1.125em;
    }
    h2 {
        font-size: 2em;
        line-height: 1.25em;
    }
    h3 {
        font-size: 1.5em;
        line-height: 1.25em;
    }
    h4 {
        font-size: 1.125em;
        line-height: 1.22em;
    }
    .alternating .col-inner h2::after,
    .alternating .col-inner h4::after {
        margin-bottom: 32px;
        height: 4px;
        width: 60px;
    }
    .alternating h2 {
        font-size: 32px;
        line-height: 43px;
        letter-spacing: -0.64px;
    }
    .alternating h4 {
        font-size: 22px;
        line-height: 32px;
        letter-spacing: -0.44px;
        margin: 0 0 24px;
    }
}

@media screen and (max-width: 849px) {
    body {
        line-height: 1.25em;
    }
    h1 {
        font-size: 2em;
        line-height: 1.25em;
    }
    h2 {
        font-size: 1.625em;
        line-height: 1.15em;
    }
    h3 {
        font-size: 1.375em;
        line-height: 1.13em;
    }
    h4 {
        font-size: 1.125em;
        line-height: 1.11em;
    }
    h5 {
        line-height: 1.11em;
    }
    p,
    li {
        font-size: 20px;
    }
    blockquote {
        font-size: 1.25em;
        line-height: 1.25em;
    }
}


/* Icons --------------------------- */

i[class*="icon"] {
    font-family: 'framework';
    cursor: pointer;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    display: block;
    line-height: inherit !important;
}

i.icon-play {
    position: absolute;
    color: fcfdf4;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    font-size: 5.625em;
    width: 97px;
    height: 90px;
    line-height: 90px;
    cursor: pointer;
}


/* Search --------------------------- */

.search-form {
    position: fixed;
    display: none;
    width: 100%;
    background-color: #232d39 !important;
    left: 0;
    right: 0;
    margin: 0px;
    border-top: 0px;
    z-index: 9999;
    top: 47px;
    height: 98px;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.search-form input {
    border: 0;
    color: rgba(255, 255, 255, 0.96);
    font-size: 2em;
    height: auto;
    padding: 28px 20px 28px 20px;
    margin: 1px 0 0;
    width: calc(100% - 240px);
    outline: 0;
    box-sizing: border-box;
    background-color: #232d39 !important;
    font-weight: normal;
    text-align: right;
}

.search-form input[type="submit"] {
    display: none;
}

.search-form small {
    position: absolute;
    top: calc(38%);
    right: 30px;
    color: rgb(113, 113, 113);
    font-size: 12px;
}

.search-form small a {
    color: #c7d92d;
    background-color: #000000;
    display: inline-block;
    padding: 2px 11px;
    border-radius: 30px;
    margin-left: 7px;
}

.no-touchevents header .icon-search:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

@media screen and (max-width: 1300px) {
    .search-form input {
        font-size: 1.8em;
        padding: 29px 20px 28px 20px;
    }
}

@media screen and (max-width: 520px) {
    .search-form input {
        font-size: 22px;
        width: 100%;
        text-align: center;
    }
    .search-form small {
        position: relative;
        top: initial;
        display: block;
        padding: 0px 20px 20px;
        right: 0px;
        font-size: 12px;
        text-align: center;
    }
}


/* Mobile nav --------------------------- */

.ttiw-ms-only {
    display: none;
    width: 100%;
}

.ttiw-ls-only {
    display: block;
    width: 100%;
}

.ttiw-top-nav {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 0 6px;
}

.header-inner .ttiw-top-nav,
.header-inner .ttiw-top-nav a,
.header-inner .ttiw-top-nav a:active,
.header-inner .ttiw-top-nav a:visited,
.header-inner .ttiw-top-nav a:hover {
    color: #c7d92d;
    font-size: 12px;
}

@media screen and (max-width: 520px) {
    .ttiw-tagline span {
        display: none;
    }
}

.ttiw-user {}

@media screen and (max-width: 1200px) {
    .ttiw-ms-only {
        display: block;
    }
    .header {
        border-bottom: 6px solid #242d39;
    }
}

.admin-bar .mobile-nav {
    top: 148px;
}

.menu-item-home {
    display: none;
}

.mobile-nav {
    width: 300px;
    position: fixed;
    z-index: 10;
    right: -300px;
    top: 102px;
    background: #FFFFFF;
    height: 100vh;
    overflow-y: auto;
    border-top: 1px solid #232d39;
    border-bottom: 1px solid #232d39;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.mobile-nav .mdi-close {
    color: #FFFFFF;
    padding: 25px 19px 12px;
    font-size: 36px;
    cursor: pointer;
    display: none;
}

.mdi-phone {
    font-size: 36px !important;
    height: 32px;
    width: 60px;
}

.section--office-locations .phone .mdi-phone {
    font-size: inherit !important;
    height: auto;
    width: auto;
    display: block;
}

.mobile-nav ul {}

.mobile-nav li {
    border-bottom: 1px solid #232d39;
    background-color: #c7d82e;
    font-size: 14px;
}

.mobile-nav li.menu-item-object-page,
.mobile-nav li.menu-item-39263 {
    border-bottom: none;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: normal;
}

.mobile-nav li.menu-item-object-page>a,
.mobile-nav li.menu-item-39263>a {
    font-weight: normal;
    padding-bottom: 0;
}

.mobile-nav li.menu-item-object-page>a:before,
.mobile-nav li.menu-item-39263 a:before {
    display: none;
}

.mobile-nav li.menu-item-39263 a {
    padding: 10px 20px;
    display: table;
    width: 80%;
    text-align: center;
    font-weight: 600;
    margin: 20px auto;
    background-color: #232d39;
    color: #c7d82e;
    border-radius: 10px;
}

.mobile-nav li.current_page_item.menu-item-object-page a {
    background-color: #ffffff;
    color: #232d39;
    font-weight: bold;
}

.mobile-nav li.current_page_item a,
.mobile-nav li.current_page_parent a,
.mobile-nav li.current_page_ancestor a {
    color: #c7d82e;
    background-color: #232d39;
}

.mobile-nav li.current-menu-parent a {
    color: #c7d82e;
    background-color: #232d39;
}

.mobile-nav li.current-menu-ancestor .current-menu-item a {
    font-weight: 600;
}

.mobile-nav li a {
    color: #232d39;
    display: block;
    padding: 8px 0 8px 28px;
    font-size: 18px;
    font-weight: 500;
}

.mobile-nav ul>li>a {
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}

.mobile-nav ul>li.open>a {
    color: #c7d82e;
    background-color: #232d39;
}

.mobile-nav ul>li>a:before {
    position: absolute;
    left: 16px;
    content: "";
    background-color: #232d39;
    width: 2px;
    z-index: 100;
    height: 26px;
    transform: skew(-6deg);
}

.mobile-nav ul>li.current-menu-item>a:before,
.mobile-nav ul>li.current-menu-parent>a:before,
.mobile-nav ul>li.current-menu-ancestor>a:before {
    background-color: #c7d82e;
    width: 4px;
}

.mobile-nav .menu-item-has-children.open>a:before {
    background-color: #c7d82e;
    width: 4px;
}

.mobile-nav ul ul.sub-menu {
    padding: 0;
    padding-left: 40px;
}

.mobile-nav ul ul.sub-menu li a:before {
    display: none;
}

.mobile-nav ul ul.sub-menu li {
    border-bottom: 1px solid #c7d82e;
    background-color: #ffffff;
}

.mobile-nav ul ul.sub-menu li:last-child {
    border-bottom: none;
}

.mobile-nav ul ul.sub-menu li a {
    text-transform: inherit;
    padding-left: 0;
    font-weight: normal;
    background-color: inherit;
    color: inherit;
}

.mobile-nav .menu-item-has-children>a:after {
    content: '\f415';
    margin-left: 10px;
    font-size: 0.9em;
    font-size: 25px;
    line-height: 1.2em;
    color: #000;
    background-color: #c7d82e;
    height: 24px;
    width: 24px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    font-family: 'Material Design Icons';
    position: absolute;
    right: 10px;
}

.mobile-nav .menu-item-has-children.open>a:after {
    content: '\f374'
}

.mobile-nav .menu-item-has-children>ul.sub-menu {
    display: none;
    background-color: #ffffff;
}

.mobile-nav .menu-item-has-children.open>ul-sub-menu {
    display: block;
}

.mobile-nav:before {
    position: absolute;
    bottom: 0;
    width: 250px;
    background: black;
    content: '';
}

@media screen and (max-width: 1200px) {
    .nav-open .mobile-nav {
        right: 0;
        position: absolute;
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    .nav-open .mdi-menu:before {
        content: "\F156";
    }
    .mdi-menu {
        z-index: 1000;
    }
}


/* Header --------------------------- */

#header {
    position: fixed;
    background-color: #c7d92d !important;
    top: 0;
    z-index: 9999;
    width: 100%;
}

.admin-bar #header {
    top: 32px;
}

#header.transparent {
    position: absolute;
    z-index: 1;
    width: 100%;
}

#header a.main-logo {
    margin: 0;
    float: left;
    font-size: 0px;
    line-height: 0px;
    color: transparent;
    display: block;
    min-width: 319px;
    height: 96px;
    background-image: url(../img/tti-logo.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
}

.header-inner {
    flex-grow: 2;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.header-inner nav {
    display: flex;
    align-items: center;
}

.header-inner nav>ul {
    padding: 0;
}

.header-inner>nav>ul>li {
    display: inline-block;
}

.header-inner nav a {
    font-size: 17px;
}

.transparent .header-inner nav a {
    color: #fcfdf4;
}

#header [class*="mdi"] {
    font-size: 26px;
    padding: 6px;
    float: right;
    font-weight: 400;
}

#header.transparent [class*="mdi"] {
    color: fcfdf4;
}

#header .icon-search {}

#header .mdi-menu {
    display: none;
}

#header img.xero {
    width: 120px;
    float: right;
    margin-right: 19px;
}

@media screen and (max-width: 1200px) {
    .header-inner nav {
        /* display : none; */
    }
    #header .mdi-menu {
        display: block;
        margin-top: 7px;
    }
}

@media screen and (max-width: 782px) {
    .admin-bar #header {
        top: 40px;
    }
}


/* Header - Dropdown */


/* Backgrounds --------------------------- */

.bg-grey {
    background: #e2e2e2;
    background: #fcfdf4;
}

.bg-white {
    background: transparent;
}

.bg-black {
    background: black;
}

.background-image {
    background-size: cover;
    background-position: center;
    position: relative;
}

.background-image:before {
    content: ' ';
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.intro-default-page.layer.background-image {
    background-color: #232d39;
}

.intro-default-page.layer.background-image::before {
    display: none
}

.intro-default-page .flex .left {
    position: relative;
}

.intro-default-page .flex .left::before {
    content: ' ';
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.slider-home .background-image:before {
    display: none;
}

.background-image.no-overlay:before {
    display: none;
}

.background-image h1,
.background-image h2,
.background-image h3,
.background-image h4,
.background-image h5,
.background-image h6,
.background-image p,
.background-image li,
.background-image span,
.background-image strong {
    color: #fcfdf4;
}


/* Intro --------------------------- */

.intro {}

.intro-copy {}

.intro-copy h1,
.intro-copy h2,
.intro-copy h3 {
    margin-top: 15px;
    margin-bottom: 22px;
    color: #c7d92d;
}


/* Intro - Home */

.intro-default {}

.intro-default .inner {
    padding: 100px 7% 60px;
    max-width: 1700px;
}

.intro-default .inner .intro-copy {}


/* Intro - Home */

.intro-home {}

.intro-home .inner {
    padding: 0 7%;
    min-height: 640px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.intro-home .intro-copy {}


/* Intro - Home Slider */

.slider-home {}

.slider-home .slide {}

.slider-home .slide .inner {
    justify-content: flex-end;
    max-height: 740px;
    padding: 0;
    display: none;
}

.slider-home .slide .intro-copy {
    padding: 40px 0px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slider-home .slick-dots button {
    background: rgb(255, 255, 255);
}

.slider-home .slick-dots li.slick-active button {
    /* background : fcfdf4; */
}

@media screen and (max-width: 800px) {
    .intro-home .inner {
        padding: 0 7%;
    }
    .intro-default .inner {
        padding: 80px 7% 40px;
    }
}

@media screen and (max-width: 400px) {
    .slider-home .slide .intro-copy {
        min-height: 510px;
    }
    .intro-home .inner {
        padding: 0 7%;
        min-height: 510px;
    }
    .intro-default .inner {
        padding: 50px 7% 20px;
    }
}


/* Products Intro --------------------------- */

.mobile-show {
    display: none;
}

.product-copy {
    margin-bottom: 35px;
}

.product-showcase-slider {
    margin-bottom: 9px;
    margin-top: 74px;
}

.product-showcase-slider img {}

.product-nav-slider {
    margin-bottom: 74px !important;
}

.product-nav-slider img {
    padding: 6px;
    opacity: 0.4;
    -ms-filter: "progid : DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.product-nav-slider img.slick-current {
    opacity: 1;
    -ms-filter: "progid : DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.product-nav-slider .slick-next {
    right: -35px;
}

.product-nav-slider .slick-next:before {
    color: #adadad;
}

.product-nav-slider .slick-prev {
    left: -40px;
}

.product-nav-slider .slick-prev:before {
    color: #adadad;
}

.product-nav-slider .slick-dots {
    bottom: -28px;
}

.product-nav-slider .slick-dots button {
    background: rgba(0, 0, 0, 0.13);
}

.product-nav-slider .slick-dots li.slick-active button {
    background: #828282;
}

@media screen and (max-width: 1100px) {
    .mobile-show {
        display: block
    }
    .mobile-hide {
        display: none;
    }
    .product-details .grid.column-2 {
        margin: 0px;
    }
    .product-details .grid.column-2 .col {
        width: 100%;
        margin: 0;
    }
    .product-showcase-slider {
        margin-top: 30px;
    }
}

@media screen and (max-width: 650px) {
    .product-copy p {
        font-size: 13px;
        line-height: 1.6em;
    }
    .product-option label {
        width: 100%;
    }
    .product-option select {
        width: 100%;
    }
    .product-showcase-slider {
        margin-bottom: 5px;
    }
    .product-nav-slider img {
        padding: 2px;
    }
    .variable-product-description p {
        font-size: 14px;
        line-height: 22px;
    }
}

.product-cat-intro img {
    max-width: 100%;
}


/* video background --------------------------- */

.bg-vid-parent {
    height: 100vh;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    overflow-x: hidden;
    max-height: 700px;
}

.bg-video {
    display: block;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    pointer-events: none;
    top: -200px;
}

.bg-video[style*="display"] {
    opacity: 1;
}

.bg-vid-parent .inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: right;
}

.bg-vid-parent .inner>.intro-copy {
    background: rgba(255, 255, 255, 0.76);
    background: transparent;
    padding: 40px;
    border-radius: 17px;
    display: inline-block;
    margin-top: -78px;
    width: 800px;
    text-shadow: 2px 2px 3px #232d39;
}

@media screen and (max-width: 1099px) {
    .bg-vid-parent.background-image {
        /* background-attachment : fixed !Important; */
    }
    .touchevents .bg-vid-parent.background-image {
        background-attachment: scroll !Important;
    }
    /* AAZ: VIDEO DISPLAY */
    .alternating.home-product .inner {
        top: -22px !important;
    }
}


/* Tables --------------------------- */

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
    width: 100%;
}

table td,
table th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: 0.5em 1em
}

table th {
    border-bottom: 1px solid #cbcbcb;
    font-weight: 700;
}

table td:first-child,
table th:first-child {
    border-left-width: 0
}

table thead {
    background: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom
}

table tr:nth-child(2n-1) td {
    /*background-color : #f8f8f8*/
}

table td {
    border-bottom: 1px solid #cbcbcb
}


/* Dividers --------------------------- */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #E4E4E4;
    margin: 1em 0;
    padding: 0;
}

hr.divider {
    margin: 3em 0;
}

.dark hr {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}


/* Section header --------------------------- */

.section-header {
    padding-bottom: 1px;
}

.section-head {
    margin-bottom: 60px;
    position: relative;
}

.features .section-head {
    margin-bottom: 65px;
    position: relative;
}

.section-head.center {
    margin-left: auto;
    margin-right: auto;
    max-width: 760px;
    text-align: center;
}

.section-head h2,
.section-head h3,
.section-head h4,
.section-head h5 {
    margin-top: 10px;
    margin-bottom: 5px;
}

h5:empty {
    display: none
}

.section-head h2 {
    margin-top: 10px;
    margin-bottom: 5px;
    line-height: 55px;
}

.section-head.dark h2,
.section-head.dark h3,
.section-head.dark h4,
.section-head.dark h5 {
    color: fcfdf4;
}

.section-head.center .button-group {
    position: relative;
    margin: 2em 0 0;
}

@media screen and (min-width: 650px) {
    .section-head .button-group {
        margin: 0;
        bottom: 0;
    }
}

@media screen and (max-width: 650px) {
    .section-head h3,
    .section-head h4,
    .section-head h5 {
        display: block;
        margin-bottom: 20px;
    }
}


/* Single Column --------------------------- */

.single-column {}

.single-column>.inner {
    padding: 60px 7% 50px;
    max-width: 1700px;
}

.woocommerce-checkout .single-column {}

.woocommerce-checkout .single-column>.inner {
    padding: 60px 7%;
}

@media screen and (max-width: 400px) {
    .single-column>.inner {
        padding: 30px 7% 20px;
    }
}


/* Tabs --------------------------- */

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: fcfdf4;
    text-align: center;
}

ul.tabs li {
    color: #505050;
    display: inline-block;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 2px 2px 0px 0px;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.no-touch ul.tabs li:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

ul.tabs li.current {
    border-bottom: 2px solid #15CD52;
}

.no-touch ul.tabs li.current:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.tab-content {
    display: none;
}

.tab-content.current {
    display: inherit;
}


/* Accordions -------------------------- */

.accordions {}

.accordions>.inner {
    padding: 60px 7%;
    max-width: 1390px;
}

.accordions .section-head {
    margin-bottom: 20px;
}

.accordion-head {
    cursor: pointer;
    padding: 12px 62px 12px 20px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #eee;
    border-top: 0;
    position: relative;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: -0.56px;
    background: #F6F6F6;
}

.accordion-head:first-child {
    border-top: 1px solid #eee;
}

.accordion-head:hover {
    background: fcfdf4;
}

.accordion-head:before {
    content: "\F415";
    font-family: "Material Design Icons";
    position: absolute;
    right: 11px;
    font-size: 21px;
    top: 13px;
    font-weight: 400;
}

.accordion-head.open:before {
    content: "\F374";
}

.accordion-body {
    display: none;
    background: rgb(255, 255, 255);
    padding: 5px 20px;
    border: 1px solid #eee;
    border-top: 0;
    margin-bottom: 10px;
}

.accordion-body p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #232D39;
}

.accordion-body ul {
    margin: 1em 0;
    padding: 0px 0 0 18px;
}

.accordion-body ul li {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #232D39;
}

.accordion-body.default {
    display: block;
}

.layer-accordions .section-head.center h2::after {
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .accordion-head {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.4px;
        padding: 10px 40px 10px 15px;
    }
    .accordion-body p {
        font-size: 16px;
        line-height: 26px;
    }
    .accordion-body ul li {
        font-size: 16px;
        line-height: 26px;
    }
}

@media screen and (max-width: 600px) {
    .accordions>.inner {
        padding: 20px 7%;
    }
}


/* Breadcrumbs --------------------------- */

.breadcrumbs {
    margin: 0 0 0px;
    list-style: none;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

.breadcrumbs li {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    position: relative;
    color: #232D39;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    align-items: center;
    padding: 0;
}

.breadcrumbs.light li {
    color: #757575;
}

.breadcrumbs li:after {
    display: block;
    content: '/';
    font-size: 14px;
    line-height: 19px;
    border-radius: 100px;
    padding-left: 0;
    color: #fcfdf4;
    text-align: center;
    margin-left: 8px;
    margin-right: 8px;
}

.simple-product .breadcrumbs li:after {
    color: #232D39;
    opacity: 40%;
}

.breadcrumbs li:last-child:after {
    display: none;
}

.breadcrumbs li a {
    color: fcfdf4;
}

.breadcrumbs.light li a {
    color: #EE4136;
}

.categories-wrap .layer:hover:after {
    box-shadow: none;
    content: '';
    display: none;
}


/* Tiles -------------------------- Add the following classes (to layer) to alter the mobile rendering : - "mobile-horizontal" - show tiles as rows with image on left - "mobile-slide" - show tiles in a tiles slider --------------------------- */

.tiles {
    z-index: 10;
}

.tiles .inner {
    /*padding: 25px 0 25px;
    margin: 30px auto;*/
}

.grid .tile {}

.grid .tile img {
    width: 100%;
}

.grid .tile.shadow {
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.grid .card .tile-copy {
    padding: 20px 30px 20px;
}

.grid .tile .tile-copy {
    padding: 20px;
    padding: 0px;
    padding-right: 20px;
}

.grid .tile-copy.transparent {
    background: transparent;
}

.grid .tile-copy.transparent {
    padding: 25px 0px 0px;
}

.grid .tile-copy p {
    /* font-size : 0.8em; */
}

.tile-copy p:last-child {
    margin-bottom: 0px;
}

@media screen and (max-width: 849px) {
    .tiles .inner {
        padding: 30px 7%;
    }
}


/* Mobile horizontal rows */

@media screen and (max-width: 600px) {
    .mobile-horizontal .grid .tile {
        margin: 0;
        padding: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        box-shadow: none;
        border-top: 1px solid #eee;
    }
    .mobile-horizontal .tile img:first-child {
        height: auto;
        display: block !important;
        max-width: 26%;
        margin-right: 5%;
    }
    .mobile-horizontal .tile>a:first-child {
        max-width: 26%;
        margin-right: 5%;
    }
    .mobile-horizontal .tile>a:first-child>img {
        width: 100%;
        min-width: 100%;
    }
    .mobile-horizontal .tile .tile-copy {
        padding: 0;
        position: relative;
        width: 73%;
    }
    .mobile-horizontal .tile .tile-copy h4 {
        margin-bottom: 10px;
    }
    .mobile-horizontal .tile .tile-copy p {
        font-size: 12px;
        line-height: 1.5em;
        margin: 0 0 11px;
    }
    .mobile-horizontal .tile .tile-copy .button-group {
        margin-top: 0px;
    }
}

@media screen and (max-width: 450px) {
    .mobile-horizontal .grid .tile {
        padding: 14px 0 9px;
    }
    .mobile-horizontal .tile img:first-child {
        max-width: 23%;
        margin-right: 6%;
    }
    .mobile-horizontal .tile>a:first-child {
        max-width: 23%;
        margin-right: 6%;
        width: 23%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .mobile-horizontal .tile .tile-copy h4 {
        font-size: 15px;
        margin-bottom: 7px;
    }
    .mobile-horizontal .tile .tile-copy .button-group {
        margin-top: 2px;
    }
    .mobile-horizontal .tile .tile-copy .button-group a.button {
        background: transparent;
        color: #007FEF;
        padding: 0;
        margin-bottom: 0px;
    }
    /* shorten text to one line */
    .mobile-horizontal .tile .tile-copy p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        display: block;
        width: 100%;
        margin: 0;
    }
}


/* Mobile tile slider */

@media screen and (max-width: 600px) {
    .mobile-slide.tiles .grid {
        display: block;
        margin-right: calc(-8%);
        margin-left: calc(-8%);
    }
    .mobile-slide.tiles .grid .slick-list {
        padding-left: 7%;
    }
    .mobile-slide.tiles .grid .tile {
        width: 230px;
        margin-right: 16px;
        margin-bottom: 5px;
    }
    .mobile-slide.tiles .grid .tile-copy {
        padding: 20px 10px 10px;
    }
    .mobile-slide.tiles .grid .tile img {
        display: block !important;
    }
    .mobile-slide.tiles .tile-copy h4 {
        margin-bottom: 10px;
    }
    .mobile-slide.tiles .tile-copy p {
        font-size: 12px;
        line-height: 1.5em;
        margin: 0 0 11px;
    }
    .mobile-slide.tiles .tile-copy .button-group {
        margin-top: 0px;
    }
    .mobile-slide.tiles .slick-dots {
        position: relative;
        bottom: 0;
        text-align: left;
        padding-left: 7%;
        padding-top: 10px;
    }
    .mobile-slide.tiles .slick-dots button {
        background: rgba(0, 0, 0, 0.16);
    }
    .mobile-slide.tiles .slick-dots li.slick-active button {
        background: rgba(0, 0, 0, 0.41);
    }
}


/* Tile Slider --------------------------- */

.tiles-slider {}

.tile-slider {}


/* Cards -------------------------- Add the following classes (to layer) to alter the mobile rendering : - "mobile-horizontal" - show tiles as rows with image on left - "mobile-slide" - show tiles in a cards slider --------------------------- */

.cards {}

.cards .inner {
    padding: 60px 7% 100px;
    max-width: 1660px;
}

.features-cards.cards .inner {
    padding: 80px 40px 80px;
    max-width: 1520px;
}

.grid .card {
    position: relative;
    margin-bottom: 20px;
    display: block !important;
    overflow: hidden;
    border-radius: 3px;
}

.grid .card .button-group {
    margin: 0px;
}

.card img {
    width: 100%;
    display: none !important;
}

.card .tile-copy {
    position: absolute;
    bottom: 0px;
    background: transparent;
}

.card .tile-copy.dark a {
    color: fcfdf4;
}

.card.background-image:before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.9) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.card .date-meta {
    font-size: 12px;
    margin: -8px 0 -6px;
    display: block;
}

@media screen and (min-width: 850px) {
    .grid .card {
        min-height: 330px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 849px) {
    .grid .card {
        min-height: 300px;
    }
    .card {
        min-height: 0px;
    }
    .cards .inner {
        padding: 30px 7%;
    }
}

@media screen and (max-width: 600px) {
    .grid .card {
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 460px) {
    .card img {
        width: auto;
        height: 330px;
    }
}


/* Mobile horizontal rows */

@media screen and (max-width: 600px) {
    .mobile-horizontal .grid .card {
        margin: 0;
        margin-bottom: 0 !important;
        padding: 20px 0;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        box-shadow: none;
        border-top: 1px solid #eee;
        min-height: 0;
        background: transparent !important;
    }
    .mobile-horizontal .grid .card.background-image:before {
        display: none;
    }
    .mobile-horizontal .card img:first-child {
        height: auto;
        display: block !important;
        max-width: 26%;
        margin-right: 5%;
    }
    .mobile-horizontal .card>a:first-child {
        max-width: 26%;
        margin-right: 5%;
    }
    .mobile-horizontal .card>a:first-child>img {
        width: 100%;
        min-width: 100%;
    }
    .mobile-horizontal .card .tile-copy {
        padding: 0;
        position: relative;
        width: 73%;
    }
    .mobile-horizontal .card .tile-copy h4 {
        margin-bottom: 10px;
    }
    .mobile-horizontal .card .tile-copy p {
        font-size: 12px;
        line-height: 1.5em;
        margin: 0 0 5px;
    }
    .mobile-horizontal .card .tile-copy .button-group {
        margin-top: 0px;
    }
}

@media screen and (max-width: 450px) {
    .mobile-horizontal .grid .card {
        padding: 14px 0 9px;
    }
    .mobile-horizontal .card img:first-child {
        max-width: 23%;
        margin-right: 6%;
    }
    .mobile-horizontal .card>a:first-child {
        max-width: 23%;
        margin-right: 6%;
        width: 23%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .mobile-horizontal .card .tile-copy h4 {
        font-size: 15px;
        margin-bottom: 7px;
    }
    .mobile-horizontal .card .tile-copy .button-group {
        margin-top: 2px;
    }
    .mobile-horizontal .card .tile-copy .button-group a.button {
        background: transparent;
        color: #007FEF;
        padding: 0;
        margin-bottom: 0px;
    }
}


/* Mobile tile slider */

@media screen and (max-width: 600px) {
    .mobile-slide.cards .grid {
        display: block;
        margin-right: calc(-8%) !important;
        margin-left: calc(-8%) !important;
    }
    .mobile-slide.cards .grid .slick-list {
        padding-left: 7%;
    }
    .mobile-slide.cards .grid .card {
        width: 230px !important;
        margin-right: 8px !important;
        margin-bottom: 1px !important;
        border-radius: 3px;
        overflow: hidden;
    }
    .mobile-slide.cards .grid .tile-copy {
        padding: 20px 10px 10px;
    }
    .mobile-slide.cards .tile-copy h4 {
        margin-bottom: 10px;
    }
    .mobile-slide.cards .tile-copy p {
        font-size: 12px;
        line-height: 1.5em;
        margin: 0 0 11px;
    }
    .mobile-slide.cards .tile-copy .button-group {
        margin-top: 0px;
    }
    .mobile-slide.cards .slick-dots {
        position: relative;
        bottom: 0;
        text-align: left;
        padding-left: 7%;
        padding-top: 10px;
    }
    .mobile-slide.cards .slick-dots button {
        background: rgba(0, 0, 0, 0.16);
    }
    .mobile-slide.cards .slick-dots li.slick-active button {
        background: rgba(0, 0, 0, 0.41);
    }
}


/* Alternating --------------------------- */

.alternating {}

.alternating .grid:not(:last-child) {
    margin-bottom: 70px;
}

.alternating img {
    width: 100%;
}

.alternating .map_embed {
    padding-bottom: 5%;
    overflow: hidden
}

.alternating .col {}

.alternating .col-media {}

.alternating .col-text {
    display: block;
}

@media screen and (min-width: 850px) {
    .alternating .grid:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        /* flex-direction : row-reverse; */
    }
}

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

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

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


/* Alternating - Flex --------------------------- */

.alternating-flex {}

.alternating-flex>.inner {
    max-width: 100%;
    padding: 0;
}

.alternating-flex .section-head {
    margin-bottom: 30px;
}

.alternating-flex .grid.column-2 {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
}

.alternating-flex .grid.column-2>.col {
    margin-bottom: 0px;
}

.alternating-flex .col-text {
    background: #f5f5f5;
    padding: 100px 5%;
}

.img-bg-swap {}

.alternating-flex .img-bg-swap img {
    display: none;
}


/* popup videos */

.intro-product a.popup-video {
    position: relative;
}

a.popup-video {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(45, 45, 45, 0.17);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

a.popup-video i.mdi {
    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;
    color: fcfdf4;
    font-size: 76px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

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

@media screen and (min-width: 920px) {
    .alternating-flex .grid:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

@media screen and (max-width: 919px) {
    .alternating-flex .grid.column-2 {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -ms-grid-row-align: baseline;
        align-items: baseline;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .alternating-flex .grid.column-2 .col {
        width: 100%;
    }
    .alternating-flex .background-image.img-bg-swap {
        background-image: none !important;
    }
    .alternating-flex .img-bg-swap img {
        display: block;
        width: 100%;
    }
    .alternating-flex .grid.column-2 .col {
        margin-bottom: 0px;
    }
    .alternating-flex .col-text {
        padding: 30px 7% 40px;
    }
}

@media screen and (max-width: 450px) {
    a.popup-video i.mdi {
        font-size: 58px;
    }
}


/* Blog filter bar --------------------------- */

.blog-filter {
    background: #fcfdf4;
    margin-bottom: 30px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

.blog-filter ul {
    text-align: center;
    margin: 0;
    padding: 10px;
}

.blog-filter li {
    display: inline-block;
    margin: 10px 20px;
}

.blog-filter .level-1 {
    border-bottom: 1px dashed #EEE;
    margin-bottom: -1px;
}

.blog-filter .level-1 a {
    padding: 0 0 5px 0;
}

.blog-filter .level-1 a:after {
    content: "+";
    padding-left: 5px;
}

.blog-filter .level-1 a.open:after {
    content: "-";
}

.blog-filter .level-2 li {
    font-size: 14px;
    margin: 10px;
}

.blog-filter a:hover {
    opacity: 0.8;
}

.blog-filter a span {
    display: inline-block;
    font-size: 10px;
    padding: 2px 4px;
    min-width: 21px;
    height: 21px;
    border-radius: 100px;
    background: #EEE;
}


/* Comments --------------------------- */

.comments-wrapper .navigation {
    display: none;
}

ol.commentlist {
    list-style: none;
    margin: 0 0 1em;
    padding: 20px 0 0;
    text-indent: 0;
}

ol.commentlist li {}

ol.commentlist li.alt {}

ol.commentlist li.bypostauthor {}

ol.commentlist li.byuser {}

ol.commentlist li.comment-author-admin {}

ol.commentlist li.comment {
    padding: 1em;
    border: 1px solid #eee;
}

ol.commentlist li.comment div.comment-author {}

ol.commentlist li.comment div.vcard cite.fn {
    font-style: normal;
}

ol.commentlist li.comment div.vcard cite.fn a.url {}

ol.commentlist li.comment div.vcard img.avatar {
    border: 5px solid #ccc;
    float: right;
    margin: 0 0 1em 1em;
}

ol.commentlist li.comment div.vcard img.avatar-32 {}

ol.commentlist li.comment div.vcard img.photo {}

ol.commentlist li.comment div.vcard span.says {}

ol.commentlist li.comment div.commentmetadata {}

ol.commentlist li.comment div.comment-meta {
    font-size: 9px;
}

ol.commentlist li.comment div.comment-meta a {
    color: #ccc;
}

ol.commentlist li.comment p {
    margin: 0 0 1em;
    font-size: 14px;
}

ol.commentlist li.comment ul {
    font-size: 11px;
    list-style: square;
    margin: 0 0 1em 2em;
}

ol.commentlist li.comment div.reply {
    font-size: 11px;
}

ol.commentlist li.comment div.reply a {
    font-weight: bold;
}

ol.commentlist li.comment ul.children {
    list-style: none;
    margin: 1em 0 0;
    text-indent: 0;
    padding-left: 0px;
}

ol.commentlist li.comment ul.children li {}

ol.commentlist li.comment ul.children li.alt {}

ol.commentlist li.comment ul.children li.bypostauthor {}

ol.commentlist li.comment ul.children li.byuser {}

ol.commentlist li.comment ul.children li.comment {}

ol.commentlist li.comment ul.children li.comment-author-admin {}

ol.commentlist li.comment ul.children li.depth-2 {
    border-left: 5px solid #eee;
    margin: 0 0 .25em .25em;
}

ol.commentlist li.comment ul.children li.depth-3 {
    border-left: 5px solid #999;
    margin: 0 0 .25em .25em;
}

ol.commentlist li.comment ul.children li.depth-4 {
    border-left: 5px solid #bbb;
    margin: 0 0 .25em .25em;
}

ol.commentlist li.comment ul.children li.depth-5 {}

ol.commentlist li.comment ul.children li.odd {}

ol.commentlist li.even {
    background: #fcfdf4;
}

ol.commentlist li.odd {
    background: #f6f6f6;
}

ol.commentlist li.parent {
    border-left: 5px solid #eee;
}

ol.commentlist li.thread-alt {}

ol.commentlist li.thread-even {}

ol.commentlist li.thread-odd {}

#commentform textarea,
#commentform input {
    background: #EFEFEF;
    border: 0px;
    padding: 10px 10px;
    outline: none;
    width: 100%;
}

#commentform input[type="submit"] {
    font-size: 12px;
    padding: 4px 16px;
    line-height: 26px;
    width: auto;
    border: 2px solid #222;
    background: rgba(0, 0, 0, 0);
    outline: none;
    margin-top: 10px;
    text-transform: uppercase;
}

p.comment-form-url {
    display: none;
}

.content.blog .navigation {
    display: flex;
    justify-content: space-between;
}

.content.blog .navigation .post-next i {
    margin-left: 5px;
    font-style: normal;
}

.content.blog .navigation .post-prev i {
    margin-right: 5px;
    font-style: normal;
}


/* Search page --------------------------- */

.search-results {}

.search-results article {
    display: block;
    float: none;
    width: 100%;
    border-bottom: 1px solid fcfdf4;
    background: fcfdf4;
    padding: 17px 23px 16px;
    display: flex;
    margin: 0px 1% 4px;
    flex-direction: row;
}

.search-results article h3 {
    margin: 0px;
    font-size: 18px;
}

.search-results article h5.date-meta {
    margin: 5px 0px 0px;
}

.search-results article p {
    margin: 10px 0px 0px;
    font-size: 13px;
}

.search-results article img {
    width: 150px;
    float: left;
    margin-right: 10px
}

.load-more-wrapper {
    margin: 10px 0px;
    text-align: center;
}

@media screen and (max-width: 450px) {
    .search-results article h3 {
        line-height: 1.3em;
    }
    .search-results article p {
        font-size: 11px;
    }
}


/* Footer --------------------------- */

.footer {
    background-color: #212d38;
}

.footer .inner {
    padding: 60px 40px 20px;
    max-width: 1520px;
}

.footer .social i {
    font-size: 20px;
    display: inline-block;
    margin: 0px 20px 0px 0;
}

.footer-meta {
    border-top: 1px solid rgba(255, 255, 255, 0.11);
    font-size: 15px;
    padding: 10px 0px;
}

.footer .footer_meta_text {
    display: inline-block;
}


/* Slick - Gallery slider ------------------------------------ */

.gallery-slider img {
    height: 400px;
}

.gallery-slider .slick-dots {
    bottom: 16px;
}

@media screen and (max-width: 1024px) {
    .gallery-slider img {
        height: 300px;
    }
}

@media screen and (max-width: 760px) {
    .gallery-slider img {
        height: 200px;
    }
}

@media screen and (max-width: 450px) {
    .gallery-slider img {
        height: 110px;
    }
    .gallery-slider .slick-dots {
        position: relative;
        bottom: 0px;
        background: #3a3a3a;
        padding-top: 10px;
    }
}


/* Zoom gallery----------------------- */

.mfp-figure figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.mfp-figure .mfp-bottom-bar {
    padding: 14px;
    background: transparent;
}

.mfp-bottom-bar .mfp-counter {
    bottom: 23px;
    right: 0px;
}

.mfp-title .author img.avatar {
    width: 30px;
    left: -40px;
    top: -5px;
}

.mfp-title .author .name {
    color: fcfdf4;
    font-size: 12px;
}

.mfp-title .author .username,
.mfp-title .author .time {
    color: rgba(255, 255, 255, 0.5);
}

.image-source-link {
    color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg,
.mfp-animated-image {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.9;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-ready .mfp-animated-image {
    opacity: 1;
}

.mfp-wrap .mfp-arrow {
    height: auto;
    width: auto;
    margin: 0 0 0;
}

.mfp-arrow:before {
    display: none;
}

.mfp-arrow-right:after,
.mfp-arrow-left:after {
    font-family: framework;
    font-size: 0px;
    color: fcfdf4;
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    border: 0px;
    margin: 0px;
    top: 0px;
    margin: 10px;
    left: -2px;
}

.mfp-wrap .mfp-arrow-right {
    right: 15px;
}

.mfp-wrap .mfp-arrow-left {
    left: 15px;
}

.mfp-arrow.mfp-arrow-right:after {
    content: '';
    background: url(../img/right-arrow.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0
}

.mfp-arrow.mfp-arrow-left:after {
    content: '';
    background: url(../img/left-arrow.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0
}

@media screen and (max-width: 450px) {
    .mfp-arrow-right:after,
    .mfp-arrow-left:after {
        font-size: 20px;
    }
    .mfp-wrap .mfp-arrow-right {
        right: 5px;
    }
    .mfp-wrap .mfp-arrow-left {
        left: 5px;
    }
}


/* Gallery - thumbnail--------------------------- */

.gallery-thumbnails {}

.gallery-thumbnails .inner {
    padding: 60px 7%
}

.gallery-thumbnails .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.gallery-thumbnails .gallery-thumbnail-image {
    width: 20%;
}

.gallery-thumbnail-image {
    display: block;
    margin-top: 0px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.no-touch .gallery-thumbnail-image:hover,
.gallery-thumbnail-image:hover {
    -webkit-transform: scale(0.94);
    -moz-transform: scale(0.94);
    -o-transform: scale(0.94);
    -ms-transform: scale(0.94);
    transform: scale(0.94);
    filter: alpha(opacity=100);
    opacity: 1;
}

.gallery-thumbnail-image img {
    width: 100%;
}

.gallery-thumbnail-image img.image-bg {
    position: absolute;
}

.gallery-thumbnail-image img.image-spacer {
    border: 0px solid #ecf1f7;
}

@media screen and (max-width: 450px) {
    .gallery-thumbnails .gallery-thumbnail-image {
        width: 25%;
    }
}


/* Gallery columns--------------------------- */

.gallery-columns {}

.gallery-columns .inner {
    max-width: 1300px;
    padding: 60px 7%;
}

.gallery-columns .section-head {
    margin-bottom: 20px;
}

.gallery-columns .grid {
    -webkit-columns: 3 220px;
    -moz-columns: 3 220px;
    columns: 3 220px;
    -moz-column-fill: balance;
    column-fill: balance;
}

.gallery-columns .grid>a {
    display: inline-block;
}

.gallery-columns .grid>a img {
    width: 100%;
    display: block;
    border-bottom: 10px solid rgba(255, 255, 255, 0);
}

@media screen and (max-width: 600px) {
    .gallery-columns .inner {
        padding: 30px 7%;
    }
    .gallery-columns .grid {
        -webkit-columns: 2 50px;
        -moz-columns: 2 50px;
        columns: 2 50px;
    }
}


/* Content slider --------------------------- */

.content-slider {
    position: relative;
}

.content-slider>.inner {
    /*padding: 117px 40px;*/
}

.content-slider .section-head {
    margin-bottom: 20px;
}

.content-slider .slide {
    padding: 0 2px;
}

.content-slider .grid {
    margin: 0;
}

.content-slider .col-media {}

.content-slider .col-text {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 5%;
}

.content-slider .col-text-inner {
    /* padding: 0 5% 0 0;*/
}

.content-slider .col-text-inner h2 {
    margin-top: 0;
}

.content-slider .slick-dots {
    position: relative;
    bottom: 0px;
    margin-top: 20px;
    text-align: left;
}

.content-slider h2 {
    margin-bottom: 10px;
}

.content-slider .name {
    font-size: 23px;
}

@media screen and (max-width: 600px) {
    .content-slider .col-text-inner {
        /*padding: 20px 0% 0;*/
    }
}


/* Logo strip----------------------------- */

.logo-strip {
    text-align: center;
}

.logo-strip .inner {
    padding: 85px 0 100px;
}

.logo-strip .section-head {
    margin: 0 auto 18px;
}

.logo-strip img {
    max-width: 195px;
    margin: 10px 18px;
}

@media screen and (max-width: 400px) {
    .logo-strip img {
        max-width: 80px;
        margin: 7px 10px;
    }
}


/* Testimonials --------------------------- */

.testimonials {
    /* text-align : center; */
}

.testimonials .inner {
    /*padding: 80px 0 90px;*/
}

.testimonial .author {
    font-size: 12px;
}

.testimonial img {
    width: 90px;
    border-radius: 100px;
    height: 90px;
    margin: auto;
}

.testimonials .slick-dots {
    position: relative;
    bottom: 0;
    margin: 15px 0 0 0;
}

.testimonials .slick-dots button {
    background: rgba(0, 0, 0, 0.2);
}

.testimonials .slick-dots li.slick-active button {
    background: #222222;
}

.testimonials .slick-slide {}

.testimonials a.popup-video {
    background: none;
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    background-color: rgba(0, 0, 0, 0.1);
}

.testimonials .tile-image-background {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media screen and (min-width: 1200px) {
    .testimonials .slider {
        display: flex;
    }
    .testimonials .slider .testimonial {
        width: 25%;
    }
}

@media screen and (min-width: 600px) {
    .testimonial p {
        font-size: 18px;
        margin-right: 30px;
    }
}

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


/* Columns */

.content-columns {}

.content-columns>.inner {
    /*padding: 60px 7%;
    max-width: 1700px;*/
}

.content-columns .grid.column-2 {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline;
}

.content-columns .grid.column-2 .col {}

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

@media screen and (max-width: 1024px) {
    .content-columns>.inner {
        padding: 30px 40px 30px;
    }
    .content-columns .grid.column-2 {
        flex-direction: column;
    }
    .content-columns .grid.column-2 .col.column {
        width: 100%;
        padding: 0;
    }
    .data-form-frame .lp-ellipsis {
        font-size: 11px;
        line-height: 11px;
    }
    .data-form-frame input[type="text"],
    .data-form-frame input[type="email"],
    .data-form-frame textarea,
    .data-form-frame input[type="tel"] {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 24px;
        padding: 11.5px 16.5px;
    }
    .data-form-frame .containerWrapper .columnContainer:nth-child(2) {
        margin-right: 12px;
    }
    .data-form-frame .containerWrapper .columnContainer {
        width: calc(50% - 6px) !important;
    }
    .data-form-frame form [data-layout="true"] {
        max-width: 924px;
    }
    .data-form-frame input[type="submit"],
    .data-form-frame button {
        font-size: 14px;
        line-height: 19px;
        letter-spacing: -0.35px;
    }
}

@media screen and (max-width: 767px) {
    .content-columns>.inner {
        padding: 20px 20px 20px;
    }
    .part>.inner,
    .variants>.inner {
        padding: 50px 20px 20px !important;
    }
    .content-columns .grid.column-2 .col:nth-child(2n+1) {
        padding-right: 0;
    }
    .content-columns .grid.column-2 .col:nth-child(2n) {
        padding-left: 0;
    }
}

@media screen and (min-width: 601px) {
    .content-columns .grid.column-2 .col.column.location:nth-child(odd) {
        padding-right: 20px;
    }
    .content-columns .grid.column-2 .col.column.location:nth-child(even) {
        padding-left: 20px;
    }
}

@media screen and (max-width: 600px) {
    .content-columns .grid.column-2 .col {
        margin-bottom: 30px;
    }
    .content-columns .grid.column-2 .col:last-child {
        margin-bottom: 0px;
    }
}


/* pricing columns */

.pricing-columns .grid {}

.pricing-columns>.inner {
    padding: 80px 7%;
}

.pricing-column {
    padding-bottom: 4em;
    position: relative;
    padding: 2em;
    border: 1px solid #dedede;
    margin-bottom: 16px;
}

.pricing-column.selected {
    border-color: #000;
    z-index: 1;
    -moz-box-shadow: 0px 0px 0px 10px #fcfdf4;
    padding: 2em;
}

.pricing-column.selected:after {
    content: "Most popular";
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    background: #000;
    padding: 0.6em 1.2em;
    font-size: 10px;
    color: #fcfdf4;
    position: absolute;
    right: 0em;
    top: 0;
    font-weight: 700;
    letter-spacing: 0.15em;
}

.pricing-column-header {
    text-align: center;
}

.pricing-column .button-group {
    text-align: center;
}

p.price {
    font-size: 2.0em;
    font-weight: 700;
}

p.price sup {
    font-size: 0.5em;
    top: -0.65em;
}

.outro {
    padding: 2em 50% 4em 2em;
}

.horizontal .pricing-column {
    width: 100% !Important;
    text-align: left;
    padding-bottom: 2em;
    margin-left: 0px !Important;
    margin-right: 0px !Important;
}

.horizontal .pricing-column-header {
    float: left;
    width: 30%;
    text-align: left;
}

.horizontal .pricing-column-content {
    float: left;
    width: 70%;
    padding: 1.8em 0 0 3em;
}

@media screen and (max-width: 650px) {
    .horizontal .pricing-column-header,
    .pricing-column-header {
        width: 100%;
        text-align: center;
    }
    .horizontal .pricing-column-price,
    .pricing-column-price {
        width: 100%;
        text-align: center;
    }
    .horizontal .pricing-column-content,
    .pricing-column-content {
        clear: both;
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 600px) {
    .columns>.inner,
    .pricing-columns>.inner {
        padding: 30px 7%;
    }
}


/* CTA --------------------------- */

section.layer.cta {
    background: #f2f2f2;
    background-size: cover;
    background-position: center;
}

.cta-background.background-image::before {
    display: none;
}

.cta>.inner {
    padding: 67px 0;
    max-width: 1390px;
}

.cta .section-head {
    margin-bottom: 0px;
}

@media screen and (max-width: 600px) {
    .cta>.inner {
        padding: 27px 7%;
    }
}


/* Popup --------------------------- */


/*html.popup-open,
html.popup-open body {
    overflow: hidden !important;
}*/

.popup {
    background-color: rgba(8, 34, 53, 0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    overflow-x: hidden;
    text-align: center;
}

.popup-inner {
    padding: 80px;
    height: auto;
    width: inherit;
}

.popup-content-wrapper {
    display: inline-block;
    position: relative;
    z-index: 2;
    background: #FFFFFF;
    max-width: 550px;
    text-align: left;
    padding: 20px;
    -webkit-box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);
    -moz-box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);
    box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);
    width: 100%;
}

.popup-content-wrapper input[type="text"],
.popup-content-wrapper input[type="email"],
.popup-content-wrapper textarea {
    width: 100%;
}

.popup .button-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    color: transparent;
}

.popup .button-overlay span {
    display: none;
}

.popup .button-x {
    position: absolute;
    top: -20px;
    right: -20px;
    text-decoration: none;
    line-height: 40px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    background: #000;
    border-radius: 100px;
    color: #fcfdf4;
    text-align: center;
    -transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.popup .button-x span {
    display: none;
}

@media screen and (min-width: 700px) {
    .popup-content-wrapper {
        min-width: 300px;
    }
}

@media screen and (max-width: 600px) {
    .popup-inner {
        padding: 20px;
    }
    .popup .button-x {
        top: -6px;
        right: -7px;
    }
    .popup-content-wrapper {
        padding: 30px;
    }
    .popup-content-wrapper {
        font-size: 12px;
    }
}


/* Gutenberg blog posts ---------------- */


/* Filtering -------------- */

.filtering {
    overflow: hidden;
}

#filter_tiles #mix-filters .name-label {
    display: inline-block;
    min-width: 80px;
    margin-right: 10px;
}

#filter_tiles .option-labels {
    display: inline-block;
}

#filter_tiles .option-labels input[type="radio"],
#filter_tiles .option-labels input[type="checkbox"] {
    display: none;
}

#filter_tiles .option-labels label {
    background-color: rgb(255, 255, 255);
    color: #717171;
    display: inline-block;
    line-height: 1em;
    position: relative;
    border: 0;
    padding: 7px 20px;
    margin-bottom: 10px;
    outline: none;
    margin: 0px 2px 5px 0px;
}

#filter_tiles .option-labels label.active {
    background-color: #717171;
    color: fcfdf4;
}

#filter_tiles #filter-container .fail-message {
    text-align: center;
    width: 100%;
    padding: 20px;
    -webkit-transition: 150ms;
    -moz-transition: 150ms;
    transition: 150ms;
    display: none;
}

#filter_tiles #filter-container .fail-message span {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700;
}

#filter_tiles #filter-container.no-results .fail-message {
    display: block;
}

#filter_tiles #filter-container {
    width: 100%;
    clear: both;
    display: block;
    min-height: 100px;
}

.media_filtering#filter_tiles #filter-container {
    display: flex;
    margin: 0 auto;
}

#filter_tiles .controls {
    margin-bottom: 20px;
}

#filter_tiles .controls.select .filter-group {}

#filter_tiles .controls.select .filter-group select {
    /* display : none; */
}

#filter_tiles .controls.radio .filter-group {}

#filter_tiles .controls.checkbox .filter-group {}

#filter_tiles #filter-load-more {
    display: block;
    width: 200px;
    background-color: rgb(255, 255, 255);
    padding: 10px;
    text-align: center;
    margin: 2em auto;
}


/* Filtering sidebar */

.filtering-sidebar {}

.filtering-sidebar>.inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.filtering-sidebar .sidebar {
    width: 260px;
    margin-right: 40px;
}

.filtering-sidebar .filtered-group {
    width: calc(100% - 300px);
}

#filter_tiles.filtering-sidebar .controls.select .filter-group {
    display: block;
    float: none;
    padding-bottom: 20px;
}

@media screen and (max-width: 960px) {
    .filtering-sidebar>.inner {
        display: block;
    }
    .filtering-sidebar .sidebar,
    .filtering-sidebar .filtered-group {
        width: 100%;
    }
}


/* Blog Filtering -------------- */

#filter_tiles.blog .filter-labels {
    text-align: center;
}

#filter_tiles.blog .filter-labels a {
    padding: 5px;
    border: 1px solid #eaeaea;
    display: inline-block;
    margin: 0 10px;
}

#filter_tiles.blog .filter-groups {
    text-align: center;
    padding: 10px 0;
    min-height: 60px;
}

#filter_tiles.blog .filter-groups .filter-group {
    width: 100%;
    padding: 10px 0;
}

#filter_tiles.blog .filter-labels a:after {
    content: "+";
    padding: 0 5px;
}

#filter_tiles.blog .filter-labels a.open:after {
    content: "-";
}


/* Select2 --------------------------- */

.select2-container {}

.select2-container {
    min-width: 190px;
}

.select2-container:hover {}

.select2-container.select2-container--disabled {}

.select2-container--default.select2-container--disabled .select2-selection--single {}

.select2-container.select2-container--open {}

.select2-container .select2-selection--single {
    outline: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}

.select2-dropdown {}

.select2-results__option {
    font-size: 14px;
}

.select2-results__option span {}

.select2-container--open .select2-dropdown {}

.select2-search--dropdown {}

.select2-container--default .select2-search--dropdown .select2-search__field {}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {}

.select2-container--default .select2-results__option[aria-selected=true] {}

.select2-container--default .select2-results__option--highlighted[aria-selected] {}

.select2-container--default .select2-selection--single .select2-selection__arrow {}

@media screen and (max-width: 900px) {
    .controls {
        width: 100% !important;
        display: block;
        float: left
    }
}

@media screen and (max-width: 600px) {
    .select2-container {}
}


/* Woocommerce overides --------------------------- */

.woocommerce-result-count {
    display: none;
}

.price,
.price p {
    display: block;
    font-size: 20px;
    font-weight: 700;
}

p.form-row br {
    display: none;
}

.shop_table {
    margin-bottom: 10px;
    text-align: left;
    border: 0px;
    empty-cells: show;
}

.shop_table thead {
    background: transparent;
}

.cart-collaterals .shop_table {
    background: fcfdf4;
}

.shop_table th {
    border: 0px;
    font-family: inherit;
    font-weight: 300;
}

.shop_table th.product-price,
.shop_table th.product-name {
    text-align: left;
}

.shop_table th.product-quantity,
.shop_table th.product-subtotal,
.shop_table td.product-quantity,
.shop_table td.product-subtotal {
    /* display : none; */
}

.wc-proceed-to-checkout p {
    display: block;
    text-align: right;
}

.wc-proceed-to-checkout p a.button {
    width: 100%;
    max-width: 300px;
    text-align: center;
    margin-left: 20px;
    display: inline-block;
}

.shop_table tr {}

.shop_table td {
    vertical-align: middle;
    color: #000;
    border: 0px;
    border-top: 1px solid #f1f0ed;
}

.shop_table td br {
    display: none;
}

.cart-collaterals .shop_table td,
.cart-collaterals .shop_table th {
    background: fcfdf4;
    border: 1px solid #f0efed;
    border-left: 0;
    border-right: 0;
}

.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
    border: 1px solid #f0efed;
}

.shop_table td.actions {
    padding: 50px 0px 30px;
    text-align: right;
}

.shop_table td.product-quantity input {
    max-width: 100%;
    padding: 12px 14px;
    color: black;
    font-size: 16px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-decoration: none;
    border: none;
    margin-bottom: 9px;
    font-family: "aktiv-grotesk", sans-serif;
    outline: none;
    margin: 0;
    border: 1px solid #d2d2d2;
}

.shop_table td.product-quantity input:focus,
.shop_table td.product-quantity input:active {}

.content .shop_table img {
    margin: 0px;
    width: 70px;
}

.product-remove {}

.product-remove a {
    color: #c7c7c7;
    font-size: 30px;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

.product-remove a:hover {
    color: black;
}

.coupon {
    display: inline-block;
}

.coupon label {
    display: inline-block;
    margin-right: 17px;
}

.coupon input {
    background: fcfdf4;
}

.coupon input[type="text"] {
    max-width: 100%;
    padding: 12px 14px;
    color: black;
    font-size: 16px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-decoration: none;
    border: none;
    margin-bottom: 9px;
    font-family: "aktiv-grotesk", sans-serif;
    outline: none;
    margin: 0;
    border: 1px solid #d2d2d2;
    margin-right: 17px;
}

.coupon input[type="submit"] {
    text-decoration: underline;
    border: 0;
    background: transparent;
}

.wc-proceed-to-checkout {
    text-align: right;
    width: 960px;
    margin: 0px auto 20px;
    max-width: 100%;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-billing-fields,
.woocommerce-account-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
    background: fcfdf4;
    margin-bottom: -1px;
    padding: 20px;
    border: 1px solid #eaeaea;
}

.woocommerce-shipping-fields {
    /*padding-bottom: 20px;
    padding-top: 30px;*/
    margin-bottom: 20px;
}

.woocommerce-shipping-fields br {
    display: none;
}

.woocommerce-shipping-fields h3 {
    line-height: 1em;
    margin: 0;
}

.woocommerce-shipping-fields>.shipping_address {
    padding-top: 20px;
}

.woocommerce-shipping-fields>p {
    margin-top: 0;
    margin-bottom: 10px;
}

.woocommerce-shipping-fields #ship-to-different-address label {
    /*margin-bottom: 5px !important;
    display: flex;
    align-items: center;*/
}

#ship-to-different-address label input {
    margin-right: 3px;
}

.woocommerce-account-fields {}

.woocommerce-account-fields p {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 400;
}

.woocommerce-message {
    /* margin-bottom : 30px; */
}

.checkout_coupon,
.woocommerce-form.woocommerce-form-login.login {
    background: fcfdf4;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eaeaea;
    position: relative;
    top: 0;
}

.checkout_coupon p.form-row {
    display: inline-block;
}

.checkout_coupon p.form-row input[type="text"] {
    max-width: 100%;
    padding: 12px 14px;
    color: black;
    font-size: 16px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-decoration: none;
    border: none;
    margin-bottom: 9px;
    font-family: "aktiv-grotesk", sans-serif;
    outline: none;
    margin: 0;
    border: 1px solid #d2d2d2;
    margin-right: 17px;
}

.checkout_coupon p.form-row button[type="submit"] {
    text-decoration: underline;
    border: 0;
    font-size: 16px;
    background: transparent;
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-billing-fields__field-wrapper>*:last-child,
.woocommerce-shipping-fields__field-wrapper>*:last-child {
    margin-bottom: 0 !important;
}

#customer_details p.form-row,
.woocommerce-form.woocommerce-form-login.login p.form-row {
    width: 50%;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0 0 14px 0;
}

.woocommerce-account-fields .create-account {
    margin-top: 16px;
}

#customer_details p#billing_country_field.form-row,
#customer_details p#shipping_country_field.form-row {
    justify-content: center;
}

#customer_details p#billing_country_field.form-row>.woocommerce-input-wrapper,
#customer_details p#shipping_country_field.form-row>.woocommerce-input-wrapper {
    height: 73px;
    padding-top: 16px;
}

.woocommerce-form.woocommerce-form-login.login p.form-row {
    display: inline-block;
    width: calc(50% - 4px);
}

.form-row.terms {
    margin-bottom: 20px;
}

.woocommerce-form.woocommerce-form-login.login .clear+p.form-row {
    width: 100%;
    padding-right: 0px;
}

.woocommerce-form.woocommerce-form-login.login p.form-row button,
button#place_order {}

.woocommerce-billing-fields {
    margin: auto auto 20px;
}

.woocommerce-message a.button {
    margin-right: 20px;
    padding: 7px 15px;
    font-size: 12px;
    box-shadow: none;
    text-transform: capitalize;
    letter-spacing: 0px;
}

.woocommerce-form.woocommerce-form-login.login p.form-row label {
    font-size: 14px;
    font-weight: 400;
    font-family: "aktiv-grotesk", sans-serif;
}

.woocommerce-billing-fields label,
#customer_details label {
    font-family: "aktiv-grotesk", sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    color: #232D39;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.woocommerce-form.woocommerce-form-login.login p.form-row label {
    display: block;
    padding-bottom: 13px;
}

.woocommerce-form.woocommerce-form-login.login p.form-row label input[type=checkbox] {
    width: auto;
    margin-right: 5px;
    position: relative;
    top: 2px;
}


/*.woocommerce-billing-fields input,*/

.woocommerce-form.woocommerce-form-login.login p.form-row input,

/*#customer_details input[type="password"],
#customer_details input[type="text"],
#customer_details textarea*/

{
    width: 100%;
    padding: 12px 14px;
    color: black;
    font-size: 16px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-decoration: none;
    border: none;
    margin-bottom: 9px;
    font-family: "aktiv-grotesk", sans-serif;
    outline: none;
    margin: 0;
    border: 1px solid #d2d2d2;
}

.woocommerce-billing-fields input:focus {
    border-color: black;
}

.woocommerce-billing-fields>p,
.woocommerce-shipping-fields .shipping_address>p {
    margin: 0;
}

.woocommerce-billing-fields input,
#customer_details input:not([type=submit]):not([type=checkbox]):not([type=radio]),

/*#customer_details input[type="password"],
#customer_details input[type="text"],
#customer_details input[type="email"],
#customer_details input[type="tel"],*/

#customer_details textarea,
.single-column form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
    width: 100%;
    background: #FFFFFF;
    font-size: 16px;
    line-height: 26px;
    padding: 13.5px 20.5px;
    border-radius: 0;
    border: 1px solid #E5E5E5;
    margin-bottom: 0;
}

#customer_details input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
    margin-bottom: 14px !important;
}

.single-column form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
    height: auto;
    text-indent: 0;
    margin-top: 4px;
    margin-bottom: 26px !important;
}

.single-column form .cart_item input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
    margin-top: 0;
    margin-bottom: 0 !important;
}

.woocommerce-billing-fields input:focus,
#customer_details input[type="password"]:focus,
#customer_details input[type="text"]:focus,
#customer_details input[type="email"]:focus,
#customer_details input[type="tel"]:focus,
#customer_details textarea:focus,
.single-column form input:not([type=submit]):focus {
    outline: 0;
}

.single-column form .lp-form-field {
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.single-column form [type=submit] {
    color: #232d39;
    height: 49px;
    border: 2px solid #C7D92D;
}

.single-column .cart th.product-quantity {
    /*opacity: 40%;*/
    font-size: inherit;
    line-height: inherit;
}

.single-column .cart td.product-quantity input:not([type=submit]) {
    /*max-width: 110px;
    max-width: 70px;*/
    width: 70px;
    padding: 6px 17px;
    font-family: 'Founders', Arial, Helvetica, sans-serif;
}

.single-column .cart td.product-quantity .quantity-fields {
    border: 0;
}

.single-column .cart td.product-quantity .quantity-fields .quantity-button {
    /*width: 25px;*/
}

.single-column .coupon [type=submit] {
    min-width: 142px;
}

.single-column .coupon input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.single-column .shipping li::marker,
.single-column .shipping li::before {
    display: none;
    color: transparent;
}

.single-column form [type=submit]:hover {
    color: #C7D92D;
    background-color: transparent;
}

.single-column form .columnContainer {
    padding: 0 !important;
}

.single-column form>div>div:nth-child(3)>div>div:not(.columnContainer),
.single-column form>div>div:nth-child(4)>div>div:not(.columnContainer),
.single-column form>div>div:nth-child(6)>div>div:not(.columnContainer) {
    display: none;
}

.single-column form>div>div:nth-child(3)>div>div.columnContainer,
.single-column form>div>div:nth-child(4)>div>div.columnContainer,
.single-column form>div>div:nth-child(6)>div>div.columnContainer {
    width: calc(50% - 8px) !important;
}

.single-column form>div>div>div {
    justify-content: space-between;
}

.woocommerce form .form-row .required {
    color: rgb(255, 0, 0);
    text-decoration: none;
}

#customer_details .select2-container {
    /*border: 1px solid #E5E5E5;*/
    margin-top: 4px;
    /*margin-bottom: 10px;*/
    margin-bottom: 14px;
    padding-bottom: 4px;
    color: black;
    font-size: 16px;
}

#customer_details .select2-container--default .select2-selection--single {
    border: 1px solid transparent;
    border-radius: 0;
}

.currency-nzd .woocommerce-billing-fields .select2-container:nth-child(3) {
    display: block;
}

.currency-nzd .woocommerce-billing-fields .select2-container:nth-child(4) {
    display: none;
}

.currency-aud .woocommerce-billing-fields .select2-container:nth-child(3) {
    display: none;
}

.currency-aud .woocommerce-billing-fields .select2-container:nth-child(4) {
    display: block;
}

#customer_details .select2-container--focus,
body .shipping-calculator-form .select2-container--focus {
    /*border-color: black;*/
    border-color: #E5E5E5;
}

#customer_details .select2-container .select2-selection--single,
body .shipping-calculator-form .select2-container .select2-selection--single {
    height: auto;
    border-radius: 0;
    border-color: #E5E5E5;
}

body #customer_details .select2-container .select2-selection__rendered,
body .shipping-calculator-form .select2-container .select2-selection__rendered {
    /*padding: 16px 14px 17px;*/
    padding: 18px 14px 19px;
    line-height: 1em !important;
    color: black;
    font-size: 16px;
    text-align: left;
}

body #customer_details .select2-container--default .select2-selection--single .select2-selection__arrow,
body .shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    /*top: 8px;*/
    top: 13px;
}

body .single-column .shipping-calculator-form>p:first-child {
    margin-top: 0;
}

body .single-column .shipping-calculator-form>p,
body .single-column .shipping-calculator-form>p>input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
    margin-bottom: 0 !important;
}

.woocommerce-checkout .select2-container--open .select2-dropdown--below {
    border: 1px solid black;
    margin-top: -1px;
}

.wc-proceed-to-checkout .checkout-button:hover {
    background: transparent;
    border-color: #c7d92d;
}

.woocommerce-error {
    background: #fcfdf4;
    border-radius: 4px;
    padding: 13px 24px 13px;
    margin: 0 0 10px;
    list-style: none;
}

.woocommerce-error li {
    color: #c12e0a;
}

.woocommerce-checkout-payment {}

.woocommerce-checkout-payment ul {
    background: fcfdf4;
    padding: 0px;
}

.woocommerce-checkout-payment li {
    list-style: none;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}

.woocommerce-checkout-payment li:last-child {
    border: 0px;
}

.woocommerce-checkout-payment li label {}

.woocommerce-cart {}

.woocommerce-cart .intro-copy h1,
.woocommerce-checkout .intro-copy h1 {
    margin-bottom: 0px;
}

.woocommerce-cart-form {
    margin: auto;
    max-width: 100%;
}

.woocommerce-cart-form tr:last-child {}

.cart-collaterals .shop_table th:first-child,
.woocommerce-checkout-review-order-table th:first-child,
.woocommerce-checkout-review-order-table td:first-child {
    text-align: left;
    padding-left: 0px;
    border-right: 0px;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    border-bottom: none;
}

.woocommerce-checkout-review-order-table .shipping th,
.woocommerce-checkout-review-order-table .shipping td {
    border-bottom: 1px solid black;
}

.woocommerce-checkout-review-order-table td.product-name {
    padding-left: 10px;
}

.woocommerce-checkout-review-order-table thead th {
    border-color: transparent;
    border-bottom: 1px solid black;
}

.woocommerce-checkout-review-order-table td:first-child:last-child {
    text-align: right;
}

.cart-collaterals .shop_table th,
.cart-collaterals .shop_table td,
.woocommerce-checkout-review-order-table td {
    padding: 16px 0;
    font-weight: 300;
    border-left: 0px;
}

.woocommerce-checkout-review-order-table td:last-child,
.woocommerce-checkout-review-order-table th:last-child {
    text-align: right;
    border-right: 0px;
    border-left: 0px;
    padding-right: 0px;
}

.woocommerce-cart-form tr:last-child td.actions:after {
    content: ' ';
    display: block;
    clear: both;
}

.woocommerce-cart-form tr:last-child td.actions .coupon {
    float: left;
    display: flex;
    align-items: center;
}

.woocommerce-cart-form tr:last-child td.actions p {
    margin: 0;
}

.woocommerce-cart-form tr:last-child td.actions p button[name="update_cart"] {
    padding: 14px 30px;
    color: black;
    font-size: 15px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-decoration: none;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    border: 0;
    background: transparent;
    border: 1px solid black;
}

.woocommerce-cart-form tr:last-child td.actions p button[name="update_cart"] {}

.woocommerce-cart-form tr:last-child td.actions p button[name="update_cart"][disabled] {
    display: none;
}

.woocommerce-cart-form tr:last-child td.actions p:last-child {
    display: none;
}

.cart-collaterals .shop_table p {
    font-size: 16px !important;
    font-weight: 400;
}

.reset_variations {
    display: none !important;
}

#pa_size {
    display: none;
}

.size-label,
.size-value {
    display: block;
    background: none !important;
    border: 0px !important;
}

.variations {
    border: 0px !important;
}

#customer_details {}

#customer_details .col-1 {
    width: 100%;
    float: none;
}

.cart_totals {
    padding-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cart_totals .shop_table {
    text-align: right;
    width: auto;
    width: 960px;
    margin: 30px auto;
    max-width: 100%;
}

.content.blog .comments-wrapper {
    display: none;
}

@media screen and (max-width: 1024px) {
    .cart thead {
        display: none;
    }
    .shop_table.cart,
    .shop_table.cart tbody {
        display: block;
    }
    .woocommerce-cart-form__contents tr.cart_item tr.cart_item {
        border-top: 1px solid #e8e8e8;
        padding: 23px 0px 19px;
        display: block;
        width: 100%;
        margin-bottom: -1px;
        position: relative;
        padding-left: 116px;
    }
    .woocommerce-cart-form__contents tr.cart_item tr.cart_item td {
        display: block;
        border: 0;
        padding: 0;
        font-weight: 300;
    }
    .shop_table tr.cart_item {
        position: relative;
        display: flex;
        width: 100%;
        max-width: 100%;
        /*margin-bottom: 20px;
        padding: 20px 20px 11px;*/
        justify-content: space-between;
        margin-bottom: 0;
        padding: 0.
    }
    .shop_table tr.cart_item td {
        border: none;
        padding: 0;
        /*padding: 20px;
        margin-bottom: 13px;*/
        padding: 5px;
        margin-bottom: 0;
    }
    .shop_table tr.cart_item td.product-name {
        display: inline-flex;
        align-items: center;
        max-width: 300px;
        width: 100%;
    }
    .shop_table tr.cart_item td.product-name a {
        margin-top: 6px;
    }
    .shop_table tr.cart_item td.product-quantity {
        padding-right: 50px;
    }
    .woocommerce-cart .shop_table tr.cart_item td.product-price:before,
    .woocommerce-cart .shop_table tr.cart_item td.product-quantity:before,
    .woocommerce-cart .shop_table tr.cart_item td.product-subtotal:before {
        display: flex;
        line-height: 12px;
        height: 16px;
    }
    .woocommerce-cart .shop_table tr.cart_item td.product-price .amount,
    .woocommerce-cart .shop_table tr.cart_item td.product-subtotal .amount {
        display: flex;
        /*height: 55px;
        line-height: 55px;*/
        height: 40px;
        line-height: 40px;
    }
    .shop_table tr.cart_item td.product-remove {
        /*position: absolute;
        right: 0;
        top: 0;*/
        order: 1;
        display: inline-flex;
        align-items: center;
    }
    .shop_table tr.cart_item td.product-remove a {
        padding: 0;
        display: block;
        width: 40px;
        height: 50px;
        line-height: 47px;
        text-align: center;
        font-size: 37px;
        color: black;
        margin-top: 6px;
    }
    .shop_table tr.cart_item td.product-thumbnail {
        position: absolute;
        left: 20px;
        display: none;
    }
    .shop_table tr.cart_item td.product-name a {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 700;
        text-decoration: none;
        display: block;
    }
    .shop_table tr.cart_item td.product-price {}
    .shop_table tr.cart_item td.product-quantity:before,
    .shop_table tr.cart_item td.product-price:before,
    .shop_table tr.cart_item td.product-subtotal:before {
        display: inline-block;
        width: 100px;
        font-size: 14px;
        font-weight: 300;
    }
    .shop_table tr.cart_item td.product-price:before {
        content: 'Price : ';
    }
    .shop_table tr.cart_item td.product-quantity {
        margin-bottom: 9px;
    }
    .shop_table tr.cart_item td.product-quantity:before {
        content: 'Quanitity : ';
    }
    .shop_table tr.cart_item td.product-quantity .quantity {
        display: inline-block
    }
    .shop_table tr.cart_item td.product-subtotal {}
    .shop_table tr.cart_item td.product-subtotal:before {
        content: 'Subtotal : ';
    }
    .woocommerce-cart-form tr:last-child {
        width: 100%;
        display: block;
    }
    .woocommerce-cart-form tr:last-child td.actions:after {
        display: none;
    }
    .woocommerce-cart-form tr:last-child td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border: 0;
        padding: 30px 0px 20px;
    }
}

@media screen and (max-width: 768px) {
    .woocommerce-cart .single-column>.inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    .woocommerce-cart .shop_table tr.cart_item td.product-name {
        padding-left: 0;
    }
    .woocommerce-cart .shop_table tr.cart_item td.product-name {
        padding-left: 0;
    }
    .woocommerce-cart .shop_table tr.cart_item td.product-price {
        max-width: 100px;
    }
    .shop_table tr.cart_item td.product-remove {
        padding-right: 0;
    }
    .shop_table tr.cart_item td.product-remove a {
        /*width: 30px;
        height: 80px;
        line-height: 80px;*/
        width: 20px;
        height: 66px;
        line-height: 62px;
    }
    .shop_table tr.cart_item td.product-name a,
    .shop_table tr.cart_item td.product-remove a {
        margin-top: 3px;
    }
    .shop_table tr.cart_item td.product-quantity {
        padding-right: 40px;
    }
    .shop_table td.actions {
        padding: 34px 0px 30px;
    }
    .cart .product-thumbnail,
    .product-subtotal {
        display: none;
    }
    .woocommerce-cart-form tr:last-child td.actions .coupon {
        text-align: left;
        display: block !important;
    }
    .coupon label {
        display: none;
        margin-bottom: 7px;
    }
    .coupon input,
    .coupon input[type="submit"],
    form input[disabled],
    .wc-proceed-to-checkout a.button {
        margin-bottom: 10px;
    }
    .coupon input[type="submit"] {
        display: block;
        padding: 18px 0px 0;
    }
    .cart_totals {
        padding-top: 0px;
    }
    .single-column .coupon input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
        margin-bottom: 17px !important;
    }
}

@media screen and (max-width: 550px) {
    .woocommerce-page:not(.woocommerce-cart) .single-column {
        padding: 30px 20px 20px;
    }
    #customer_details p.form-row,
    .woocommerce-form.woocommerce-form-login.login p.form-row {
        width: 100%;
        padding-right: 0;
    }
    .shop_table tr.cart_item {
        /* padding : 20px 0; */
    }
    .shop_table tr.cart_item td.product-quantity:before,
    .shop_table tr.cart_item td.product-price:before,
    .shop_table tr.cart_item td.product-subtotal:before {
        font-size: 11px;
    }
    .shop_table tr.cart_item td.product-thumbnail {
        display: none;
    }
    .shop_table tr.cart_item td.product-name a {
        font-size: 16px;
        font-weight: 600;
    }
    .shop_table td.product-quantity input {
        width: 170px;
    }
    .shop_table tr.cart_item td.product-name {
        /* max-width : 90%; */
    }
    .woocommerce-cart-form tr:last-child td {
        display: flex;
        flex-direction: column-reverse;
        text-align: left;
    }
    .woocommerce-cart-form tr:last-child td.actions p {
        margin-bottom: 20px;
    }
    .woocommerce-cart-form tr:last-child td.actions p button[name="update_cart"] {
        width: 100%;
    }
}


/* Lost password form --------------------------- */

.woocommerce-ResetPassword {
    width: 400px;
    max-width: 100%;
    margin: auto;
}

.woocommerce-ResetPassword p {}

.woocommerce-ResetPassword p:first-child {
    /* font-size : 14px !important; */
}

.woocommerce-ResetPassword label {
    font-weight: 400;
}

.woocommerce-ResetPassword input[type="text"] {
    width: 100%;
    padding: 12px 14px;
    color: black;
    font-size: 16px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-decoration: none;
    border: none;
    margin-bottom: 9px;
    outline: none;
    margin: 0;
    border: 1px solid #d2d2d2;
}

.woocommerce-ResetPassword button[type="submit"] {}


/* Portal--------------------------- */

.layer.portal {
    background: #f7f7f7;
}

[class*="template-portal"] .portal>.inner {
    max-width: 100%;
    padding: 0px;
}

.portal .tab-content .inner {
    padding: 60px 0 30px;
}

.login-wrap {
    padding: 50px 7% 30px;
    max-width: 970px;
    margin: auto;
}

.login-wrap+p {
    margin: 0;
    text-align: center;
    color: #949494;
    font-size: 14px;
    padding-bottom: 40px;
}

.login-form {
    background: fcfdf4;
    padding: 13px 5%;
    max-width: 400px;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.16);
    margin: auto;
}

.login-form form#loginform {}

.login-form form#loginform p {
    position: relative;
}

.login-form>p {
    text-align: center;
    font-size: 14px;
    color: #9c9c9c;
}

.form-wrap {
    background: fcfdf4;
    padding: 32px 35px;
    max-width: 688px;
}

.login-form form#loginform p label,
.form-wrap label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    color: #545454;
}

.login-form form#loginform p.login-remember label {
    font-weight: 400;
    color: #9c9c9c;
}

.login-form form#loginform p.login-remember label input {}

.login-form form#loginform p input[type="text"],
.login-form form#loginform p input[type="password"],
.form-wrap input[type="text"],
.form-wrap input[type="email"],
.form-wrap textarea,
.form-wrap input[type="password"] {
    background-color: rgb(255, 255, 255);
    border: none;
    color: #616161 !important;
    padding: 14px 16px;
    font-family: inherit;
    width: 100%;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    border-radius: 2px;
}

.wp-editor-wrap {
    border: 1px solid #e0e0e0;
    padding: 0px;
}

.wp-editor-tools {
    padding: 10px;
}

.form-wrap input[type="text"],
.form-wrap input[type="email"],
.form-wrap input[type="password"],
.form-wrap textarea {
    margin-bottom: 20px;
}

.login-form form#loginform p input[type="submit"],
.form-wrap input[type="submit"] {
    background-color: #898989;
    color: fcfdf4;
    padding: 13px 20px;
    border-radius: 3px;
    border: 0px;
    font-size: 13px;
    width: 100%;
}

.form-wrap input[type="submit"] {
    width: auto;
    min-width: 160px
}

.no-touch .login-form form#loginform p input[type="submit"]:hover,
.no-touch .form-wrap input[type="submit"]:hover {
    opacity: 0.7;
}

.form-wrap .button-group {
    margin: 10px 0 0;
}

.portal form input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 20px;
    margin-top: 6px;
    z-index: 1;
    cursor: pointer;
}

.portal form input[type="checkbox"]:focus+label:before {
    border: 2px solid #a6c8ff;
}

.portal form input[type="checkbox"]+label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #dadada;
    font-size: 16px;
    border-radius: 2px;
    position: relative;
    top: 0px;
}

.portal form input[type="checkbox"]:checked+label:before {
    background: #898989;
    border-color: #898989;
}

.portal form input[type="checkbox"]+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 3px;
    font-family: "Material Design Icons";
}

.portal form input[type="checkbox"]:checked+label:after {
    content: "\F12C";
    color: fcfdf4;
}

input[type="radio"] {
    margin-right: 8px;
    transform: scale(1.4);
    margin-bottom: 13px;
}

ul#menu-portal-menu {
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: fcfdf4;
    text-align: center;
}

ul#menu-portal-menu li {
    color: #505050;
    display: inline-block;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 2px 2px 0px 0px;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul#menu-portal-menu li a {
    color: #888;
}

.no-touch ul#menu-portal-menu li:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

ul#menu-portal-menu li.current-menu-item {
    border-bottom: 2px solid #000000;
}

.no-touch ul#menu-portal-menu li.current-menu-item:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

@media screen and (max-width: 400px) {
    .login-wrap {
        padding: 0px;
    }
    .login-form {
        box-shadow: none;
    }
    .login-form form#loginform p input[type="text"],
    .login-form form#loginform p input[type="password"] {
        padding: 11px 14px;
    }
}


/* IOS popup fix --------------------------- */

html.iphone.popup-open body,
html.ipad.popup-open body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
}


/* Print Styles --------------------------- */

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    /* Black prints faster : h5bp.com/s */
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " ("attr(href) ")";
    }
    abbr[title]:after {
        content: " ("attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript : "]:after,
    a[href^="#"]:after {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}

.portal-nav {
    display: block;
    overflow: hidden;
    background: #c7d92d;
    padding: 0px 7%;
}

.header {
    display: flex;
    flex-direction: row;
    padding: 13px 7% 10px;
    height: 120px;
    align-items: center;
    max-width: 1689px;
    margin: 0 auto;
}

nav .menu>ul {
    display: block;
}

nav .menu>ul>li {
    display: inline-block;
}

.home-hero-slide {}

.home-hero-slide .inner {}

.home-product {
    background: #131920
}

.home-product .grid .tile-copy {
    background: #131920;
    flex-direction: row;
    padding: 20px 40px;
}

.home-product .grid .tile-copy div.title-button {
    display: flex;
    padding-bottom: 20px;
}

.home-product a.button {
    margin-bottom: 0;
}

.alternating.home-product {
    margin-top: 0px;
}

.alternating.home-product .bg-dark {
    background: #232d37;
}

.alternating.home-product .grid {
    padding: 50px;
    position: relative;
    top: -72px;
    z-index: 100;
    margin-bottom: -75px;
    background: #232d37;
    background: #131920 !important;
}

.alternating.home-product .inner {
    max-width: 1412px;
    position: relative;
    top: -83px;
    margin-bottom: -218px;
}

.alternating.home-product .inner .col-text {
    padding-left: 60px
}

.tiles.home-product .grid .tile-copy h4 a {
    font-size: 26px;
    color: #fcfdf4;
    color: #c7d92d;
    font-weight: 600;
}

.tiles.home-product .button-group {
    margin-top: 0;
    flex-grow: 2;
    text-align: right;
    margin-top: 4px;
    margin-bottom: 4px;
}

.tiles.home-product .tile>a {
    border-bottom: solid 5px #c7d92d;
    overflow: hidden;
    display: block;
    background: #e2ff00;
    position: relative;
    z-index: 2;
}

.tiles.home-product .tile>a:hover::before {
    content: '';
    display: block;
    position: absolute;
    width: 73px;
    height: 73px;
    z-index: 3;
    top: 0;
    left: 0;
    background-image: url(../img/tti-title-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    left: 50%;
    top: 50%;
    margin: -37px 0 0 -37px;
}

.tiles.home-product .tile>a img {
    display: block;
    width: 100%
}

.tiles.home-product .tile>a:hover img {
    opacity: .3;
    position: relative;
    z-index: 0;
    transition: opacity ease .1s
}


/* Buttons - button groups --------------------------- */

a.button {
    padding: 12px 31px;
    background-color: #000;
    color: fcfdf4;
    font-size: 16px;
    display: inline-block;
    line-height: 1em;
    position: relative;
}

a.button.small {
    /* padding : 6px 12px; */
    /* font-size : 12px; */
}

a.button.round {
    border-radius: 100px;
}

a.button.rounded {
    border-radius: 4px;
}

a.button.bg-white {
    background: fcfdf4;
    color: black;
}

a.button.bg-blue {
    background: #007FEF;
    color: fcfdf4;
}

a.button.bg-green {
    background: #00ca6e;
    color: fcfdf4;
}

a.button.ghost {
    background: transparent;
    border: 2px solid;
}

.button-group {
    margin: 1.5em 0;
}

.button-group a,
.button-group button {
    margin: 0 10px 10px 0px;
}

.button-group:last-child {
    margin-bottom: 0;
}

a.button,
input[type="submit"],
button,
.button {
    background-color: transparent;
    background-color: #c7d92d;
    border-radius: 8px;
    padding: 18px 32px 18px 32px;
    color: #232d39;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.0025em;
    font-weight: 600;
    text-align: center;
    border: solid 1px #c7d92d;
    transition: all 0.6s ease;
    min-width: 180px;
}

a.button:hover,
input[type="submit"]:hover,
button:hover {
    background-color: #c7d92d;
}

.dark a.button,
.dark input[type="submit"],
.dark button {
    background-color: #c7d92d;
    color: #232d39;
    border: solid 3px #c7d92d;
}

.dark a.button:hover,
.dark input[type="submit"]:hover,
.dark button:hover {
    background-color: transparent;
    color: #232d39;
    border: solid 3px #c7d92d;
    color: #c7d92d;
}

a.button:hover,
input[type="submit"]:hover,
button:hover {}

.button.dark {
    color: #fcfdf4;
    color: #c7d92d;
    background: #232d37;
    border-color: #232d37
}

.button.dark:hover {
    color: #232d37;
    border-color: #232d37;
    background: transparent;
}

a.button--dark:hover {
    color: #232d39;
}

.button.green {
    background: #c7d92d;
    border-color: #c7d92d
}

.button.green:hover {
    background: transparent;
    border-color: #c7d92d
}

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

.button.button--dark {
    background-color: #232D39;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.4px;
    border: 3px solid #232d39;
    border-radius: 8px;
    padding: 12px 24px 12px;
    text-align: center;
}

h5,
.home-product .tile h4 {
    position: relative;
    line-height: 48px;
    margin-bottom: 0;
    text-align: left;
    font-size: 22px;
    padding-top: 3px;
    padding-bottom: 12px;
}

h5:after,
.home-product .tile h4:after {
    content: '';
    height: 6px;
    width: 80px;
    position: absolute;
    bottom: 10px;
    display: block;
    background: #c7d92d;
}

.dark h5 {}

.dark h5:before,
.dark.home-product .tile h4:before {
    background-image: url(../img/tti-title-reverse.svg);
}

h3::after,
h2::after {
    content: '';
    height: 6px;
    width: 80px;
    position: relative;
    bottom: 0;
    display: block;
    background: #c7d92d;
    margin-top: 0;
    margin-bottom: 0;
}

.h3::after,
.h2::after {
    content: '';
    height: 6px;
    width: 80px;
    position: relative;
    bottom: 0;
    display: block;
    background: #c7d92d;
    margin-top: 0;
    margin-bottom: 18px;
}

.intro-product h2:after,
.content-slider-wrap h2:after,
.intro-copy h2::after {
    margin-top: 11px;
    margin-bottom: 30px;
}

.alternating h2:after {
    margin-top: 0;
    margin-bottom: 40px;
}

.alternating .col-inner h2 {
    color: #232D39;
}

.intro-product h2 {
    margin-bottom: 27px;
}

.intro-product h2:after {
    margin-bottom: 4px
}

section.dark {
    background: #131920;
    background: #232d39 !important;
}

.testimonials .testimonial-inner {
    padding: 0 10px;
}

.testimonials .testimonial h4,
.features .tile-copy h4 {
    padding: 0;
    font-size: 32px;
    margin-bottom: 10px;
}

.features .tile-copy {
    font-size: 18px;
    padding: 23px 5px 34px
}

.features .tile-copy p {
    font-size: 18px;
}

.features .inner {
    padding-bottom: 20px;
    padding-top: 70px;
}

.features img {
    border-bottom: solid 5px #c7d92d;
}

.testimonials svg {
    pointer-events: none;
    opacity: 0;
}

.testimonials .preview-image {
    background-position: center;
    background-size: cover;
    border-bottom: 5px solid #c7d92d;
}

.testimonials .slick-prev,
.testimonials .slick-next {
    top: 101px;
}

.testimonials .slick-list {
    margin: 0;
}

.video-slider {
    background-color: #131920;
    position: relative;
}

.slider-nav {
    display: block;
    position: absolute;
    text-align: center;
    top: 50%;
    right: 0;
    list-style: none;
    margin-right: 20px;
    margin-top: -5%;
    height: 300px;
}

.slider-nav li {
    min-width: 210px;
    overflow: hidden;
}

.slider-nav a {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 7px;
    float: right;
    clear: both;
}

.slider-nav a b {
    border-radius: 100px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    display: block;
    background: #fcfdf4;
    color: #232d37;
}

.slider-nav a span {
    display: none;
    color: #fcfdf4;
    line-height: 40px;
    font-weight: 700;
}

.slider-nav a.active,
.slider-nav a:hover {
    width: auto;
    background: #232d37;
    color: #fcfdf4;
    line-height: 40px;
    border-radius: 100px;
}

.slider-nav a.active span,
.slider-nav a:hover span {
    display: block;
    padding: 0 20px;
    font-weight: 700;
}

.slider-nav a.active b,
.slider-nav a:hover b {
    display: block;
    background: #c6d92d;
}

.slider-nav a:hover {}

.logo-slider .slick-next {
    /* right : 74px; */
}

.logo-slider .slick-prev {
    /* left : 74px; */
}

.logo-slider .slick-prev,
.logo-slider .slick-next {
    top: 50%;
    margin-top: -30px;
}

.logo-slider a {
    text-align: center;
}

.logo-slider a img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 3.8;
    transition: all ease .3s;
    margin: 0 auto;
    max-width: 162px;
}

.logo-slider a:hover img {
    -webkit-filter: grayscale(0);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
    opacity: 1;
}

.logo-slider .slick-track {
    align-items: center;
    display: flex;
}

.slider-home .slick-prev,
.slider-home .slick-next {
    background: #fcfdf4;
}

.slider-home .slick-prev:before,
.slider-home .slick-next:before {
    color: #131920;
}

.slider-home .slick-prev:hover,
.slider-home .slick-next:hover {
    background: #c7d92d;
}

.slider-home .slick-prev:hover:before,
.slider-home .slick-next:hover:before {
    color: #fcfdf4;
}

.slider-home .slick-next {
    right: 60px;
}

.slider-home .slick-prev {
    left: 60px;
}

footer .grid {
    display: flex;
}

footer .logo-wrap {
    width: 100%;
    padding: 60px 0 60px;
}

footer .logo-wrap img {
    max-width: 220px;
}

footer .col {}

footer .col.type-logo {}

footer .col.type-links {
    padding-right: 20px;
    flex-grow: 2;
    width: 50%;
}

footer .col.type-newsletter {
    flex-grow: 2;
    width: 100%;
}

footer .col.type-social {}

footer .col ul {
    padding: 0;
    margin: 0
}

footer .col ul li {
    list-style: none;
}

footer a {
    color: #fcfdf4;
}

footer a:hover {
    color: #c7d92d;
}

footer .type-newsletter input[type="text"],
footer .type-newsletter input[type="email"] {
    display: block;
    min-width: 320px;
    margin-bottom: 10px;
    background: #D3D5D7;
    border: none;
    line-height: 40px;
    padding: 0 12px;
    font-weight: 700;
}

footer .type-newsletter .contact-number {
    position: relative;
    color: #c7d92d;
    font-size: 35px;
    top: -106px;
    margin-bottom: -44px;
    margin-bottom: -43px;
    weight: 700;
    padding-left: 42px;
}

footer .type-newsletter .contact-number:before {
    content: '';
    display: block;
    background: url(../img/icon-mobile.svg);
    width: 30px;
    height: 40px;
    position: absolute;
    float: left;
    top: -7px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 9px;
    left: 0;
}

footer .button.login {
    position: relative;
    top: -44px;
    margin-bottom: 0px;
    padding: 13px;
    font-size: 16px;
}

footer .login-button-wrap {
    height: 0;
    min-height: 40px;
}

footer h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px;
    line-height: 24px;
}

footer .footer-social {
    display: flex;
    align-items: baseline;
    margin-top: 10px;
    margin-bottom: 30px;
}

footer .footer-social .social {
    margin: 0;
    position: relative;
    margin-left: -5px;
    bottom: 0;
}

footer .footer-social p {
    padding: 0;
    font-size: 19px;
}

footer .mdi:before {
    font-size: 21px;
    transition: all 0.3s ease;
}

footer .mdi:hover:before {
    color: #232d39;
    opacity: 0.5;
}

.logo-strip.perks {
    padding: 30px 0 20px;
    overflow-x: auto;
}

.logo-strip .subtitle {
    display: none;
}

.logo-strip.perks .subtitle {
    text-align: center;
    display: block;
    margin-top: 33px;
    padding: 0 10px;
    font-size: 24px;
    color: rgb(85, 85, 85);
    line-height: 1.2;
    font-weight: 600;
}

#menu-mega-menu .sub-menu {
    z-index: 1000;
}

#menu-mega-menu {}

#menu-mega-menu a {
    /* color : #fcfdf4; */
}

#menu-mega-menu>li {
    /* height : 120px; */
    /* line-height : 120px; */
}

#menu-mega-menu>li>a {
    text-transform: uppercase;
    padding: 21px 21px;
    padding: 50px 35px 5px 35px;
    height: 92px;
    display: block;
    margin-top: 25px;
    margin-right: -0.4em;
    position: relative;
    font-weight: 500;
    color: #232d39;
    font-size: 16px;
    letter-spacing: 1px;
}

#menu-mega-menu>li.current-menu-parent>a:after {}

#menu-mega-menu>li>a>i {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #232d39 transparent transparent transparent;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-left: 4px;
}

#menu-mega-menu>li:hover i {
    border-color: #c7d92d transparent transparent transparent;
}

#menu-mega-menu>li.menu-item-has-children:hover>a {
    background: #232d39;
    border-radius: 6px 6px 0 0;
    color: #c7d92d !important;
}

#menu-mega-menu>li.current-menu-ancestor>a:after,
#menu-mega-menu>li.current-menu-item>a:after,
#menu-mega-menu>li.current-menu-item:hover>a:after {
    content: '';
    display: block;
    position: absolute;
    height: 4px;
    background: #c7d92d;
    box-shadow: none;
    bottom: auto;
    top: 77px;
    width: auto;
    left: 20px;
    right: 20px;
    pointer-events: none;
}

#menu-mega-menu>li.menu-item-has-children:hover>a:before {
    display: block;
    position: absolute;
    background: #c7d92d;
    width: 12px;
    height: 12px;
    bottom: 0;
    left: -12px;
    border-radius: 6px;
    box-shadow: 6px 5px 3px #131920;
}

#menu-mega-menu>li.menu-item-has-children:hover>a:after {
    display: block;
    position: absolute;
    background: #c7d92d;
    width: 12px;
    height: 12px;
    bottom: 0;
    right: -12px;
    border-radius: 6px;
    box-shadow: -6px 5px 3px #131920;
    top: auto;
    margin-right: 0;
    left: auto;
}

#menu-mega-menu>li.menu-item-has-children.current_page_item>a:before,
#menu-mega-menu>li.menu-item-has-children:hover>a:before {
    content: ''
}

#menu-mega-menu>li.menu-item-has-children.current_page_item>a:after,
#menu-mega-menu>li.menu-item-has-children:hover>a:after {
    content: ''
}

#menu-mega-menu>li:hover a {}

#menu-mega-menu>li>.sub-menu {
    opacity: 0;
    pointer-events: none;
}

#menu-mega-menu>li:hover>.sub-menu {
    opacity: 1;
    pointer-events: all
}


/* product category level*/

#menu-mega-menu>li>.sub-menu {
    background-color: #232d39;
    width: 100%;
    position: absolute;
    left: 0;
    padding: 0 7%;
    display: flex;
    text-align: center;
    margin-top: 0;
    justify-content: center;
    padding-top: 15px;
}

#menu-mega-menu>li>.sub-menu>li {
    display: inline-block;
    padding: 20px;
}

#menu-mega-menu>li>.sub-menu>li {
    line-height: 1.2;
}

#menu-mega-menu>li>.sub-menu>li>a {
    text-transform: uppercase;
    height: 45px;
    display: block;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 500;
    color: #fcfdf4 !important;
    padding: 0px 10px 0px 10px;
}

#menu-mega-menu>li>.sub-menu>li:hover>a,
#menu-mega-menu>li>.sub-menu>li.current-menu-item>a {
    line-height: 1.2;
    border-bottom: solid 7px #c7d92d;
    font-size: 105%;
}

#menu-mega-menu>li>.sub-menu>li a:hover {
    color: #fcfdf4;
}

#menu-mega-menu>li>.sub-menu>li>.sub-menu {
    display: none;
    z-index: 1000;
    width: 100%;
    flex-direction: row;
    position: absolute;
    left: 0;
    flex-wrap: wrap;
    background: #232d37;
    top: 96px;
    padding: 0px 0px 15px 0px;
}

#menu-mega-menu>li>.sub-menu>li:hover>.sub-menu {
    display: flex;
    justify-content: center;
}

#menu-mega-menu>li>.sub-menu>li>div>.sub-menu:before {
    display: block;
    background: #232d37;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 0;
}

#menu-mega-menu>li>.sub-menu>li>.sub-menu>li {
    z-index: 10;
    padding: 15px 20px 15px 20px;
}

#menu-mega-menu>li>.sub-menu>li>.sub-menu>li:last-child {
    border: none
}

#menu-mega-menu>li>.sub-menu>li>.sub-menu>li>a {
    font-size: 20px;
    display: block;
    position: relative;
    line-height: 32px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px 10px 0 0;
    margin-top: 20px;
    padding: 0 10px;
    text-align: center;
    color: #232d37;
    background-color: #c7d92d;
}

#menu-mega-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu {
    display: flex;
    align-items: baseline;
    border-radius: 0 0 10px 10px;
    border: 1px solid #c7d92d;
    justify-content: center;
}

#menu-mega-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li {
    margin-left: 0px;
    text-align: center;
    min-height: 100px;
    color: #c7d92d;
    padding: 0 7px;
}

#menu-mega-menu img {
    max-height: 75px;
    padding: 0;
    margin: 0 auto;
    display: block;
}

#menu-mega-menu img:hover {
    -ms-transform: rotate(5deg);
    /* IE 9 */
    transform: rotate(-3deg);
}

#menu-mega-menu .menu-image-title-after.menu-image-title {
    padding-left: 0;
    white-space: nowrap;
    font-size: 15px;
}

#menu-mega-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    display: block;
    padding: 5px;
    min-height: 100px;
}

#menu-mega-menu>li>.sub-menu>li a:hover {
    color: #c7d92d;
}

.menu-item a.menu-image-title-below.menu-image-not-hovered img,
.menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper {
    max-height: 65px;
    max-width: 75px;
}

#menu-mega-menu .sub-menu a {
    color: #fcfdf4;
}

nav.nav_three li a {
    padding: 0 15px;
    font-weight: 400;
}

nav.nav_three li a:hover {
    text-decoration: underline;
}

.wpc-header {
    font-size: 14px;
    height: 47px;
    padding: 15px 19px;
}


/* Parts menu */

#menu-mega-menu .menu-item.parts .menu-image-title-after.menu-image-title {
    /*  color: #232d37; AAZ */
}

#menu-mega-menu>li.parts>.sub-menu>li>.sub-menu>li>a {
    background-color: #232d37;
    border: 2px solid #c7d92d;
    border-radius: 15px;
    padding: 0;
    min-width: 120px;
}

#menu-mega-menu>li.parts>.sub-menu>li>.sub-menu>li>a span.menu-image-title-before {
    background-color: #c7d92d;
    display: block;
    padding: 6px;
    border-radius: 10px 10px 0 0;
}

#menu-mega-menu>li.parts>.sub-menu>li>.sub-menu>li>a img.menu-image-title-before {
    margin: 10px auto;
}

#header .wpc-header i[class*="mdi"] {
    position: relative;
    float: left;
    padding: 0;
    margin-right: 10px;
}

.wpc-header .cart-amount {
    border-radius: 6px;
    margin-right: 7px;
    font-weight: 500;
}

.wpc-header.enquiry {
    font-weight: 500;
}

.wpc-header.enquiry .cart-amount {
    /* background: #fcfdf4; */
}

.wpc-header.cart {
    background: #232d39;
    font-weight: 500;
}

.wpc-header.cart .cart-amount {
    background: #c7d82e;
    color: #232d39
}

.wpc-header .span {}

.bg-vid-parent .playbutton {
    display: block;
    height: 150px;
    width: 150px;
    top: 50%;
    left: 50%;
    margin: -90px 0 0 -75px;
    background: red;
    position: absolute;
    background: url(../img/video-playbutton-white.png);
    background-size: contain;
    cursor: pointer;
    z-index: 10;
}


/* temp*/

.content-slider.dark .slick-dots {
    text-align: left;
    bottom: -13px;
    margin-bottom: -44px;
    left: -4px;
}

.header-phone {
    font-size: 28px;
    position: relative;
    top: 0;
    margin-left: 0;
    color: #232d39;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-inner nav .header-phone a {
    font-size: 28px;
}

.alternating .grid .col-text {
    padding-right: 5%;
    display: flex;
    align-items: center;
}

.alternating .grid .col+.col-text {
    padding-left: 5%;
    padding-right: 0;
}

.section-head>p {
    max-width: 700px
}

.perks .logo-slider {
    text-align: center;
    display: flex;
}

.perks .logo-slider>div {
    display: inline-block;
    padding: 0px 29px;
}

.perks .logo-slider>div:first-child {
    padding-left: 0px !important;
}

.perks .logo-slider>div:last-child {
    padding-right: 0px !important;
}

.footer-meta .inner {
    padding: 0px 40px;
}

.menu-image-title {
    font-size: 14px;
    line-height: 1.1;
}

.button.login {
    text-transform: uppercase;
    padding: 11px 15px;
}

.button.login:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../img/lock-solid.svg);
    background-repeat: no-repeat;
    position: relative;
    right: -10px;
    margin-right: 6px;
}

.logo-strip.partners a img {
    max-width: 139px;
}

.mdi-magnify:before {
    content: '' !important;
    background: url(../img/search.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    width: 16px;
    position: relative;
    margin-left: 0;
}

.slick-next:before {
    /* content : ""; */
}

.slick-prev:before {
    /* content : ""; */
}

.slider-home .intro-copy p {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
}

footer ul>li {
    padding: 0;
    font-size: 16px;
}

footer ul>li a {
    font-size: 16px;
    line-height: 26px;
    font-weight: normal;
    transition: opacity 0.3s ease;
}

.footer-li-text a:hover {
    opacity: 0.5;
}

.footer_meta_text a {
    font-weight: 500
}

.footer_meta_text {
    font-size: 16px
}

.galleryslider .inner {
    max-width: 1382px;
    padding-top: 40px;
    padding-bottom: 0px;
}

.galleryslider .slick-prev {
    left: 0;
    background: #c7d92d;
    border-right: 1px solid #232D39;
}

.galleryslider .slick-next {
    left: 60px;
    background: #c7d92d
}

.galleryslider .slick-prev,
.galleryslider .slick-next {
    transition: all 0.6s ease;
}

.galleryslider .slick-next:hover,
.galleryslider .slick-prev:hover {
    background-color: #232D39;
}

.testimonials .slider {
    margin-top: 55px;
}

.home-product.alternating .col-img {
    width: 55%;
}

.home-product.alternating .col-text {
    width: 45%;
}

a.tos {
    font-weight: normal;
    float: right;
}

.perks .logo-slider a {
    display: block;
    min-height: 170px;
}

.intro-copy p {
    font-size: 24px;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 20px;
}

.intro-product.dark {
    background: #232d37;
}

.intro-product .grid {
    padding: 0;
    position: relative
}

.intro-product .inner {
    max-width: 100%;
    position: relative;
    padding: 0;
}

.intro-product.product-cat-intro img {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 80%;
}

.intro-product.single-product .inner {
    max-width: 1700px;
    position: relative;
    padding: 11px 0 40px 0;
}

.intro-product .inner .col-text {
    display: flex;
    align-items: center;
    padding-left: 60px;
    padding-right: 20px;
    margin: 63px 0px;
}

.product-variant-header.intro-product .inner .col-text {
    margin: 124px 0px;
}

.intro-product .inner .col-text .col-inner {
    max-width: 660px;
}

.intro-product .inner .col-img {
    padding-left: 0;
    display: flex;
    align-items: center;
    min-height: 450px;
}

.intro-product .inner .col-img .wistia_embed {
    /* margin-right : 40px; */
}

.intro-product .grid .tile-copy h4 a {
    font-size: 23px;
    color: #fcfdf4;
    font-weight: 600;
}

.intro-product .button-group {
    margin-top: 0;
    flex-grow: 2;
    margin-top: 32px;
}

.intro-product .button-group a {
    margin: 0;
}

.intro-product .tile>a {
    border-bottom: solid 5px #c7d92d;
    overflow: hidden;
    display: block;
    background: #e2ff00;
    position: relative;
    z-index: 2;
}

.intro-product .tile>a:hover::before {
    content: '';
    display: block;
    position: absolute;
    width: 73px;
    height: 73px;
    z-index: 3;
    top: 0;
    left: 0;
    background-image: url(../img/tti-title-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    left: 50%;
    top: 50%;
    margin: -37px 0 0 -37px;
}

.intro-product .tile>a:hover img {
    opacity: .3;
    position: relative;
    z-index: 0;
    transition: opacity ease .1s
}

.intro-product .brochure-download {
    font-weight: 600;
    color: #fcfdf4;
    font-size: 20px;
    position: relative;
    line-height: 40px;
    padding-left: 50px;
}

.intro-product .brochure-download:before {
    content: '';
    display: block;
    position: absolute;
    /*width: 30px;
    height: 40px;*/
    width: 16px;
    height: 20px;
    left: 24px;
    top: 20px;
    /*background: url(../img/icon-pdf.svg);*/
    background-image: url(../img/icon-pdf-dark.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 0.6s ease;
}

.intro-product .brochure-download:hover:before {
    background-image: url(../img/icon-pdf-green.svg);
}

.intro-product .button-group {
    padding-bottom: 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

.part>.inner,
.variants>.inner {
    /*padding: 30px 0 20px;*/
    /*padding: 50px 0 20px;*/
    padding: 50px 40px 20px;
}

.product-matches h3 a {
    transition: 0.3s ease;
}

.product-matches h3 a:hover {
    opacity: 0.5;
}

.configurator {
    position: relative;
}

.configurator.simple .variation-tabs {
    margin-top: 40px;
}

.configurator.simple .product-variants {
    display: none;
}

.configurator .product-cart {
    width: 370px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.configurator .product-cart .layer {
    width: 370px;
    padding: 20px 35px 20px;
    background: #f2f2f2;
    border-radius: 8px;
    z-index: 6;
}

.configurator .tab-body iframe {
    width: 100%;
    height: auto;
    min-height: 450px;
}

.configurator .slick-list {
    width: 100%;
}

.configurator .product-cart {
    height: 100%;
}

@media screen and (min-width: 1200px) {
    #sidebar {
        position: sticky;
        top: 0;
    }
    .admin-bar #sidebar {
        top: 40px;
    }
}

.layer-yotpo .inner {
    padding-bottom: 50px;
}

.layer-intro_product_video .col-img {
    position: relative;
}

.layer-intro_product_video a.popup-video {
    flex-direction: inherit;
    margin-left: 0;
    padding: 0 50px;
    display: block;
}

.layer-intro_product_video a.popup-video img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-height: 100%;
}

.tabs {
    background: #f2f2f2;
    background: #ecf1f6;
    padding: 10px 30px 15px;
    border-radius: 8px;
}

.tabs .tabs-head ul {
    display: flex;
    padding: 0;
    flex-wrap: nowrap;
    border-bottom: 2px solid #c9d0d6;
    margin: 0;
}

.tabs .tabs-head ul li {
    list-style: none;
    padding: 0;
    cursor: pointer;
    color: #232d37;
    font-size: 19px;
    font-weight: 600;
    border-bottom: 4px solid transparent;
    margin-bottom: -2px;
}

.tabs .tabs-head ul li a {
    padding: 20px;
    display: block;
}

.tabs .tabs-head ul li.active,
.tabs .tabs-head ul li:hover,
.tabs .tabs-head ul li:hover a,
.tabs .tabs-head ul a:hover,
.categories-wrap .tabs .tabs-head ul li:first-child,
.categories-wrap .tabs .tabs-head ul li:first-child a {
    border-bottom-color: #c7d92d;
    background: #232d37;
    color: #fcfdf4;
}

.product-info-tabs .tabs .tabs-head ul li {
    padding: 20px;
}

.tabs .tabs-body>div {
    display: none;
    max-height: 500px;
    padding: 30px 0 0px;
}

.tabs .tabs-body>div.active {
    display: block;
    overflow-y: scroll;
}

.tabs.category-tabs {
    background: #fcfdf4;
    padding: 0
}

.product-variants {
    background-color: #c7d92d;
    display: flex;
    flex-wrap: wrap;
}

.product-variants .col.tile {
    margin: 0;
    overflow: visible;
    width: 12.5%;
}

@media screen and (max-width: 1500px) {
    .product-variants .col.tile {
        width: 16.6%;
    }
}

@media screen and (max-width: 1200px) {
    .product-variants .col.tile {
        width: 25%;
    }
}

@media screen and (max-width: 800px) {
    .product-variants .col.tile {
        width: 50%;
    }
}

.variant-wrap {
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 7px;
    position: relative;
    margin-bottom: 28px;
    background: #fcfdf4;
}

.product-variants .col.tile.active .variant-wrap {
    background-color: #232d37;
    color: #c7d92d;
}

.green.variants {
    background-color: #c7d92d;
}

.green.variants.simple {
    display: none;
}

.product-variants .col .image {
    padding-top: 20px;
    white-space: nowrap;
    text-align: center;
}

.product-variants .col .image img {
    vertical-align: middle;
    overflow-y: auto;
    max-width: 100%;
}

.product-variants .col .tile-copy {
    padding: 10px;
}

.product-variants .col .tile-copy h4 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
}

.product-variants .col .tile-copy .sku {
    font-size: 12px;
    text-transform: uppercase;
    color: #9d9fa0;
}

.product-variants .col .tile-copy .amount {
    font-size: 18px;
}

.configurator .product-spec {
    margin-right: 485px;
}

.configurator .slick-disabled {
    visibility: visible;
}

.configurator .slick-list {
    position: relative;
}

.configurator .product-spec h5 {
    padding-left: 0;
}

.configurator .product-spec h5:before {
    content: none;
    display: none;
}


/* ================================================*/

.configurator .accessories {
    display: flex;
    flex-wrap: wrap;
}

.configurator .accessories .tile {
    text-align: center;
}

.configurator .accessories .tile p {
    margin: 5px 0;
}

.configurator .accessories .tile img {}

.configurator .accessories .col.tile {
    margin: 0;
    overflow: visible;
}

.configurator .accessories .variant-wrap {
    margin-bottom: 10px;
}

.configurator .accessories .col.active .variant-wrap {
    position: relative;
    overflow: hidden;
    background-color: #232d37;
    color: #c7d92d;
}

.single-product .configurator .accessories .col.active .tile-copy p,
.single-product .configurator .accessories .col.active .tile-copy h4,
.single-product .configurator .accessories .col.active .tile-copy {
    color: #c7d92d;
}

.configurator .accessories .col .image {
    width: 100%;
    padding-top: 20px;
    white-space: nowrap;
    text-align: center;
}

.configurator .accessories .col .image img {
    width: 100%;
    vertical-align: middle;
}

.configurator .accessories .col .tile-copy {
    min-height: 100px;
    padding: 5px;
}

.configurator .accessories .col .tile-copy h4 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
}

.configurator .accessories .col .tile-copy,
.single-product .configurator .accessories .col .tile-copy p {
    color: #000;
}

.configurator .accessories .col .tile-copy .sku {
    font-size: 12px;
    text-transform: uppercase;
    color: #9d9fa0;
}

.configurator .accessories .col .tile-copy .amount {
    font-size: 18px;
}

.configurator .slick-list {
    position: relative;
}

.configurator .accessories:before {
    content: '';
    display: block;
    height: calc(100% - 28px);
    width: 2px;
    position: absolute;
    top: 0%;
    left: -20px;
}

.configurator .accessories:after {
    content: '';
    display: block;
    height: calc(100% - 28px);
    width: 2px;
    position: absolute;
    top: 0%;
    right: -20px;
}

.configurator .gallery {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.configurator .gallery li {
    width: 33.33%;
    padding: 0 5px 5px 0;
    overflow: hidden;
}

.configurator .product-spec {
    margin-right: 485px;
}

.configurator .slick-disabled {
    visibility: visible;
}

.product-list {
    display: flex;
}

.no-slider .product-list {
    flex-wrap: wrap;
}

.product-list .tile {}

.product-list .tile img {
    /* max-width : 100px; */
}

.product-list .col.tile {
    margin: 0;
    margin-bottom: 15px;
    overflow: visible;
}

.product-list .variant-wrap {
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 7px;
    position: relative;
    margin-bottom: 10px;
    background: #ededed;
}

.accessories .slide-wrap {
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 7px;
    position: relative;
    margin-bottom: 28px;
    background: #f2f2f2;
}

.product-variants .col.tile.active .variant-wrap {
    background-color: #232d37;
    color: #c7d92d;
}

.related .product-list .slide-wrap {
    background: transparent;
}

.product-list .col.active .slide-wrap {
    position: relative;
    overflow: hidden;
    ;
}

.product-list .col.active .slide-wrap:after {
    background: #c7d92d;
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 7px;
}

.product-list .col .image {
    height: 160px;
    padding-top: 10px;
    white-space: nowrap;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-items: center;
    justify-content: center;
}

.product-list .col .image .tti-product-tag {
    top: -10px;
    right: -20px;
    padding: 9px 20px;
    font-size: 12px;
    line-height: 12px;
}

.product-list .col .image:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.product-list .col .image img {
    vertical-align: bottom;
    margin-top: 20px;
    mix-blend-mode: multiply;
}

.product-list .col .tile-copy {}

.product-list .col .tile-copy h4 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
    margin-bottom: 20px;
}

.dealer-btn {
    padding: 0 20px;
}


/*Abs Override - 200207*/

.categories-wrap .product-list .col .tile-copy h4 {
    font-size: 24px;
    text-align: center;
}

.categories-wrap .product-list .col .tile-copy h4 a {
    color: #131920
}

.categories-wrap .category-products .product-list .slick-list {
    width: 100%;
}

.categories-wrap .category-products .product-list .slick-track {
    width: 100%;
}

.product-list .col {
    margin-bottom: 20px;
    background: #ededed;
    border-radius: 6px;
}

.categories-wrap .related .product-list .col .tile-copy .woocommerce-Price-amount {
    display: block;
}

.categories-wrap .related .product-list .col .tile-copy h4 {
    font-size: 18px;
}

.categories-wrap .product-list .col .tile-copy {
    min-height: 100px;
    padding-right: 25px;
    padding-bottom: 0;
}

@media screen and (max-width: 800px) {
    .categories-wrap .category-products .product-list .col {
        max-width: 100%;
        width: 100%;
    }
}

.product-list .col .tile-copy .sku {
    font-size: 12px;
    text-transform: uppercase;
    color: #9d9fa0;
}

.product-list .col .tile-copy .amount {
    font-size: 18px;
}

.product-list .slick-disabled {
    visibility: visible;
}

.product-list .slick-dots {
    bottom: -30px;
}

input[type="text"],
input[type="email"],
textarea {
    display: block;
    margin-bottom: 10px;
    background: #ececec;
    border: none;
    line-height: 40px;
    padding: 0 12px;
    font-weight: 300;
    border-radius: 3px;
}

.product-extras {
    /* margin-right : 485px; */
}

.product-extras .inner {
    padding: 15px 0 0 0;
}

.button-group.full-width .button {
    width: 100%;
    text-align: center;
    position: relative;
}


/* play button for all wistia popups */

.wistia_click_to_play:after {
    content: '';
    display: block;
    height: 60px;
    width: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    background-size: contain;
    cursor: pointer;
    z-index: 0;
    background-color: #232D39;
}

.intro-product .mdi-play-circle-outline::before {
    display: none;
}

.product-cart {
    position: -webkit-sticky;
    position: static;
}

ul.selection-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 22px;
    font-weight: 300;
}

ul.selection-list li {
    border-bottom: solid 1px #fcfdf4;
    padding: 15px 0 20px;
}

ul.selection-list li .price {
    float: right;
    font-weight: 400;
    margin-left: 12px;
}

ul.selection-list li.total {
    border: none;
}

ul.selection-list li.total .price {
    float: right;
    font-weight: 700
}


/* AAZ: PRODUCT PRICING //START */

.ttiw-product-description {
    line-height: 1.2;
    clear: both;
    display: block;
    font-size: 18px;
    font-weight: 500;
}

.product-info-tabs .section-head {
    margin-bottom: 0;
}

.product-info-tabs .section-head .h5 {
    color: #232d39;
}

.product-info-tabs .section-head .h5:after {
    content: '';
    height: 6px;
    width: 77px;
    position: relative;
    bottom: 0;
    display: block;
    background: #232d39;
    margin-top: 23px;
    margin-bottom: 18px;
    margin-top: 7px;
    margin-bottom: 30px;
}

.configurator .product-extras .accessories .col .image {
    min-height: 122px;
    padding: 20px 20px 0;
}

.configurator .accessories .col .image img {
    width: auto;
    height: 122px;
}

.ttiw-product-sku {
    float: left;
    font-size: small;
    padding-top: 4px;
}

ul.selection-list li.total .price {
    font-size: 18px;
}

ul.selection-list li .price.ttiw-product-price {
    float: right;
    font-size: 18px;
}

ul.selection-list li {
    padding: 8px 0 8px;
    clear: both;
    overflow: hidden;
    border-bottom: dashed 2px #c7d92d;
}

ul.selection-list li.total {
    border: none;
    font-size: 18px;
    font-weight: 700;
}


/* AAZ: PRODUCT PRICING //END */

.button.icon:before {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    right: 20px;
    margin-top: 2px;
}

.button.icon.icon-cart:before {
    background-image: url(../img/icon-cart-arrow.svg);
}

.button.icon.icon-basket:before {
    background-image: url(../img/icon-cart-plus.svg);
}

.button.icon.icon-checkout:before {
    background-image: url(../img/icon-basket.svg);
}

.wistia_click_to_play {
    height: 100% !important;
    cursor: pointer;
}

.wistia_click_to_play:hover:after {
    /*opacity: .8*/
}

.map-wrap {
    padding: 50px 0;
}

.white {
    background: #fcfdf4;
}

.gray {
    background: #f2f2f2;
}

.inner.tabs-wrap {
    padding: 60px 0 90px;
}

.categories-wrap .alternating>.inner {
    padding-top: 80px;
    padding-bottom: 0;
}

.categories-wrap .tiles .inner {
    padding: 10px 0 10px;
    margin-top: 0;
}

.categories-wrap .related.tiles .inner {
    padding: 70px 0 75px;
}

.categories-wrap .inner.tabs-wrap {
    padding: 55px 0 0;
}

.categories-wrap .tabs-wrap+.alternating .inner {
    padding-top: 60px
}

.light-gray {
    background: #f3f3f3;
}

.home-slider .slick-dots {
    bottom: 101px;
}

@media screen and (max-width: 1500px) {
    .inner {
        /*padding: 50px 7% !important;*/
    }
    .alternating.home-product .grid {
        padding: 30px;
        top: 0;
        margin-bottom: 70px;
    }
    .footer-meta .inner {
        /*padding: 0 20px !important;*/
    }
    .slider-home .slick-prev {
        left: 40px;
    }
    .slider-home .slick-next {
        right: 40px;
    }
    #menu-mega-menu>li>.sub-menu>li>.sub-menu {
        padding: 0px 60px;
    }
    .header-inner nav a {
        font-size: 14px;
    }
    .features .inner {
        padding: 30px 7%;
    }
}

.mobile-add-button {
    display: none
}

@media screen and (max-width: 1380px) {
    .categories-wrap .tiles .inner {
        padding: 30px 7% 60px;
    }
    .tabs {
        padding: 10px 20px 15px;
    }
    .product-variants .col.active .slide-wrap {
        padding-bottom: 54px;
    }
    .mobile-add-button {
        display: block;
        text-align: center;
        padding-top: 20px;
    }
    .mobile-add-button a {
        font-size: 16px;
    }
    .configurator .slick-dots {
        bottom: 0
    }
    .header {
        padding: 13px 2% 10px;
    }
    .portal-nav {
        padding: 0px;
    }
    .slider-home .slick-prev {
        left: -16px;
    }
    .slider-home .slick-next {
        right: -14px;
    }
    #menu-mega-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu {
        flex-wrap: wrap;
    }
    .slick-next {
        right: 20px;
    }
    .slick-prev {
        left: 20px;
    }
    .home-product .grid .tile-copy {
        flex-direction: column;
        padding: 15px;
    }
    .part>.inner {
        padding: 40px 7% 0px;
    }
    .tabs .tabs-head {
        overflow-x: auto;
    }
    .testimonials .inner {
        /* padding: 40px 7% 60px;*/
    }
    .tiles .inner {
        /*padding: 60px 7% 90px;*/
    }
    .cta>.inner {
        padding: 30px 7% 30px;
    }
    .configurator .product-spec {
        margin-right: 0;
    }
    .tiles.home-product .button-group {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 0
    }
    .home-product .tile h4 {
        height: auto;
        line-height: 1.1;
        min-height: 53px;
        display: flex;
        align-items: center;
    }
    .tiles.home-product .grid .tile-copy h4 a {
        display: block;
    }
    /* AAZ: PRODUCT CART PRICING DISPLAY ON MEDIUM/SMALL SCREENS */
    .configurator .product-cart {
        position: relative;
        width: 100%;
    }
}

.configurator .product-cart.product-nodata {
    position: relative;
    width: 100%;
}


/* AAZ: TROUBLESHOOTING VIDEO LINK */

.j-popup-video-troubleshooting {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9998;
}

.page-id-40319 .grid .tile .tile-copy .h4 {
    font-size: 1.2em;
}


/* AAZ: HIDE DUPLICATE H3, H5 //START */

.single-product .tti-page-cart {
    margin-top: 11px;
}


/* AAZ: TEAM PAGE */

.ttiw-team-box img {
    margin-right: 30px;
}

@media screen and (max-width: 849px) {
    .ttiw-team-box {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 64em) {
    .ttiw-team-box {
        display: flex;
    }
    .ttiw-team-img {
        width: 200px;
    }
    .ttiw-team-des {
        width: 60%;
    }
    .ttiw-team-box em {
        font-size: 20px;
    }
    .page-id-16686 .button-group {
        padding-left: 200px;
    }
}


/* AAZ: Poly-Diesel Page Design */


/* LP reset */

.ttiw-grid {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ttiw-lp .bg-green,
.ttiw-body-lp .bg-green {
    background-color: #232d39 !important;
}

.ttiw-lp .green {
    color: #232d39 !important;
}

.ttiw-lp a.ttiw-lp-button {
    color: #c7d92d;
    background: #232d37;
    border-color: #232d37;
    transition: background-color ease .2s;
}

.ttiw-lp .hs-form-iframe {
    margin: 0 auto !important;
    width: 100% !important;
}

.ttiw-lp .b--light-green {
    border-color: #c7d92d;
}

.ttiw-lp-intro {
    min-height: 546px;
}

.ttiw-body-lp .alternating .col-inner .ttiw-lp h2 {
    color: #232d39 !important;
    text-shadow: none !important;
}

.ttiw-body-lp .layer.logo-strip .section-head {
    padding-top: 20px !important;
    padding-bottom: 0 !important;
}

.ttiw-body-lp .layer.logo-strip h2:after {
    padding-bottom: 10px;
}

.ttiw-body-lp .intro:before {
    display: none;
}

#ttiw-lp-box-form h2 {
    display: none;
}

#ttiw-lp-box-brochure h2,
#ttiw-lp-box-brochure h5 {
    display: none;
}

#ttiw-lp-box-testimonials .col-inner h2 {
    text-align: center;
}

#ttiw-lp-box-testimonials .col-inner h2:after {
    display: none;
}

#ttiw-lp-box-testimonials .col {
    width: 100%;
    padding-right: 0;
    text-align: center;
}

.ttiw-body-lp .intro-default .inner {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.ttiw-body-lp .intro-copy h1,
.ttiw-body-lp .intro-copy .breadcrumbs,
.ttiw-body-lp .intro-copy .button-group {
    display: none;
}


/* LP HERO BANNER */

.ttiw-body-lp .intro {
    background-color: #c7d92d !important;
    background-position: center -126px;
}


/* LP TOP BAR */

.ttiw-body-lp .wrap .intro:first-child {
    background-color: #232d39 !important;
}

.ttiw-body-lp .wrap .intro:nth-child(3n) {
    background-color: #232d39 !important;
}

.ttiw-body-lp .ttiw-lp-topbar {
    font-size: 1rem;
    color: #FFF;
}

.ttiw-body-lp .ttiw-lp-topbar img {
    width: 36px;
}


/* LP FOOTER */

.ttiw-body-lp .wrap .layer:last-child {
    background-color: #c7d92d !important;
}

.ttiw-body-lp .wrap .single-column.layer:last-child>.inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* LP CARDS */

.ttiw-body-lp .section-head h2 {
    color: #232d39 !important;
}

.ttiw-body-lp .cards .inner {
    padding-top: 20px !important;
}

.ttiw-body-lp .cards .inner h2:after {
    margin-bottom: 10px;
}

.ttiw-body-lp .cards .section-head {
    margin-bottom: 30px;
}

.ttiw-body-lp .card.background-image:before {
    display: none;
}

.ttiw-body-lp .card .tile-copy {
    position: relative;
}

.ttiw-body-lp .card img {
    display: block !important;
    height: 196px;
    margin: 20px auto 0;
    width: auto;
}

.ttiw-body-lp .col.card {
    background: #232d39 !important;
}

.ttiw-body-lp .col.card ul {
    min-height: 236px;
}

.ttiw-body-lp .col.card h3 {
    min-height: 90px;
}


/* LP TESTIMONIALS */

.ttiw-body-lp .ttiw-testimonials-comment,
.ttiw-body-lp .ttiw-lp-testimonials strong {
    background: none !important;
    color: white !important;
}

.ttiw-body-lp #lpform {
    height: 1px;
}

.ttiw-body-lp .single-column>.inner {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
}

.ttiw-body-lp .alternating>.inner {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
}

.page-id-40970 .layer-alternating:last-child .grid.column-2 .col {
    width: 100%;
}


/*mycss*/

body .mfp-wrap:not(.mfp-gallery) .mfp-iframe-holder .mfp-content {
    max-width: 77%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
    line-height: 0;
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .ttiw-lp-intro {
        min-height: inherit;
    }
}

@media screen and (max-width: 1024px) {
    .ttiw-body-lp .intro {
        background-position: center center;
    }
}

@media screen and (max-width: 600px) {
    .ttiw-body-lp .single-column>.inner {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .ttiw-body-lp .alternating>.inner {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .ttiw-body-lp .cards .inner {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .ttiw-body-lp .col.card h3 {
        min-height: inherit;
    }
    .ttiw-body-lp .col.card ul {
        min-height: inherit;
    }
    .ttiw-body-lp .alternating .grid .col+.col-text {
        padding-left: 0 !important;
    }
}

.ttiw-body-lp .logo-strip .inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ttiw-body-lp .video-container {
    padding-top: 0;
}

.ttiw-body-lp .ttiw-notice-inner .ttiw-col-logo {
    display: flex;
    align-items: center;
}

.ttiw-body-lp .ttiw-notice-inner img {
    height: 60px;
    width: auto;
}

.ttiw-body-lp .ttiw-notice-inner ul,
.ttiw-body-lp .ttiw-notice-inner p {
    margin: 0;
    padding: 0;
}

.ttiw-body-lp .ttiw-notice-inner ul,
.ttiw-body-lp .ttiw-notice-inner li {
    list-style: none;
}

.ttiw-body-lp .ttiw-notice-inner .ttiw-col-content {
    padding: 0 20px;
}

.ttiw-body-lp #layer_1 {
    background: #232d39;
    color: #fff;
}

.ttiw-body-lp #layer_1 p {
    color: #fff !important;
}

.ttiw-body-lp #layer_1 li {
    color: #c7d92d !important;
}

.ttiw-body-lp #layer_3 p,
.ttiw-body-lp #layer_3 li {
    color: #fff !important;
}

.ttiw-body-lp ul {
    padding-left: 0 !important;
    list-style: none;
}

.ttiw-body-lp li {
    position: relative;
    padding-left: 32px;
    list-style: none;
}

.ttiw-body-lp li:before {
    content: "\f5e0";
    padding-right: 6px;
    font-family: "Material Design Icons";
    position: absolute;
    margin-left: -26px;
}

.ttiw-body-lp li:before,
.ttiw-body-lp li {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ttiw-testimonials-stars:before {
    content: "\f4ce";
    padding-right: 6px;
    font-family: "Material Design Icons";
    position: absolute;
}

.ttiw-testimonials-stars,
.ttiw-testimonials-stars:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 16px;
    height: 32px;
    display: inline-block;
}


/* AAZ: PRODUCTS LISTING IN TWO COLS & OPTIM ON SMALL SCREENS //START */

@media screen and (max-width: 450px) {
    /* TWO COLS DISPLAY ON SMALL SCREENS */
    .variants .product-variants .col.tile {
        width: 50%;
    }
    /* REMOVE WHITE SPACES - GENERIC */
    section.intro-product .inner,
    section.variants .inner,
    section.part .inner {
        /*padding: 0px 0% !important;*/
    }
    /* REMOVE WHITE SPACES - INTRO-PRODUCT */
    section.intro-product .inner .col-img {
        min-height: 100px;
    }
    section.intro-product h1 {
        font-size: 1.6em;
    }
    section.intro-product .button-group {
        margin-bottom: 0px;
    }
    /* REMOVE WHITE SPACES - PRODUCT-VARIANTS */
    section.variants .product-variants .col.tile {
        margin-bottom: 10px;
    }
    /* REMOVE WHITE SPACES - PRODUCT-SPEC */
    section.part .product-spec h3 {
        font-size: 2em;
    }
    section.part .product-info-tabs .font-size-24 {
        font-size: 1.5em !important;
    }
    .section-head {
        margin-bottom: 0;
    }
}


/* PRODUCTS LISTING IN TWO COLS & OPTIM ON SMALL SCREENS //END */

@media screen and (max-width: 1200px) {
    .intro-product .grid {
        flex-direction: column-reverse;
    }
    .intro-product .grid .col {
        width: 100%;
    }
    .intro-product .grid .col-img {
        align-items: flex-end;
    }
    .intro-product .inner .col-text {
        padding-left: 40px;
        padding-right: 0;
        max-width: 840px;
        margin: 60px 0px;
    }
    .bg-vid-parent .playbutton {
        margin: -90px 300px 0 -25%;
    }
    .intro-product .inner .col-img .wistia_embed {
        margin: 0 auto 30px;
    }
    .wistia_click_to_play {
        margin-left: 0;
    }
    .categories-wrap .inner.tabs-wrap {
        padding: 10px 0 0;
    }
    .categories-wrap .alternating>.inner {
        padding-top: 40px;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 1000px) {
    footer .grid {
        display: flex;
        flex-direction: row;
        flex-flow: wrap;
    }
    .tabs {
        padding: 10px
    }
    .configurator .gallery li {
        width: 50%;
        padding: 0 5px 5px 0;
    }
    .perks .logo-slider>div {
        /* max-width: 25%; */
    }
    .logo-strip.perks a img {
        max-width: 100px;
    }
    .logo-strip.perks .subtitle {
        font-size: 16px;
        margin: 0;
    }
    .perks .logo-slider a {
        min-height: 100px;
    }
    .perks .inner {
        padding: 30px 7%
    }
    footer .footer-social {
        flex-direction: column;
    }
    .footer .inner {
        padding: 24px 40px;
    }
    footer .col.type-links {
        min-width: 100%;
        margin-bottom: 16px;
        padding: 0 0 16px;
        border-bottom: 1px solid rgba(35, 45, 57, 0.15);
    }
    footer.footer .logo-wrap {
        padding: 0px 0 30px;
    }
    footer .logo-wrap img {
        max-width: 160px;
    }
    footer .type-newsletter .contact-number {
        font-size: 35px;
        top: 0;
        margin-bottom: 40px;
        margin-top: 20px;
        font-weight: 700;
        padding-left: 42px;
    }
    footer .footer-social .social {
        margin: 0;
        margin-left: -5px;
    }
    footer .type-newsletter input[type="text"],
    footer .type-newsletter input[type="email"] {
        min-width: 100%;
        width: 100%;
    }
    footer .button.login {
        top: 0;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    footer h4 {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 0;
    }
    footer ul>li a {
        font-size: 14px;
        line-height: 24px;
    }
    .footer-meta .footer_meta_text {
        line-height: 24px;
        font-size: 14px;
    }
    .footer-meta .footer_meta_text .tos {
        font-size: 14px;
    }
    .footer-meta .tos {
        font-size: 14px;
        line-height: 24px;
    }
    footer .col ul {
        display: none;
        margin-top: 18px;
    }
    footer .type-links h4.mb {
        position: relative;
        cursor: pointer;
        transition: opacity 0.3s ease;
    }
    footer .type-links h4.mb:hover {
        opacity: 0.5;
    }
    footer .col.type-links:last-child {
        border: none;
    }
    footer .type-links h4.mb::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        background-image: url('../img/Icons/down-green.svg');
        width: 15px;
        height: 14px;
    }
    footer .col.type-links.is-active h4::after {
        transform: rotate(180deg);
    }
    footer .col.type-links:first-child ul {
        display: block;
    }
}

@media screen and (max-width: 900px) {
    .intro-product .inner .col-text {
        padding-left: 0;
        display: flex;
        align-items: center;
        padding: 0px 40px;
    }
    .slider-home .slide .inner {
        margin-bottom: 30px;
    }
    .bg-vid-parent .inner>.intro-copy {
        width: 100%;
        max-width: 100%;
        position: absolute;
        border: 0;
        bottom: 0;
        left: 0;
        padding-bottom: 70px;
    }
    .clear-wrap {
        text-align: center;
    }
    .bg-vid-parent .playbutton {
        top: -7px;
        margin: 30px 0 0 -25px;
        height: 50px;
        width: 50px;
    }
    .slider-home .slick-dots {
        bottom: 73px;
    }
    .slider-home .slick-dots li button {
        background: #c1c1c1;
    }
    .slider-home .slick-dots li.active button {
        background: #c7d92d;
    }
}

.intro-product a.button {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #232D39;
    min-width: 175px;
    text-align: center;
    margin-right: 16px;
    margin-bottom: 16px;
}

@media screen and (max-width: 600px) {
    .slider-nav {
        margin-top: -23%;
    }
    .configurator .gallery li {
        width: 100%;
        padding: 0px 5px 5px 0px;
    }
    .tiles .grid.column-2 .col {
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }
    .alternating.home-product .inner {
        margin-bottom: -195px;
    }
    .content-slider>.inner {
        /*padding: 40px 7%;*/
    }
    .content-slider .grid.column-2 {
        display: flex;
        flex-direction: column-reverse;
    }
    .content-slider .grid.column-2 .col {
        width: 100%;
    }
    a.button {
        font-size: 16px;
    }
    .tiles.home-product .grid .tile-copy h4 a {
        font-size: 22px;
    }
    footer .button.login {
        width: 100%;
        text-align: center;
    }
    footer input[type="submit"] {
        width: 100%;
    }
    .dark a.button,
    .dark input[type="submit"],
    .dark button {
        font-size: 16px;
    }
}

.button-group .button:only-child {
    margin-right: 0;
}

.header-phone span {
    float: left;
    padding: 6px;
}

.header-phone i {
    display: none;
}

@media screen and (max-width: 560px) {
    .header-phone span {
        display: none;
    }
    .header-phone {
        width: 60px;
    }
    .header-phone i {
        display: block;
        color: #c8d92d;
        padding: 26px 0px 0 12px !important;
    }
    .header-inner nav .header-phone a {
        font-size: 28px;
        position: absolute;
        width: 60px;
        height: 86px;
        left: 0;
        top: -36px;
        background: #242d39;
    }
}

.cta .slick-dots {
    bottom: 13px;
    margin: 0;
    text-align: center;
    left: 0;
}

.slider-home .button-group {
    margin-bottom: 0;
}

.alert {
    width: 80%;
    align-items: center;
    margin: auto;
    padding: 10px;
}

.alert.success {
    border: 3px solid #c7d92d;
}

.alert.fail {
    border: 3px solid #b20000;
}

.single-product .finance-offer {
    margin: 5px 0;
    font-size: 14px;
    font-style: italic;
}

.products-enquiry-products-submit {
    display: none;
}

.products-enquiry-products-display {}

.products-enquiry-products-display p {
    margin-bottom: 0;
    font-size: 18px;
}

.products .filters {
    display: flex;
    margin: 0 0;
    border-top: 6px solid #232D39;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
}

.products .filters .filter {
    width: 100%;
    padding: 0 0;
    margin: 52px 0;
    display: flex;
    align-items: center;
}

.filters-panel>.filter:nth-child(2) {
    width: 35%;
}

.products .filters .filter {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    color: #232D39;
}

.products .filters .filter .range {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.products .filters .filter .range input {
    width: 100px;
    margin: 0;
    text-align: center;
}

.products .filters .filter .rangeslider {
    width: 100%;
    max-width: calc(52% - 20px);
    margin: 0px 0 0px 44px;
    border: none;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.products .filters .filter .rangeslider.ui-slider-horizontal .ui-slider-handle {
    background: #232D39;
    border: none;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    top: 0;
    cursor: pointer;
}

.products .filters .filter .rangeslider.ui-slider-horizontal .ui-slider-handle:focus {
    outline: none;
}

.products .filters .filter .rangeslider:before {
    content: " ";
    display: block;
    position: absolute;
    top: 5px;
    width: 100%;
    background-color: #E5E5E5;
    height: 6px;
}

.products .filters .filter .rangeslider .ui-slider-range {
    height: 6px;
    background: #C7D92D;
    border: none;
    margin-top: 5px;
}

.products .filters .filter .checkboxes {
    padding: 0px 0;
    width: 100%;
}

.products .filters .filter .checkboxes label {
    font-weight: normal;
    font-size: inherit;
    margin: 0 0px 0px 0;
    min-width: auto;
    width: 28%;
    float: left;
}

.filters-panel {
    width: 100%;
    display: flex;
    padding: 0 32px;
}

.option-main {
    width: 65%;
    display: flex;
    flex-wrap: wrap;
    /*margin: 36px 0 0;*/
    margin: 20px 0;
}

.products .filters .option-main .filter {
    /*margin: 0 0 30px;*/
    margin: 0 0 15px;
}

.products .filters .option-main .filter:last-child {
    margin: 0 0 0;
}

.products .filters .option-main .filter,
.products .filters .option-main .filter+.filter {
    align-items: flex-start;
}

.option-main .filter label {
    min-width: 121px;
}

.return-to-shop {
    display: none;
}

.nav_three .sub-menu {
    display: none;
    position: absolute;
    z-index: 100;
    background: #232d39;
    padding: 12px 20px 12px 20px;
    top: 47px;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
    min-width: 200px;
}

.nav_three .menu-item-has-children {
    position: relative;
}

.nav_three .menu-item-has-children a {}

.nav_three>ul>li.menu-item-has-children>a::after {
    width: 0;
    content: '';
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #c7d92d transparent transparent transparent;
    display: inline-block;
    position: relative;
    top: -1px;
    left: 5px;
}

.nav_three .menu-item-has-children:hover::after {
    border-color: #fff transparent transparent transparent;
}

.nav_three .menu-item-has-children:hover .sub-menu {
    z-index: 100;
    min-width: 200px;
    background: #232d39 !important;
    border-radius: 0 !important;
}

.nav_three .sub-menu li {}

.nav_three .sub-menu li a {
    white-space: nowrap;
}

.header-bottom.portal-nav {
    overflow: visible;
}

.intro-buttons.dark a:hover {
    color: #131920;
}

.ui-autocomplete {
    /*position: absolute;*/
    position: fixed;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #f3f3f3;
    max-width: 400px;
}

#autocomplete {
    max-width: 400px;
    width: 100%;
}

.ui-autocomplete .ui-menu-item>a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}

.ui-autocomplete .ui-menu-item>a.ui-corner-all.ui-state-hover,
.ui-autocomplete .ui-menu-item>a.ui-corner-all.ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.ajax-search-result {
    display: flex;
    padding: 5px 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    align-items: center;
    min-height: 60px;
}

.ajax-search-result:hover {
    background-color: #fcfdf4;
}

.ajax-search-result h5 {
    height: auto;
    padding-left: 0;
    /*line-height: 22px;*/
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

.ajax-search-result h5:before {
    display: none;
    content: none;
}

.ajax-search-result h5:after {
    bottom: -7px;
}

.ajax-search-result img {
    max-width: 50px;
    height: auto;
    margin-right: 10px;
}


/* Maps */

.acf-map {
    width: 100%;
    height: 500px;
    border: #ccc solid 1px;
    margin: 20px 0;
}


/* Fixes potential theme css conflict. */

.acf-map img {
    max-width: inherit !important;
}

.acf-map .marker {
    display: none;
}

.dealer-info {
    width: 100%;
    max-width: 480px;
    min-width: 380px;
}

.dealer-info .website {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    letter-spacing: -0.2px;
    color: #232D39;
    margin: 0 0 8px;
}

.dealer-products input[type="checkbox"] {
    height: 16px;
    width: 16px;
}

.dealer-products h5 {
    font-size: 18px;
    padding-left: 0;
}

.dealer-products h5:before {
    display: none;
}

.dealer-products li {
    font-size: 16px;
}

.dealer-locator #results .results-wrap {
    display: flex;
}

.dealer-locator .dealerTile {
    width: 25%;
    background-color: #fff;
    padding: 24.5px;
    margin-right: 10px;
    border-top: 1px solid #E5E5E5;
}

.dealer-locator .dealerTile:first-child {
    border-top: none;
}

.dealer-locator .dealerTile:hover {
    background-color: #F6F6F6;
}

.dealer-locator .dealerTile {
    position: relative;
}
.dealer-popup-holder {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    max-width: 440px; 
    padding: 24.5px;
    margin: 0 auto;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,.3);
    opacity: 0;
    visibility: hidden;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    z-index: 99;
}
.dealer-popup-holder.dealer-model-show {
    opacity: 1;
    visibility: visible;
}
.mdi.mdi-close {
    font-size: 20px;
    position: absolute;
    right: 8px;
    top: 5px;
    cursor: pointer;
}

.media_post {
    padding: 40px 0;
}

.tile>.tile-pic,
.thumbnail.tile-pic {
    display: grid;
    background-position: center;
    background-size: contain;
    position: relative;
    max-height: 188px;
    width: 100%;
}

.tile>.tile-pic.placeholder {
    background-size: contain;
}

.tile>a.tile-pic:before {
    /* play icon here*/
}

#filter_tiles.media_filtering .option-labels {
    padding-top: 30px;
}

#filter_tiles.media_filtering .option-labels label {
    border: 3px solid #c7d92d;
    box-sizing: border-box;
    border-radius: 6px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    color: #222222;
}

#filter_tiles.media_filtering .option-labels label.active {
    background: #c7d92d;
    border-radius: 6px;
}

.footer .hs-form label span {
    color: #fff !important;
}

.footer .hs-form label span.hs-form-required {
    color: red !important;
}

a>svg {
    pointer-events: none;
}

.product-gallery-thumbnail {
    margin: 5px;
    display: inline-block;
    overflow: hidden;
    width: 30%;
}

.product-locator .inner {
    padding-top: 30px;
    padding-bottom: 30px;
}

.inner {
    padding: 40px 40px 40px;
}

@media screen and (max-width: 600px) {
    .product-list .col .image {
        height: auto;
    }
    .home-product .grid .tile-copy div.title-button {
        flex-direction: column;
    }
    .categories-wrap .alternating>.inner {
        /*padding-top: 20px !important;
        padding-bottom: 20px !important;*/
    }
    .bg-grey .slick-dots li button {
        background-color: #fcfdf4;
        border: solid 3px #fcfdf4;
    }
    .logo-slider .slick-dots {
        bottom: 7px;
        left: 0;
    }
    .logo-slider .slick-dots .slick-active button {
        background-color: #c7d92d;
        border: solid 3px #c7d92d;
    }
    .content-slider .slick-dots {
        bottom: 10px;
    }
    .content-slider.dark .slick-dots {
        bottom: 10px;
    }
    .intro-product .inner .col-img {
        min-height: 200px;
    }
    .intro-product .grid {
        padding: 0;
        position: relative;
    }
    .alternating .grid.column-2 .col.col-img {
        /*order: -1;*/
    }
}

@media screen and (max-width: 1024px) {
    .tiles .slick-prev,
    .tiles .slick-next {
        display: block
    }
    .tiles .slick-next {
        right: -44px;
    }
    .tiles .slick-prev {
        left: -44px;
    }
}

.grecaptcha-badge {
    visibility: hidden;
}

.variant.active a.button {
    color: #fcfdf4;
    margin: 0;
}

.single-product .tiles.layer_tiles {
    background: #c7d92d;
    color: #000;
}

.single-product .tiles.layer_tiles .inner {
    margin-bottom: 0;
}

.single-product .tiles.layer_tiles .inner .grid .tile.shadow {
    background: #fcfdf4;
    border-radius: 6px;
}

.single-product .tiles.layer_tiles .inner .grid.product-list:before {
    content: none;
}

.single-product .tiles.layer_tiles .inner .grid.product-list:after {
    content: none;
}

.single-product .tiles.layer_tiles.mobile-slide {
    background: #232d39;
    color: #c7d92d;
    font-size: 12px;
}

.single-product .tiles.layer_tiles.mobile-slide .inner .grid .tile.shadow {
    background: transparent;
    border-radius: 0;
}

.single-product .layer_tiles .tile-copy p {
    background: transparent;
    color: #fcfdf4;
}

.tti-page-cart {
    background: #f1f1f1;
    background: #ecf1f6;
    padding: 30px;
    margin-top: 30px;
    border-radius: 10px;
}

.bg-even {
    /* background: #f3f3f3;
    background: #c8ccd2;*/
}

.woocommerce-order-overview {
    padding: 30px;
    border-radius: 6px;
    background: #e1e1e1;
}

section ul li {
    font-size: 18px;
    padding: 4px 0;
}

.comments-wrapper .comments-area {
    padding: 40px 40px 0;
    margin-top: 60px;
    background: #f8f8f8;
}

.comments-wrapper .comments-area ul {
    list-style: none;
}

.comments-wrapper .comments-area .comment-reply-title {
    font-size: 16px;
}

.comments-wrapper .comments-area .comment-reply-title small {
    float: right;
}

.comments-wrapper .comments-area .comment-respond {
    padding: 20px 0;
}

.comments-wrapper .comments-area .commentmetadata {
    font-size: 13px;
    margin-bottom: 10px;
}

.comments-wrapper .comments-area .children {
    border-left: solid 1px #ccc;
}

.comments-wrapper .comments-area .comment-author.vcard img {
    display: none;
}

.comments-wrapper .comments-area .comment-author.vcard {
    font-size: 14px;
}

.comments-wrapper .comments-area .comment-list {
    list-style: none;
    padding-left: 0;
}

.comments-wrapper .comments-area .comment-body {
    padding-bottom: 15px;
}

.comments-wrapper .comments-area .comment-body p {
    padding: 10px;
    border-radius: 3px;
    background-color: #fcfdf4;
    margin-top: 0;
    font-weight: 400;
}

.comments-wrapper .comments-area .logged-in-as {
    margin: 0;
}

.comments-wrapper .comments-area .logged-in-as a {
    font-size: 14px;
    margin: 0;
}

.comments-wrapper .comments-area .comment-form-comment .comment-form-comment {
    margin-top: 12px;
}

.comments-wrapper .comments-area .fn {
    font-style: normal;
    font-weight: 500;
}

.comments-wrapper .comments-area .comment-reply-link {
    background: transparent;
    font-weight: 500;
}

.search-results article:nth-child(odd) {
    background: #e1e1e1;
}

.search-results .post-thumbnail {
    margin-right: 20px;
}

.search-results .search-copy p {
    padding-bottom: 20px;
}

.search-results .search-copy .button {
    padding: 5px 10px;
    font-size: 14px;
}

.about_paypal {
    clear: both;
    float: none;
}

.payment_method_paypal img {
    display: block
}

.single-product .tiles.layer_tiles.product-extras {
    background: #fcfdf4;
    background: #fcfdf4;
}


/* General Classes */

.font-size-18 {
    font-size: 18px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.margin-20-b {
    margin-bottom: 20px !important;
}


/* ABS UPDATE Version from 3rd March 2020 */


/* GLOBAL */

.mb {
    color: #232d39 !important;
}

.sg {
    color: #c7d92d !important;
}

.rd {
    color: #ec0000 !important;
}

.wt {
    color: #ffffff !important;
}

.single-column {
    background-color: whitesmoke;
}


/* HEADER */

.header {
    display: flex;
    flex-direction: row;
    height: 120px;
    align-items: center;
    max-width: 1689px;
    margin: 0 auto;
    background-color: #c7d92d !important;
}

.wrap {
    position: relative;
    z-index: 2;
    margin-top: 143px;
}

.portal-nav {
    display: block;
    overflow: hidden;
    background: #232d39 !important;
    padding: 0px 60px;
}

.header-inner nav a {
    font-size: 14px;
    line-height: 19px;
    color: #c7d92d;
}

#header a.main-logo {
    transition: all 0.3s ease;
    background-image: url(../img/Logo.svg) !important;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 3;
}

.wpc-header .cart {
    color: #c7d92d;
}


/* MENU */

.part {
    background-color: fcfdf4;
}

.part>.inner {
    padding: 70px 0 70px;
    background-color: fcfdf4;
}

.layer .bg-white .layer-yotpo {
    background-color: fcfdf4;
}


/* TTI CSS = FOOTER */

.footer {
    background-color: #c7d92d !important;
    margin-top: auto;
}

.fx-logo-footer {
    width: 100%;
    max-width: 281px;
    max-height: 85px;
}

footer .logo-wrap {
    width: 100%;
    padding: 0px 0 40px;
}

footer .type-newsletter .contact-number {
    color: #232d39;
    font-weight: bolder;
}

.footer-meta {
    FONT-VARIANT: none !important;
    font-size: 15px;
    padding-top: 18px !important;
    padding: 1px 0px !important;
    background-color: #232d39 !important;
}

.footer_meta_text {
    font-size: 16px;
    color: #c7d92d !important;
}

.tos {
    font-size: Large;
    color: #c7d92d !important;
}

.col .type-links .footer a {
    color: #232d39 !important;
}

footer a {
    color: #232d39 !important;
}

.footer-li-text {
    color: #232d39 !important;
    line-height: 1.4em;
}

.col .type-links .mb h4 {
    color: #232d39;
}

#menu-mega-menu>li>a {
    text-transform: uppercase;
    padding: 15px 35px 0px 35px;
    padding: 21px 21px;
    height: 60px;
    display: block;
    margin-top: 25px;
    margin-right: -0.4em;
    position: relative;
    top: 20px;
    font-weight: 500;
    color: #232d39;
    font-size: 16px;
    letter-spacing: 1px;
}

#menu-mega-menu>li>.sub-menu {
    background-color: #232d39;
    width: 100%;
    position: absolute;
    left: 0;
    padding: 0 7%;
    display: flex;
    text-align: center;
    top: 168px;
    justify-content: center;
    padding-top: 15px;
    box-shadow: 2px 5px 10px #1c2229;
    display: block ruby !important;
}

.col-inner h2 {
    color: #c7d92d;
}

.content-slider-wrap h2 {
    color: #c7d92d;
}

.green .inner h3::after {
    content: '';
    height: 6px;
    width: 77px;
    position: relative;
    bottom: 0;
    display: block;
    background: #c7d92d;
    background: #232d39 !important;
    margin-top: 7px;
    margin-bottom: 30px;
}

.product-spec h3 {
    color: #c7d92d;
    font-size: 48px;
}

.product-info-tabs .h5 {
    padding-bottom: 20px;
}

.product-info-tabs .font-size-24 {
    font-size: 40px !important;
}

.section-head .h5 {
    font-size: x-large;
    color: #c7d92d;
    font-weight: bold;
}

.hide {
    display: none;
}

.layer .content-slider .dark {
    background-color: #232d39 !important;
}

.sub-menu>li:hover i {
    border-color: #c7d92d transparent transparent transparent;
}

.sub-menu>li>a>i {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-width: 20px 20px 0 20px;
    border-color: #232d39 transparent transparent transparent;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-left: 4px;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.layer-alternating.dark {
    background-color: #232d39 !important;
}

.alternating.dark .col-inner h2 {
    color: #c7d92d !important;
    text-shadow: 4px 4px 2px #232d39;
}

.alternating .col-inner h2::after {
    color: #c7d92d !important;
    text-shadow: 4px 4px 2px #232d39;
}

.alternating.dark .col-inner p {
    color: #232d39 !important;
    color: #fcfdf4 !important;
}

.categories-wrap .product-list .col .tile-copy {
    text-align: left!important;
}

.tabs .tabs-head ul {
    text-align: center !important;
    color: #c7d92d !important;
}

.tabs .tabs-head ul li.active,
.tabs .tabs-head ul li:hover,
.tabs .tabs-head ul li:hover a,
.tabs .tabs-head ul a:hover,
.categories-wrap .tabs .tabs-head ul li:first-child,
.categories-wrap .tabs .tabs-head ul li:first-child a {
    border-bottom-color: #c7d92d;
    background: #232d37;
    color: #c7d92d;
    text-align: center !important;
}

.dark h5 {
    color: #fcfdf4;
    color: #c7d92d !important;
}

.handbook .tile-copy h4 {
    font-size: x-large !important;
    margin-bottom: 0px;
}

.handbook .button-group {
    margin-bottom: 0;
    position: relative;
    top: -7px;
}

.handbook .tag-group {
    display: none;
    visibility: none
}

.filtered-group .tile-copy h4 {
    font-size: x-large !important;
    margin-bottom: 0px;
}

.blog .tile-copy h4 {
    font-size: x-large !important;
    margin-bottom: 0px;
}

.blog .tile-copy p {
    text-align: left;
}

.filtered-group .tile-copy .tag-group {
    display: none;
    visibility: none;
}

.breadcrumbs li a {
    color: #232D39 !important;
    opacity: 0.4;
}

.page-id-39611 .galleryslider {
    background-color: #c7d92d;
    padding-top: 20px;
    padding-bottom: 20px;
}

.page-id-39611 .galleryslider h3::after,
.page-id-39611 .galleryslider h2::after {
    background: #232d39;
}

.page-id-39611 .section-head {
    display: none;
}

.page-id-39611 .column-2 #col-1 h3 {
    display: none;
}

.page-id-39611 .content-columns .grid.column-2 {
    align-items: initial;
}

html .page-id-39611 .hs-form-field label {
    color: white !important;
}

.page-id-39611 #layer_0.single-column {
    background: #232d39;
}

.page-id-39611 #layer_3.single-column {
    background: #232d39;
}

.page-id-39611 #layer_0.section-head {
    color: white;
}

.page-id-39611 .grid #layer_0.col column h3 {
    color: white !important;
}

.page-id-39611 .intro-copy h1 {
    text-shadow: 4px 4px #232d39;
}

.page-id-39611 .hs_firstname {
    color: white !important;
}

.col .column h3 {}

.pad10 {
    padding: 10px;
}

.pad15 {
    padding: 15px;
}

.pad20 {
    padding: 20px;
}


/* AAZ: PRODUCT CATEGORY CSS FIXES //START */

.tax-product_cat .stripes .col-inner h5 {
    text-indent: -10000px;
    height: 1px;
}

.tax-product_cat .stripes .col-inner h5:after {
    display: none;
}

.tax-product_cat .alternating .col-inner p {
    color: #232d39 !important;
}

.tax-product_cat .alternating .col-inner h2 {
    color: #232d39 !important;
    text-shadow: 0 0 0 #c7d92d;
}

.product-list .col .image {
    height: auto;
}

.col.tile.product,
.product-list .col.tile .image {
    position: relative;
}


/* PRODUCT CATEGORY CSS FIXES //END */


/* AAZ: PART & ACCESSORIES */

.term-538 .intro-product .inner .col-img {
    min-height: 262px;
}

.term-538 .intro-product .inner {
    padding: 30px 0;
}

.term-538 .product-cat-intro img {
    height: 260px;
    object-fit: cover;
}


/* AAZ: WARRANTY PAGE */

.ttiw-warranty-form {
    padding: 40px 20px 20px;
    margin: 26px 0 0;
    background-color: #ecf1f6;
    border-radius: 6px;
}

.ttiw-warranty-form .hs-form-iframe {
    margin: 0 auto !important;
    width: 90% !important;
}


/* AAZ: DEALERS PAGE */

.page-id-16324.woocommerce-edit-account .woocommerce-EditAccountForm fieldset {
    display: none;
}


/* AAZ: PRODUCT EXTRAS //START */

.product-extras .grid.column-4 .col.tile {
    position: relative;
    margin-bottom: 20px;
    margin-right: 10px;
}

.product-extras .grid.column-4 .col.tile a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: none;
    border-width: 1px;
}

.product-extras .tile.active a span {
    content: "-";
    color: #232d37;
    background-color: #c7d92d;
}

.product-extras .tile a span {
    position: absolute;
    content: "+";
    width: 32px;
    height: 32px;
    color: white;
    background-color: #232d37;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    padding: 3px;
    font-weight: bold;
    font-size: 26px;
    line-height: 0.9;
    left: calc(50% - 14px);
    top: -16px;
    right: 50%;
}

.configurator .accessories .col .image {
    padding: 20px;
}

.configurator .accessories {
    justify-content: flex-start;
}

.configurator .accessories .variant-wrap {
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 600px) {
    .product-extras .grid.column-4 .col.tile {
        width: calc(50% - 10px);
    }
}


/* PRODUCT EXTRAS //END */


/* VIDEOS PAGE CUSTOMISATION */

.page-id-17179 .mfp-image-holder .mfp-close,
.page-id-17179 .mfp-iframe-holder .mfp-close,
.page-id-40319 .mfp-image-holder .mfp-close,
.page-id-40319 .mfp-iframe-holder .mfp-close {
    width: 46px;
    text-align: center;
    padding-right: 0;
}


/*.page-id-40319 .tiles .inner {
	margin: 2px auto;
}*/


/* AAZ: MOBILE OPTIMISATION - PRODUCT //START */

.mobile-show {
    display: none;
}

@media screen and (max-width: 600px) {
    .mobile-show {
        display: block;
    }
    .intro-copy p {
        font-size: 18px;
    }
    .intro-product .inner .col-text {
        padding: 0px 20px;
    }
    .intro-product .inner .col-text {
        margin: 40px 0px;
    }
    .intro-product .button-group {
        border-bottom: none;
        padding-bottom: 0;
    }
    .intro-product.dark a.button,
    .intro-product.dark input[type="submit"],
    .intro-product.dark button {
        font-size: 14px;
        padding: 9px 16px 12px;
    }
    .intro-product a[href^="tel:"].product-enquiry-call {
        padding: 12px 2px 12px 28px;
        min-width: 176px;
    }
    .intro-product.dark a.button.button.watch-button {
        min-height: 50px;
    }
    .intro-product.dark a.button.button.product-enquiry-btn {
        padding: 12px 16px 12px;
    }
    .intro-product .button-group a,
    .intro-product .button-group button {
        margin: 0 6px 10px 0px;
    }
    .intro-product .intro-copy .button-group .button:last-child {
        margin-top: 0px !important;
    }
    .wistia_click_to_play::after {
        height: 20px;
        width: 20px;
    }
    .tabs-head {
        /*display: none;*/
    }
    .tabs .tabs-body>div {
        display: block;
        max-height: initial;
        padding: 0;
    }
    .tabs .tabs-body ul {
        margin: 0;
        padding: 0 0 0 20px;
    }
    .tabs .tabs-body table {
        width: 100% !important;
    }
    .tabs .tabs-body .tabs-body-title:first-child {
        display: none;
    }
    section.part .product-spec h3 {
        font-size: 1.6em;
        color: #222;
        margin-bottom: 0.2em;
    }
    .tabs h3::after {
        margin-bottom: 10px;
    }
    .configurator .tab-body iframe {
        min-height: 176px;
    }
    .variants .mobile-add-button {
        display: none;
    }
    .variants h3 {
        /*padding: 0 0 0 12px;*/
    }
    .variants.green .inner h3::after {
        margin-bottom: 10px;
    }
    .variants .variant-wrap {
        margin-bottom: 10px;
    }
    .product-resources-body p {
        text-align: center;
    }
    .product-resources-body a,
    .product-resources-body a:active,
    .product-resources-body a:visited,
    .product-resources-body a:link,
    .product-resources-body a:hover {
        color: #c7d92d;
        background: #232d37;
        border-color: #232d37;
        display: block;
        padding: 6px;
        text-align: center;
        border-radius: 6px;
    }
    .layer-yotpo {
        display: none;
    }
    .tti-page-cart {
        padding: 16px;
    }
    .layer-intro_product_video a.popup-video img {
        width: auto;
        height: auto;
    }
    .product-extras .section-head {
        padding-bottom: 0;
    }
    .product-extras .tiles .inner {
        margin: 10px auto;
        padding: 10px;
    }
    .product-gallery-body ul.gallery {
        padding: 0;
    }
    .product-gallery-body ul.gallery li {
        padding: 0;
    }
    .product-gallery-body ul.gallery img {
        width: 90%;
    }
    .product-gallery-body ul.gallery a {
        border: 1px solid #222;
        border-radius: 6px;
        margin: 0;
        text-align: center;
    }
    .slick-prev,
    .slick-next {
        background-color: #c7d92d;
    }
    .slick-prev:hover,
    .slick-next:hover {
        background-color: #c7d92d;
    }
    .product-gallery-body ul.gallery a:hover {
        border: 1px solid #c7d92d;
        border-radius: 6px;
    }
    .product-gallery a.slick-slide,
    .product-gallery a.slick-slide img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: -webkit-transform .25s ease-out;
        transition: transform .25s ease-out;
        transition: transform .25s ease-out, -webkit-transform .25s ease-out;
        width: 256px;
    }
    .product-gallery a.slick-active,
    .product-gallery a.slick-active img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .configurator .accessories .col .image {
        min-height: 120px;
        padding: 20px 6px 0;
    }
    .single-product .tiles.layer_tiles .inner {
        margin-top: 10px;
    }
    .mfp-wrap .mfp-arrow-right:after,
    .mfp-wrap .mfp-arrow-left:after {
        top: 0;
        bottom: 0;
        background-color: #c7d92d;
        background-size: initial;
        padding: 16px;
        width: 46px;
        height: 46px;
        font-size: 20px;
        border-radius: 6px;
    }
    .mfp-close-btn-in .mfp-close {
        color: #fff;
        font-size: 2.5em;
    }
    .mfp-counter {
        font-size: 1em;
    }
}

@media screen and (max-width: 320px) {
    .intro-product.dark a.button,
    .intro-product.dark input[type="submit"],
    .intro-product.dark button {
        padding: 9px 6px 12px;
    }
    .intro-product a[href^="tel:"].product-enquiry-call {
        padding: 12px 2px 12px 28px;
    }
    #header a.main-logo {
        height: 66px;
    }
    .product-gallery a.slick-slide,
    .product-gallery a.slick-slide img {
        width: 206px;
    }
}


/* MOBILE OPTIMISATION - PRODUCT //END */


/* AAZ: HEADER - MOBILE OPTIM //START */


/* --- Global fix --- */

.wpc-header.contact {
    display: none;
}

.menu-image-title-hide .menu-image-title,
.menu-image-title-hide.menu-image-title {
    display: inline-block;
}

.menu-image-title {
    font-size: 16px;
}

.menu-image-title-before.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper,
.menu-image-title-after.menu-image-title {
    padding-left: 0;
}

.header-inner nav a.ttiw-cart {
    padding-left: 6px;
    padding-right: 6px;
    display: block;
}

#header .wpc-header i[class*="mdi"] {
    margin-right: 0px;
}

@media screen and (max-width: 1200px) {
    .header {
        height: 76px;
    }
    .portal-nav {
        padding: 0px 0% !important;
    }
    .wpc-header {
        font-size: 14px;
        height: 32px;
        padding: 5px 12px;
    }
    .wpc-header.phonenumber {
        border: 1px solid #c7d92d;
        border-radius: 4px;
    }
    .wpc-header.contact {
        display: block;
        font-weight: bold;
        border: 1px solid #c7d92d;
        border-radius: 4px;
        margin-right: 6px;
    }
    #header .mobile-hotline {
        display: none;
    }
    #header a.main-logo {
        background-size: contain;
        height: 76px;
        width: 186px;
    }
}

@media screen and (max-width: 1200px) {
    .mdi-magnify:before {
        top: 0;
    }
    .header-phone {
        top: -4px;
    }
    .mobile-nav .menu-item-has-children>a:after {
        font-size: 21px;
    }
    .mdi-menu {
        font-size: 45px !important;
        position: relative;
        top: -4px;
    }
}


/* HEADER - MOBILE OPTIM //END */


/* AAZ: term-parts-and-accessories - hide 'upgrades' */

.term-parts-and-accessories .ttiw-upgrades-tab,
.term-parts-and-accessories .ttiw-upgrades-title,
.term-parts-and-accessories .ttiw-upgrades-section {
    display: none;
}

.tile>.tile-pic {
    background-size: cover !important;
}

.grid .tile .tile-copy {
    font-size: 1.2rem;
}

.grid .tile .tile-copy .h4 {
    font-size: 1.6em;
    line-height: 1.22em;
    font-weight: 800;
}

.ttiw-tile-content {
    color: #fff;
}

.categories-wrap .ttiw-product-parts .product-list .col .tile-copy {
    padding-right: 0;
    min-height: inherit;
}

.categories-wrap .ttiw-product-parts .product-list small {
    font-size: 100%;
}

.categories-wrap .ttiw-product-parts .product-list .col .image img {
    /* 	height: auto; */
}


/* AAZ: PRODUCTS-CATEGORY PAGE STYLES UPDATE */

.tax-product_cat .alternating .col-inner p {
    color: #232d39 !important;
}


/* AAZ: WEED SPRAYING PAGE: FILTER/TESTIMONIALS UPDATE */

.ttiw-filter-testimonials.media_filtering .col.tile {
    display: none;
}

.ttiw-filter-testimonials.media_filtering .post_tag_weed-spraying-equipment {
    display: block !important
}

.ttiw-filter-testimonials.media_filtering .tile>.tile-pic {
    background-size: cover;
}

.ttiw-filter-testimonials.media_filtering .tile-copy h4 {
    font-size: x-large !important;
}

.ttiw-filter-testimonials.media_filtering .tag-group {
    display: none;
}


/* AAZ: DISINFECTANT-SPRAYERS (POST ID 40218) //START */


/* --- Global fix --- */

.home-hero-slide.bg-vid-parent {
    height: auto;
}

.home-hero-slide.bg-vid-parent .bg-video {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
}

.product-list .col .image img {
    height: 116px;
    width: auto;
}

.product-list .slide-wrap {
    padding: 20px;
    text-align: left;
    position: relative;
    z-index: 1;
}


/* --- Intro section --- */

.page-id-40218 .background-image:before {
    background-color: transparent;
}

.page-id-40218 .bg-vid-parent {
    height: auto;
}

.page-id-40218 .bg-video {
    display: block;
}

.page-id-40218 .bg-video {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
}

.page-id-40218 .bg-vid-parent .inner {
    display: none;
}

.page-id-40218 .product-list .col .tile-copy .product-price {
    display: none;
}

.page-id-40218 .product-list .col .image img {
    mix-blend-mode: normal;
}


/* --- Content Slider section --- */

.page-id-40218 .content-slider .col-text {
    padding-right: 2%;
}

.page-id-40218 .content-slider-wrap h2 {
    font-size: 2.625em;
}

.page-id-40218 .content-slider>.inner {
    padding: 36px 0;
}


/* ABS 200402-2330 */

.page-id-40218 .content-slider .col-media {
    display: flex;
    display: inline-block !important;
}

.page-id-40218 .content-slider .col-media img {
    min-height: 326px;
    object-fit: cover;
}


/* --- Content Column section --- */

.page-id-40218 .content-columns.light-gray {
    background: #232d39 !important;
    padding-bottom: 36px;
}

.page-id-40218 .content-columns>.inner {
    padding: 0 !important;
    max-width: 1412px;
}

.page-id-40218 .content-columns .section-head {
    border-top: 3px solid #c7d92d;
    padding-top: 50px;
}

.page-id-40218 .content-columns .button-group {
    display: none;
}

.page-id-40218 .content-columns h3:after,
.page-id-40218 .cta h3:after {
    display: none;
}

.page-id-40218 .section-head {
    margin-bottom: 20px;
}

.page-id-40218 .content-columns h2 {
    color: #c7d92d;
    font-size: 2.625em;
}

.page-id-40218 .content-columns h3 {
    color: #fff;
    margin-bottom: 24px;
    font-weight: normal;
    font-size: 1.46em;
}

.page-id-40218 .content-columns ul {
    padding: 0;
}

.page-id-40218 .content-columns li {
    font-weight: 600;
    color: #c7d92d;
    font-size: 1.46em;
    padding: 0px !important;
    margin-left: 0 !important;
    height: 46px;
    line-height: 0.9;
    list-style: none;
}

.page-id-40218 .content-columns h2:after {
    background: #c7d92d;
}

.page-id-40218 .tti-icon-tick {
    display: inline-block;
    background: #c8d92d;
    color: #242d39;
    padding: 4px;
    border-radius: 50%;
    font-size: 14px;
    width: 22px;
    height: 22px;
    font-weight: bold;
    margin-right: 6px;
}

.page-id-40218 .tti-icon-tick:before {
    content: "";
}


/* --- Tiles section --- */

.page-id-40218 .galleryslider>.inner {
    display: none;
}

.page-id-40218 .gallery-slider {
    background: #c7d92d;
    padding-bottom: 30px;
}

.page-id-40218 .gallery-slider#layer_6 {
    background: #232d39;
    padding-bottom: 30px;
}


/* --- Enquiry Form --- */

.page-id-40218 .cta>.inner {
    max-width: 708px;
}

.page-id-40218 .cta .section-head h2 {
    font-size: 2.625em;
}


/* --- Tiles section --- */

.page-id-40218 .layer_tiles {
    background: #232d39 !important;
}

.page-id-40218 .layer_tiles .section-head h2 {
    color: #c7d92d;
    font-size: 2.625em;
}

.page-id-40218 .layer_tiles#layer_3 .grid .tile.shadow,
.page-id-40218 .layer_tiles#layer_7 .grid .tile.shadow {
    background: #232d39 !important;
}

.page-id-40218 .layer_tiles#layer_3 .grid .tile.shadow a,
.page-id-40218 .layer_tiles#layer_7 .grid .tile.shadow a {
    color: #c7d92d !important;
}

.page-id-40218 #layer_3.layer_tiles,
.page-id-40218 #layer_7.layer_tiles {
    background: #c7d92d !important;
}

.page-id-40218 #layer_3.layer_tiles .section-head h2,
.page-id-40218 #layer_7.layer_tiles .section-head h2 {
    color: #232d39;
}

.page-id-40218 #layer_3.layer_tiles .section-head h2:after,
.page-id-40218 #layer_7.layer_tiles .section-head h2:after {
    background: #232d39;
}

.page-id-40218 .layer_tiles .slide-wrap {
    padding: 6px;
    border-radius: 6px;
    height: 100%;
}

.page-id-40218 .grid .tile .tile-copy {
    text-align: center;
    padding: 0px;
}

.page-id-40218 .tiles .inner {
    margin: 0 auto;
}

.page-id-40218 .product-list:before,
.page-id-40218 .product-list:after {
    display: none;
}

.page-id-40218 .layer_tiles .section-head h5,
.page-id-40218 .cta .section-head h5 {
    display: none !important;
}

.page-id-40218 .tiles.home-product .tile>a {
    background: #131920ab !important;
    position: relative;
}

.page-id-40218 .tiles.home-product .tile>a img {
    display: block;
    max-height: 275px;
    object-fit: contain;
    margin: 0 auto;
    background-color: white;
}

.page-id-40218 .home-product>.inner {
    padding: 36px 0;
    margin: 0 auto;
}

.page-id-40218 .col-text-inner p {
    font-size: 1.36em;
}

.page-id-40218 .home-product {
    background: #c7d92d !important;
    display: none;
}

.page-id-40218 .home-product .tile h4:after {
    position: absolute;
    bottom: -10px;
}

.page-id-40218 .slick-slider .slick-list {
    margin: 0 25px;
}

.page-id-40218 .slick-prev,
.page-id-40218 .slick-next {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(36, 45, 57, 0.56);
    -moz-box-shadow: 0px 0px 2px 1px rgba(36, 45, 57, 0.56);
    box-shadow: 0px 0px 2px 1px rgba(36, 45, 57, 0.56);
}

@media screen and (max-width: 600px) {
    .page-id-40218 .content-slider .col-media {
        display: none;
    }
    .page-id-40218 .content-slider>.inner {
        padding: 0px 7% !important;
    }
    .page-id-40218 .tiles .inner,
    .page-id-40218 .content-columns>.inner,
    .page-id-40218 .cta>.inner {
        padding: 16px 7% !important;
    }
    .page-id-40218 .section-head {
        margin-bottom: 6px;
    }
    .page-id-40218 .content-columns .grid.column-2 .col {
        width: 50%;
    }
    .page-id-40218 .content-columns p {
        font-size: 14px;
    }
    .page-id-40218 .tti-icon-tick {
        padding: 3px;
        font-size: 14px;
        width: 20px;
        height: 20px;
    }
    .page-id-40218 .content-columns .grid.column-2 .col:nth-child(even) {
        padding-left: 0 !important;
    }
    .page-id-40218 .layer_tiles {
        margin-top: 10px;
    }
    .page-id-40218 .layer_tiles .section-head h2,
    .page-id-40218 .content-slider-wrap h2,
    .section-head h2 {
        font-size: 1.625em;
    }
    .page-id-40218 .content-slider .col-media img {
        min-height: 186px;
        object-fit: cover;
    }
}

@media screen and (max-width: 800px) {
    .page-id-40218 .content-columns .grid.column-2 .col {
        width: 100% !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
    }
    .page-id-40218 .content-columns ul {
        padding: 0;
        margin: 10px 0 30px;
    }
    .page-id-40218 .content-columns li {
        height: auto;
        line-height: 1.2;
    }
    .page-id-40218 .content-columns .section-head {
        border-top: 3px solid #c7d92d;
        padding-top: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .tiles .slick-prev {
        left: -14px;
    }
    .tiles .slick-next {
        right: -14px;
    }
}

@media screen and (max-width: 1500px) {
    .page-id-40218 .content-columns>.inner {
        padding: 0 7% 50px !important;
    }
}


/* disinfectant-sprayers (POST ID 40218) //END */


/* START OF STICKY FOOTER */

body.noStickyFooter {
    padding-bottom: 0 !important;
}

.stickyFooter {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #c7d92d;
    text-align: center;
    z-index: 99;
    border-top: solid 1px rgba(0, 0, 0, 0.12);
    display: none;
}

.stickyFooter .stickyfooterContent {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding: 5px 15px;
    align-items: center;
}

.stickyFooter .stickyfooterContent .txtSection {
    padding: 15px 0;
    max-width: 1040px;
    text-align: left;
}

.stickyFooter .stickyfooterContent .txtSection span {
    color: #000;
    display: block;
    line-height: 26px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.stickyFooter .closeBtn {
    position: absolute;
    top: -35px;
    right: 20px;
}

.stickyFooter .closeBtn a {
    display: flex;
    height: 35px;
    width: 35px;
    background: #c7d92d;
    color: #000;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: solid 1px rgba(0, 0, 0, 0.12);
    border-bottom: none;
}

@media(min-width: 992px) {
    .stickyFooter .stickyfooterContent .txtSection span {
        font-size: 18px;
        text-align: left
    }
}

.stickyFooter .stickyfooterContent .btnSection a {
    background-color: none;
    border: solid 2px #000;
    color: #000;
    border-radius: 4px;
    padding: 8px 2rem;
    font-weight: bold;
    display: inline-block;
    font-size: 16px;
}


/* END OF STICKY FOOTER */


/* GLOBAL IMPLIMENTATION */

@media screen and (max-width: 560px) {
    .mobile-hotline {
        font-weight: bold;
        color: #fcfdf4 !important;
        text-decoration: none !important;
    }
    .mobile-only {
        display: block;
        visibility: visible;
    }
    .desktop-only {
        display: none;
        visibility: hidden;
    }
    .mdi-magnify:before {
        position: relative;
        top: 0px;
        right: 1px;
    }
    .mdi-menu {
        font-size: 45px !important;
        position: relative;
        top: -5px;
        right: -5px;
        display: block;
    }
}

@media screen and (max-width: 400px) {
    #header a.main-logo,
    #header a.main-logo.mega-menu-hover {
        min-width: 40vw !important;
        max-width: 160px;
    }
    #header .mdi-magnify.tti-search-mobile {
        margin: 0 5vw !important;
    }
}


/* SHOW IN DESKTOP VIEW ONLY*/

@media screen and (min-width: 560px) {
    .mobile-hotline {
        font-weight: bold;
    }
    .mobile-only {
        display: none;
        visibility: hidden;
    }
    .desktop-only {
        display: block;
        visibility: visible;
    }
}

@media screen and (min-width: 960px) {
    .dtw40 {
        width: 40% !important;
    }
    .dtw30 {
        width: 30% !important;
    }
}

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

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

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

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

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

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

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

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

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

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

.svg-inline--fa.fa-circle.fa-w-16.nitro.nitro-status.nitro-status-ok {
    height: 20% !important;
}


/* content - slider css start */

.content-slider .slick-list {
    position: unset;
    height: 100%;
}
  
.content-slider .slick-slider {
    position: unset;
    height: 100%;
}
  
.content-slider .grid {
    max-width: 1520px;
    margin: 0 auto;
    padding: 40px 40px 40px;
    height: 100%;
}
  
.content-slider > .inner {
    padding: 117px 40px;
}
  
.content-slider .slick-dots {
    display: none;
}
  
.slick-track {
    position: unset;
    height: 100%;
}
  
.content-slider {
    height: 100%;
}
  
.content-slider .slide {
    height: 100%;
}

.content-slider .inner {
    width: 100%;
    max-width: 100%;
    padding: 0;
    height: 100%;
}

/* content - slider css start */