html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth
}

body {
    margin: 0;
    font-family: "Lato", sans-serif !important
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
    letter-spacing: auto !important;
    text-transform: inherit !important
}

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-size: 1em;
    font-family: "Lato", sans-serif
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both
}

dfn,
cite,
em,
i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-size: 14px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-size: 0.9375rem
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}

html {
    height: 100%;
    box-sizing: border-box
}

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

body {
    font-family: "Lato", sans-serif;
    background: #ffffff;
    position: relative;
    font-size: 14px !important;
    margin: 0;
    min-height: 100%
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ul,
ol {
    margin: 0 0 1.5em 3em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: bold
}

dd {
    margin: 0 1.5em 1.5em
}

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

figure {
    margin: 1em 0
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: 0.6em 1em 0.4em
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111
}

select {
    border: 1px solid #ccc
}

textarea {
    width: 100%
}

a {
    color: #333
}

#searchsubmit,
.button,
button {
    cursor: pointer !important
}

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    left: 100%
}

.main-navigation ul ul a {
    width: 200px
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto
}

.main-navigation li {
    float: left;
    position: relative
}

.main-navigation a {
    display: block;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px
}

.menu-toggle,
.main-navigation.toggled ul {
    display: block
}

@media screen and (min-width:37.5em) {
    .menu-toggle {
        display: none
    }

    .main-navigation ul {
        display: block
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

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

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both
}

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

.sticky {
    display: block
}

.hentry {
    margin: 0 0 1.5em
}

.updated:not(.published) {
    display: none
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed,
iframe,
object {
    max-width: 100%
}

.custom-logo-link {
    display: inline-block
}

.custom-logo {
    transition: all 0.8s;
    -webkit-transition: all 0.8s
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

.section {
    clear: both;
    padding: 0px;
    margin: 0px
}

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%
}

.col:first-child {
    margin-left: 0
}

.group:before,
.group:after {
    content: "";
    display: table
}

.group:after {
    clear: both
}

.group {
    zoom: 1
}

.span_3_of_3 {
    width: 100%
}

.span_2_of_3 {
    width: 66.13%
}

.span_1_of_3 {
    width: 32.26%
}

@media only screen and (max-width:480px) {
    .col {
        margin: 1% 0 1% 0%
    }

    .span_3_of_3,
    .span_2_of_3,
    .span_1_of_3 {
        width: 100%
    }
}

.section {
    clear: both;
    padding: 0px;
    margin: 0px
}

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%
}

.col:first-child {
    margin-left: 0
}

.group:before,
.group:after {
    content: "";
    display: table
}

.group:after {
    clear: both
}

.group {
    zoom: 1
}

.span_6_of_6 {
    width: 100%
}

.span_5_of_6 {
    width: 83.06%
}

.span_4_of_6 {
    width: 66.13%
}

.span_3_of_6 {
    width: 49.2%
}

.span_2_of_6 {
    width: 32.26%
}

.span_1_of_6 {
    width: 15.33%
}

@media only screen and (max-width:480px) {
    .col {
        margin: 1% 0 1% 0%
    }

    .span_1_of_6,
    .span_2_of_6,
    .span_3_of_6,
    .span_4_of_6,
    .span_5_of_6,
    .span_6_of_6 {
        width: 100%
    }
}

.section {
    clear: both;
    padding: 0px;
    margin: 0px
}

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%
}

.col:first-child {
    margin-left: 0
}

.group:before,
.group:after {
    content: "";
    display: table
}

.group:after {
    clear: both
}

.group {
    zoom: 1
}

.span_7_of_7 {
    width: 100%
}

.span_6_of_7 {
    width: 85.48%
}

.span_5_of_7 {
    width: 70.97%
}

.span_4_of_7 {
    width: 56.45%
}

.span_3_of_7 {
    width: 41.94%
}

.span_2_of_7 {
    width: 27.42%
}

.span_1_of_7v {
    width: 12%
}

@media only screen and (max-width:480px) {
    .col {
        margin: 1% 0 1% 0%
    }

    .span_1_of_7,
    .span_2_of_7,
    .span_3_of_7,
    .span_4_of_7,
    .span_5_of_7,
    .span_6_of_7,
    .span_7_of_7 {
        width: 100%
    }
}

.span_3_of_3 {
    width: 100%
}

.span_2_of_3 {
    width: 66.13%
}

.span_1_of_3 {
    width: 32.26%
}

@media only screen and (max-width:480px) {
    .col {
        margin: 1% 0 1% 0%
    }

    .span_3_of_3,
    .span_2_of_3,
    .span_1_of_3 {
        width: 100%
    }
}

.span_4_of_4 {
    width: 100%
}

.span_3_of_4 {
    width: 74.6%
}

.span_2_of_4 {
    width: 49.2%
}

.span_1_of_4 {
    width: 23.8%
}

@media only screen and (max-width:780px) {
    .col {
        margin: 1% 0 1% 0%
    }

    .span_1_of_4,
    .span_2_of_4,
    .span_3_of_4,
    .span_4_of_4 {
        width: 100%
    }
}

.span_2_of_2 {
    width: 100%
}

.span_1_of_2 {
    width: 48.2%
}

@media only screen and (max-width:480px) {
    .col {
        margin: 1% 0 1% 0%
    }
}

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

    .span_2_of_2,
    .span_1_of_2 {
        width: 100%
    }
}

.#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    float: none
}

.site-footer {
    background-color: #333 !important;
    padding: 30px
}

.site-footer a {
    color: #fff
}

a.add-request-quote-button.button {
    width: auto;
    border-radius: 2px !important;
    color: #fff !important;
    background-color: #3a67b1 !important;
    border: 0px !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

a.add-request-quote-button.button::after {
    content: ""
}

a.add-request-quote-button.button:hover {
    background-color: #5e8ad3
}

.span_5_of_5 {
    width: 100%
}

.span_4_of_5 {
    width: 79.68%
}

.span_3_of_5 {
    width: 59.36%
}

.span_2_of_5 {
    width: 39.04%
}

.span_1_of_5 {
    width: 18.72%
}

@media only screen and (max-width:480px) {
    .col {
        margin: 1% 0 1% 0%
    }

    .span_1_of_5,
    .span_2_of_5,
    .span_3_of_5,
    .span_4_of_5,
    .span_5_of_5 {
        width: 100%
    }
}

section.module:last-child {
    margin-bottom: 0
}

section.module.parallax-1 {
    background-image: url();
    background-size: cover
}

.description {
    padding: 100px 10px;
    margin-top: -2px
}

.description h1 {
    color: #fff !important
}

@media (max-width:768px) {

    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        width: 45% !important;
        max-width: 1400px;
        margin: 1% !important;
        clear: both !important
    }

    .wprmenu_bar {
        height: 60px !important
    }

    .cross-sells ul.products li.product .button {
        width: 100% !important;
        text-align: center
    }

    .woocommerce .quote table.shop_table {
        margin-top: 50px !important
    }
}

#gform_fields_22_5 .gfield_label {
    font-size: 14px !important
}

#gform_fields_22_6 .gfield_label {
    font-size: 14px !important
}

#journeywrap {
    margin-top: 130px;
    padding: 50px 0px
}

.journey-thumbnail {
    width: 100%;
    height: 100vh;
    background: #f7f8fa;
    position: fixed;
    left: 0;
    margin-top: -96px;
    z-index: -9
}

.woocommerce.journey {
    width: auto;
    max-width: 1200px !important;
    border: 0px solid #ccc;
    color: #fff;
    z-index: 99;
    position: relative;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px
}

.woocommerce-breadcrumb,
.product_meta {
    width: auto;
    max-width: 1200px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.woocommerce a.added_to_cart {
    padding-top: 0.5em;
    display: inline-block;
    background: #3a67b1;
    padding: 10px;
    width: 45%;
    text-align: center;
    color: #fff;
    left: 0
}

article.post-2621 {
    width: auto;
    max-width: 1200px;
    margin: auto;
    margin-top: 180px
}

.journey h1 {
    color: #333 !important
}

.journey ul.products li.product {
    border: 0px solid #ddd !important;
    padding: 10px;
    background: #fff;
    color: #333;
    padding-bottom: 30px !important;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.05);
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.journey ul.products li.product:hover {
    border: 5px solid #333
}

.journey ul.products li.product p {
    color: #333
}

.journey .button {
    border-radius: 30px !important;
    border: 0px !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.journey .button:hover {
    background-color: #192e5d !important
}

.ctas {
    margin-bottom: -2px
}

.journeyblock {
    width: 100%;
    min-height: 500px;
    padding-top: 0px !important;
    padding-bottom: 60px !important;
    position: relative;
    display: block;
    background: url(https://acdirect.co.za/wp-content/uploads/2020/10/back-01.svg);
    background-size: cover;
    background-position: 50% 50%
}

.journeyblock .post-thumbnail {
    background: none !important
}

#yith-quick-view-modal #yith-quick-view-content {
    padding: 15px
}

.woocommerce .quote table.shop_table {
    width: auto;
    margin: auto;
    max-width: 1200px !important;
    overflow-x: auto !important;
    display: block !important
}

#ctawidget {
    background: #333;
    color: #fff;
    font-size: 13.5px;
    padding: 5px 5px;
    margin-bottom: -2px;
    display: block;
    width: 100%;
    position: fixed;
    z-index: 9999;
    width: 100%;
    letter-spacing: 0px;
    font-weight: 400;
    transition: all 0.8s;
    -webkit-transition: all 0.8s
}

.ctawidget {
    max-width: 1200px;
    padding: 5px 0px;
    margin: auto;
    line-height: 25px
}

.ctawidget a {
    color: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.ctawidget a:hover {
    color: #4c7dc8
}

.ctacolor {
    color: #4c7dc8;
    font-weight: 900
}

.ctaicons {
    font-size: 15px;
    margin-left: 15px;
    vertical-align: bottom
}

.ctaicons a {
    padding: 0px 3px
}

.section {
    clear: both;
    padding: 0px;
    margin: 0px
}

.colcta {
    display: block;
    float: left;
    margin: 0
}

.colcta:first-child {
    margin-left: 0
}

.group:before,
.group:after {
    content: "";
    display: table
}

.group:after {
    clear: both
}

.group {
    zoom: 1
}

.span_2_of_2cta {
    width: 100%
}

.span_1_of_2cta {
    width: 49.2%
}

@media only screen and (max-width:480px) {
    .colcta {
        margin: 0
    }
}

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

    .span_2_of_2cta,
    .span_1_of_2cta {
        width: 100%
    }
}

.span_3_of_3cta {
    width: 100%
}

.span_2_of_3cta {
    width: 66.13%;
    text-align: right
}

.span_1_of_3cta {
    width: 32.26%
}

@media only screen and (max-width:360px) {
    .colcta {
        margin: 0
    }

    .span_3_of_3cta,
    .span_2_of_3cta,
    .span_1_of_3cta {
        width: 100%
    }
}

.choice01 {
    width: 25vw
}

.gform_wrapper .gf_progressbar:after {
    z-index: -9;
    height: 13px !important;
    margin-top: -11px !important;
    background-color: #e0e0e0 !important;
    -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0) !important;
    box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0) !important
}

.gform_wrapper .gf_progressbar_percentage {
    height: 12px !important;
    position: relative
}

gform_wrapper .gf_progressbar {
    padding: 0px !important
}

.gform_wrapper .gf_progressbar_wrapper {
    margin-top: -85px
}

.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
    font-size: 12px !important;
    line-height: 5 !important;
    float: right;
    width: 100px;
    padding-top: 15px !important;
    color: #333 !important;
    text-shadow: 0 0 0 #FFFFFF
}

.gform_wrapper .gf_progressbar_wrapper {
    clear: both;
    width: 100%;
    max-width: 600px;
    right: 0;
    position: absolute;
    margin: 0 0 16px 0;
    padding: 0 0 16px 0
}

.gform_wrapper .gf_progressbar {
    width: calc(100% - 16px) !important;
    padding: 0px !important
}

.gform_wrapper .gf_progressbar {
    background-color: rgba(0, 0, 0, 0)
}

.gform_wrapper h3 {
    margin-top: 10px !important
}

.gform_wrapper .gf_progressbar_percentage span {
    display: block;
    width: auto;
    color: #333 !important;
    float: left !important;
    margin-right: 0px !important;
    margin-left: 20px !important;
    line-height: 5 !important;
    background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 20px), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important
}

.gform_wrapper .gform_heading {
    margin-top: 10vh !important
}

.welcome_journey {
    float: none;
    text-align: center;
    display: inline-block
}

#gform_next_button_27_90 {
    margin-top: -10px;
    width: 100%
}

.welcome_journey h3 {
    text-transform: uppercase;
    font-size: 40px;
    line-height: 1
}

.gchoice_27_158_1,
.gchoice_27_158_2 {
    width: 49%;
    float: left;
    color: #333333 !important
}

.gchoice_select_all {
    color: #333333 !important;
    display: inline !important;
    width: 100% !important
}

body .gform_wrapper ul li.gfield {
    margin-top: calc(10% - 5px) !important
}

li#field_24_91 {
    margin-top: 10px !important
}

.gfield_label {
    color: #333
}

.gform_wrapper .gform_page_footer {
    width: 100% !important;
    max-width: 600px;
    float: right;
    right: 0;
    text-align: right;
    padding-top: 0px !important
}

.gform_wrapper .gform_page_footer .button.gform_next_button {
    margin-right: 10px;
    border-radius: 100px;
    padding: 10px 35px;
    text-transform: uppercase;
    background-color: #f7f8fa;
    color: #3867ab;
    border: solid 1.5px #3867ab;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.gform_wrapper:hover .gform_page_footer:hover .button.gform_next_button:hover {
    background-color: #3867ab;
    color: #fff;
    -webkit-box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.3)
}

.gform_wrapper:hover .gform_page_footer:hover .button.gform_next_button:hover {
    background-color: #3867ab;
    color: #fff;
    -webkit-box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.3)
}

.gform_wrapper:hover .gform_page_footer:hover .button.gform_button:hover {
    background-color: #3867ab;
    color: #fff;
    -webkit-box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.3)
}

#gform_submit_button_27 {
    background-color: #3a67b1 !important;
    color: #fff !important;
    text-transform: uppercase;
    text-align: center !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    width: 100% !important;
    padding: 10px 20px !important;
    margin: 5px 0px;
    font-size: 14px;
    overflow: hidden;
    border-radius: 30px !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.2)
}

.gform_wrapper .gform_page_footer .button.gform_previous_button {
    margin-right: 10px;
    border-radius: 100px;
    padding: 10px 35px;
    margin-bottom: 15px;
    text-transform: uppercase;
    background-color: #f7f8fa !important;
    color: #ee2729 !important;
    border: solid 1.5px #ee2729;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.gform_wrapper:hover .gform_page_footer:hover .button.gform_previous_button:hover {
    background: #ee2729 !important;
    color: #fff !important
}

.gform_wrapper::after .gform_page_footer::after .button.gform_next_button::after {
    content: " "
}

.button.gform_next_button::after {
    content: "f054"
}

.ginput_container.ginput_container_radio {
    text-align: right
}

.gform_wrapper .top_label .gfield_label,
.gform_wrapper legend.gfield_label {
    background: rgba(255, 255, 255, 0) !important;
    display: -moz-inline-stack;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    clear: both;
    color: #333 !important
}

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

.first_block_4 .gf_right_half {
    margin-top: -20px !important
}

.choice02 {
    width: 25vw
}

.choice05 {
    width: 80%;
    max-width: 350px !important
}

.choice06 {
    width: 75%;
    max-width: 300px !important
}

.choice07 {
    width: 65%;
    max-width: 300px !important
}

.choice08 {
    position: absolute;
    display: inline-block
}

.choice09 {
    width: 30%;
    max-width: 300px !important;
    position: absolute;
    display: inline-block
}

.choice10 {
    width: 30%;
    max-width: 300px !important;
    position: absolute;
    display: inline-block
}

.choice11 {
    width: 30%;
    max-width: 300px !important;
    position: absolute;
    display: inline-block
}

#field_24_34 {
    margin-top: -150px !important
}

.colblock1 {
    width: 49%;
    float: left
}

.colblock2 {
    width: 49%;
    float: right
}

@media (max-width:480px) {
    .colblock1 {
        width: 100%;
        float: none;
        display: block
    }

    .colblock2 {
        width: 100%;
        float: none;
        display: block
    }
}

.choiceb3 .gform_wrapper .gfield_radio li label {
    width: 100% !important
}

#label_24_93_0,
#label_24_93_1,
#label_24_93_2 {
    width: 100% !important
}

.left_halfshort {
    max-width: 450px !important
}

.koo_left,
.koo_right {
    width: 49%;
    clear: both
}

.koo_left {
    width: 49%;
    float: left
}

.koo_right {
    width: 49%;
    float: right
}

#gfield_description_24_1 {
    color: #333 !important;
    font-size: 14px !important
}

.headspace {
    position: relative;
    z-index: 9999;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: #ffffff !important;
    left: 0;
    right: 0
}

.headspacewrap {
    width: auto;
    max-width: 1200px;
    margin: auto
}

header .headspace {
    margin: auto;
    margin-top: 45px !important;
    height: 110px;
    position: fixed;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1)
}

header.smaller .headspace {
    height: 65px;
    margin-top: 39px !important;
    max-width: 100%;
    position: fixed;
    background: rgba(255, 255, 255, 0.85) !important;
    -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1)
}

.ubermenu.ubermenu-main,
.custom-logo-link,
.is-form-style input.is-search-input {
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

header.smaller .headspace .ubermenu.ubermenu-main {
    padding-top: 0px;
    margin-top: 15px
}

header.smaller .headspace .site-branding {
    margin-top: 4px
}

header .headspace .custom-logo-link {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    position: relative;
    z-index: 9999999
}

header.smaller .headspace .custom-logo-link {
    max-width: 205px;
    padding-top: 2px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s
}

header.smaller .headspace .is-form-style input.is-search-input {
    margin-top: -2px;
    padding: 6px 12px
}

header.smaller .headspace .is-search-icon {
    display: inline-block;
    padding: 3px !important;
    margin-top: -2px
}

header.smaller #ctawidget {
    padding: 2px 10px;
    background: rgba(51, 51, 51, 0.9)
}

a.ubermenu-target {
    background: rgba(51, 51, 51, 0) !important
}

.langgl {
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

header.smaller .langgl {
    margin-top: -4px !important
}

#field_24_99 {
    margin-top: 100px
}

#field_24_78 {
    margin-top: 0px !important
}

#field_24_115 {
    margin-top: -330px !important
}

#field_24_37 {
    margin-top: 0px !important
}

#field_24_38 {
    margin-top: 50px !important
}

#field_24_36 {
    margin-top: 50px !important
}

#gfield_description_24_37,
#gfield_description_24_38,
#gfield_description_24_35,
#gfield_description_24_36 {
    color: #333
}

#input_24_41 {
    margin-top: 100px !important
}

#field_24_41 {
    margin-top: 0px !important
}

#gform_submit_button_24 {
    width: 100% !important;
    padding: 15px;
    border-radius: 30px
}

#label_27_41_0,
#label_27_41_1 {
    width: 25% !important;
    text-align: center
}

.woocommerce a.button {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    padding: 15px 10px;
    background: #3867ab !important;
    color: #fff;
    text-transform: uppercase;
    border: 0px !important;
    text-align: center
}

.woocommerce a.button:hover {
    background: #192e5d !important
}

.installation .woocommerce.columns-1 ul.products li.product {
    padding-top: 35px
}

.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
    padding: 15px 20px;
    background: #333;
    color: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.woocommerce button.button {
    padding: 15px 20px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.cart-subtotal,
.order-total {
    text-align: right
}

.woocommerce a.button.alt {
    background-color: #3a67b1 !important;
    color: #fff !important;
    display: inline-block;
    width: 45%;
    padding: 15px 20px !important;
    font-size: 14px
}

.wc-proceed-to-checkout {
    text-align: right
}

.woocommerce button.button.alt,
.woocommerce a.button.alt {
    background-color: #3a67b1 !important;
    color: #fff !important;
    display: inline-block;
    width: 45%;
    padding: 15px 20px !important;
    font-size: 14px
}

.woocommerce input.button {
    width: 45% !important;
    display: inline-block !important;
    padding: 15px 20px !important;
    border-radius: 30px !important
}

.woocommerce a.button:hover {
    background-color: #2e528c !important
}

.cart_totals h2 {
    text-align: center
}

#clear_quotes .woocommerce input.button {
    width: 49% !important;
    display: inline-block !important;
    padding: 15px 20px !important;
    border-radius: 30px !important
}

._quoteall_buttons_wrapper button#_email_quote_trigger {
    background-color: #3a67b1 !important;
    margin-right: 0px !important;
    width: 49%;
    float: right !important;
    padding: 23px;
    border-radius: 0px;
    color: #fff !important;
    transition: all 0.3s;
    transition: all 0.3s
}

#_add_quote_to_cart .button,
#clear_quotes .button,
#_email_quote_trigger {
    width: 49% !important
}

._quoteall_buttons_wrapper button#_email_quote_trigger {
    float: right !important
}

._quoteall_buttons_wrapper button#_email_quote_trigger {
    padding: 15px !important;
    border-radius: 100px !important;
    color: #fff !important;
    float: right !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.woocommerce.quote {
    padding-bottom: 200px !important
}

.deskcta {
    display: block
}

.mobicta {
    display: none
}

@media (max-width:640px) {
    .mobicta {
        display: block
    }

    .deskcta {
        display: none
    }

    .ctaicons {
        font-size: 19px;
        margin-left: 5px;
        vertical-align: sub
    }

    .ctacolor {
        font-size: 19px
    }

    .colcta a {
        margin-right: 5px
    }

    .ctaicons a {
        padding: 0px 3px
    }

    #ctawidget {
        padding: 0px 5px
    }

    .journeyblock {
        top: 0px;
        margin-bottom: 0px !important;
        background-position: 65% 50%
    }

    .journeyblock h1,
    .journeyblock h2,
    .journeyblock h3,
    .journeyblock h4,
    .journeyblock p {
        color: #333 !important
    }

    .content-area {
        margin-top: 0px !important
    }

    .gform_wrapper ul.gfield_radio li {
        display: inline-block !important;
        width: 100% !important
    }

    .gform_wrapper .gfield_radio li label {
        max-width: 100% !important
    }

    .gform_wrapper ul.gfield_radio li label {
        width: 100% !important
    }

    .gform_wrapper ul.gfield_radio li {
        overflow: visible !important
    }

    #field_24_101 {
        text-align: center
    }

    .choice01 {
        width: 65%;
        margin-top: 100px
    }

    .choice02 {
        width: 55vw;
        margin-top: 100px
    }

    #field_24_109 {
        margin-top: 100px;
        text-align: center
    }

    .span_2_of_3cta {
        width: 49%;
        text-align: right
    }

    .span_1_of_3cta {
        width: 49%
    }

    .choice03 {
        width: 50vw;
        margin-top: 100px
    }

    .choice05 {
        margin-top: 100px;
        width: 70%
    }

    .choice06 {
        max-width: 300px !important
    }

    #field_24_112,
    #field_24_117,
    #field_24_113 {
        text-align: center
    }

    .gform_wrapper ul.gfield_radio li.gchoice_24_93_0,
    .gform_wrapper ul.gfield_radio li.gchoice_24_93_1,
    .gform_wrapper ul.gfield_radio li.gchoice_24_93_2 {
        display: block !important;
        width: 100% !important
    }

    .categoryDescriptions {
        display: none
    }

    .colblock1 {
        width: 100%;
        float: none
    }

    ul#input_24_99 {
        margin-top: 100px
    }

    .koo_left {
        width: 100%;
        float: left
    }

    .koo_right {
        width: 100%;
        float: left
    }

    li#field_24_78,
    li#field_24_78 h3,
    li#field_24_78 h4,
    li#field_24_78 h5 {
        color: #fff;
        text-shadow: 0 0 0 #707070;
        margin-top: 170px !important
    }

    li#field_24_78 h3 {
        margin-top: 20px !important
    }

    #field_24_78 {
        margin-top: 170px !important
    }

    li#field_24_78 {
        padding: 10px;
        margin-top: 170px !important;
        color: #333 !important
    }

    #field_24_121 {
        text-align: center !important
    }

    li#field_24_115 {
        color: #ffffff;
        background: #3333334f;
        padding: 10px;
        border-radius: 30px;
        margin-top: 65px !important
    }

    #field_24_38 {
        margin-bottom: 50px
    }

    li#field_24_115 h1 {
        color: #ffffff
    }

    li#field_24_37 {
        margin-top: 30px !important
    }

    li#field_24_41 {
        margin-top: 100px !important;
        float: left;
        width: 100%
    }

    #gform_submit_button_24 {
        width: auto;
        max-width: 600px;
        border-radius: 30px;
        border: solid #fff 2px
    }

    #shiftnav-toggle-main.shiftnav-toggle-style-burger_only {
        margin-top: 36px !important
    }

    .fa-shipping-fast:before {
        margin-right: 5px
    }

    .journeyblock {
        padding-top: 20px !important
    }

    #field_24_34 {
        top: 680px !important;
        position: absolute;
        z-index: 9999999999;
        display: block
    }

    #field_24_121 {
        margin-top: 100px !important;
        display: inline-block
    }

    #field_24_115 {
        margin-top: 0px !important
    }

    #gform_fields_24_16 {
        margin-top: 50px !important;
        display: inline-block
    }

    #field_24_8 {
        margin-top: 20px !important
    }

    .choice08 {
        width: 55%;
        position: relative
    }

    .choice09 {
        width: 55%;
        position: relative
    }

    .choice11 {
        width: 55%;
        position: relative
    }

    #field_24_114 {
        text-align: center
    }

    li#field_24_91 {
        color: #333
    }

    #field_24_120 {
        text-align: center !important
    }

    #field_24_122 {
        text-align: center
    }

    #field_24_116 {
        text-align: center;
        margin-top: 10px
    }

    #label_24_41_0,
    #label_24_41_1 {
        width: 100% !important
    }

    #field_24_77 {
        display: block;
        padding-top: 50px !important;
        padding-bottom: 20px
    }

    #field_24_8 {
        margin-top: 20px !important;
        margin-bottom: 20px
    }
}

.coolculator1 {
    position: fixed;
    width: 200px;
    right: 10px;
    top: 45vh;
    z-index: 999
}

.coolculator1 .coolinfo {
    position: absolute;
    width: 200px;
    height: auto;
    margin-top: -130px;
    opacity: 0;
    margin-top: -73px;
    font-size: 12px;
    background: #fff;
    color: #333;
    border-radius: 30px;
    padding: 0px 10px;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.coolculator1 .coolinfo:hover {
    opacity: 1
}

.coolculator2 {
    width: 250px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: 100px;
    margin-top: 150px
}

.coolculator2 .coolinfo {
    position: absolute;
    width: 200px;
    height: auto;
    margin-top: -130px;
    opacity: 0;
    margin-top: -73px;
    margin-left: 25px;
    font-size: 12px;
    background: #fff;
    color: #333;
    border-radius: 30px;
    padding: 0px 10px;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.coolculator2 .coolinfo:hover {
    opacity: 1
}

.coolculator3 {
    position: fixed;
    width: 100px;
    right: 0px;
    top: 65vh;
    z-index: 999
}

.coolculator3 .coolinfo {
    position: absolute;
    width: 200px;
    height: auto;
    margin-top: -130px;
    opacity: 0;
    margin-top: -73px;
    margin-left: -80px;
    font-size: 12px;
    background: #fff;
    color: #333;
    border-radius: 30px;
    padding: 0px 10px;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.coolculator3 .coolinfo:hover {
    opacity: 1
}

.journey .button {
    display: inline-block !important;
    background-color: #4c7dc9 !important;
    padding: 15px 5px !important;
    width: 45% !important;
    color: #fff !important;
    text-align: center;
    margin: auto !important;
    margin-right: 10px !important;
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: bolder !important
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    margin-right: 5px;
    top: 50%;
    margin-top: -6px;
    display: inline-block;
    position: relative !important;
    right: 0px !important
}

.floatblock {
    float: left
}

#field_24_124 {
    margin-top: 0px !important
}

#field_24_8 {
    margin-top: -120px !important
}

#gfield_description_24_10 {
    color: #333 !important
}

.read-more.ui-accordion.ui-widget.ui-helper-reset {
    cursor: pointer;
    margin-top: -10px !important;
    padding-top: 0px !important
}

.carousel-wraphome {
    margin: 0px !important;
    padding: 0 !important;
    width: auto;
    position: relative
}

.carousel-wraphome .item {
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.carousel-wraphome .item:hover {
    background: #e8e8e8
}

.fa-check {
    position: absolute;
    font-size: 30px !important;
    top: -25px;
    right: 20px
}

.owl-carouselhome .itemhome {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden
}

.owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 40%;
    color: #8c8c8c;
    font-size: 35px !important
}

.owl-nav .owl-prev {
    left: 5px
}

.owl-nav .owl-next {
    right: 5px
}

.discoverhead {
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    padding: 5px 0px;
    border-bottom: solid 1px #b7b7b7
}

h3.discoverhead {
    width: 100% !important
}

.bannermain {
    position: relative
}

.bannertxt {
    width: auto;
    max-width: 1200px;
    text-align: left;
    color: #333;
    padding-top: 75px
}

.bannertxt p,
.bannertxt h1,
.bannertxt h2,
.bannertxt h3 {
    color: #333
}

.bannertxt h3 {
    font-size: 26px !important;
    color: #333;
    font-weight: 700;
    line-height: 24px !important
}

.bannertxt p {
    color: #333;
    margin: 10px 0px !important;
    line-height: 17px !important;
    font-size: 14px !important
}

.bannertxt a {
    color: #333 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important
}

.bannertxt a:hover {
    color: #3b6ab7 !important
}

.n2-ss-layers-container .n2-ow {
    width: auto !important;
    max-width: 1200px !important;
    margin: auto !important
}

.bimg {
    width: auto !important;
    max-width: 520px !important
}

.read_more {
    display: inline-block;
    width: auto;
    max-width: 240px;
    padding: 15px 45px;
    background: #ee2729;
    border-radius: 35px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.read_more:hover {
    background: #be1b1c;
    -webkit-box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.1)
}

.read_moreb {
    display: inline-block;
    padding: 15px 45px;
    background: #4c7dc8;
    border-radius: 35px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.read_moreb:hover {
    background: #2e528c;
    -webkit-box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.1)
}

.banner_btn {
    margin-top: -130px
}

.site-branding {
    margin-top: 20px;
    margin-bottom: 15px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s
}

.site-branding img {
    width: 265px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    float: left
}

header.smaller .site-branding img {
    width: 205px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s
}

.ubermenu .ubermenu-target {
    padding: 10px 8px !important;
    font-size: 13px;
    text-transform: uppercase !important
}

.ubermenu .ubermenu-target-text {
    font-family: "Lato", sans-serif !important;
    padding-right: 3px
}

.is-menu.default form {
    max-width: 1200px !important
}

.is-ajax-search label {
    width: 100%
}

.ubermenu-main input {
    font-family: "Lato", sans-serif !important;
    border-radius: 40px;
    background: #e5e5e5;
    width: 100%;
    border: 0px !important;
    padding: 5px 20px
}

#18494 {
    display: none !important
}

.is-form-style button.is-search-submit {
    width: 50px !important;
    margin-left: -50px !important;
    position: absolute;
    background: #3b6ab7 !important;
    color: #fff !important;
    border-radius: 0px 30px 30px 0px;
    padding: 0px !important;
    cursor: pointer !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.is-form-style button.is-search-submit:hover {
    background: #2e579a !important
}

span.is-search-icon svg {
    color: #fff !important;
    fill: #fff;
    -webkit-fill: #fff
}

.is-search-icon {
    display: inline-block;
    padding: 5px !important;
    color: #fff !important;
    background: rgba(250, 250, 250, 0) !important;
    outline: 0;
    font-size: 14px !important;
    border: 0px solid #ccc !important;
    border-radius: 0;
    line-height: 1
}

form.is-search-form.is-form-id-18494.is-ajax-search {
    display: none
}

.headspace form.is-search-form.is-form-id-18494.is-ajax-search {
    display: block
}

.headspace input[value] {
    color: #fff
}

.headspace input[value]::after {
    content: "This is a "
}

.is-form-style input.is-search-input {
    padding: 5px 20px;
    font-size: 14px !important;
    line-height: 1;
    border: solid 0px #ccc !important;
    font-family: "Lato", sans-serif !important;
    border-radius: 30px !important;
    color: #333
}

.is-ajax-search .is-loader-image {
    right: 15px !important
}

.discoverwrap {
    width: auto;
    max-width: 1200px;
    min-height: 210px;
    background: #f7f8fa;
    border-radius: 30px;
    margin: auto;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-top: -38px;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2)
}

.section {
    clear: both;
    padding: 0px;
    margin: 0px
}

.colf {
    display: block;
    float: left;
    margin: 0% 0 0% 0%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.colf:hover {
    background: #dedede
}

.colf:first-child {
    margin-left: 0
}

.group:before,
.group:after {
    content: "";
    display: table
}

.group:after {
    clear: both
}

.group {
    zoom: 1
}

.span_7_of_7 {
    width: 100%
}

.span_6_of_7 {
    width: 85.71%
}

.span_5_of_7 {
    width: 71.42%
}

.span_4_of_7 {
    width: 57.14%
}

.span_3_of_7 {
    width: 42.85%
}

.span_2_of_7 {
    width: 28.57%
}

.span_1_of_7 {
    width: 14.28%
}

@media only screen and (max-width:480px) {
    .colf {
        margin: 0
    }

    .span_1_of_7,
    .span_2_of_7,
    .span_3_of_7,
    .span_4_of_7,
    .span_5_of_7,
    .span_6_of_7,
    .span_7_of_7 {
        width: 100%
    }
}

.section {
    clear: both;
    padding: 0px;
    margin: 0px
}

.colf {
    display: block;
    float: left;
    margin: 0% 0 0% 0%
}

.colf:first-child {
    margin-left: 0
}

.group:before,
.group:after {
    content: "";
    display: table
}

.group:after {
    clear: both
}

.group {
    zoom: 1
}

.span_8_of_8 {
    width: 100%
}

.span_7_of_8 {
    width: 87.5%
}

.span_6_of_8 {
    width: 75%
}

.span_5_of_8 {
    width: 62.5%
}

.span_4_of_8 {
    width: 50%
}

.span_3_of_8 {
    width: 37.5%
}

.span_2_of_8 {
    width: 25%
}

.span_1_of_8 {
    width: 12.5%
}

@media only screen and (max-width:480px) {
    .colf {
        margin: 0px
    }

    .span_1_of_8,
    .span_2_of_8,
    .span_3_of_8,
    .span_4_of_8,
    .span_5_of_8,
    .span_6_of_8,
    .span_7_of_8,
    .span_8_of_8 {
        width: 100%
    }
}

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

.frontcaticon .fa,
.frontcaticon .fab,
.frontcaticon .fal,
.frontcaticon .far,
.frontcaticon .fas {
    font-size: 100px;
    height: 135px;
    color: #3b6ab7;
    font-family: "Font Awesome 5 Pro" !important;
    margin: auto;
    text-align: center;
    padding-top: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.frontcaticon svg {
    font-size: 70px;
    height: 115px;
    color: #3b6ab7;
    font-family: "Font Awesome 5 Pro" !important;
    margin: auto !important;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

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

button {
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.discoverwrap button {
    width: 100%;
    height: 55px;
    border: 0px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    font-size: 11px !important;
    font-weight: 700;
    border-radius: 0px !important;
    background: rgba(255, 255, 255, 0);
    border-top: solid 1px #b5b5b6;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.discoverwrap button:hover {
    color: #fff;
    background: #3b6ab7
}

.colf.span_1_of_7 {
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.colf.span_1_of_7:hover {
    background: #dbdbdb
}

#productcatwrapp {
    width: auto;
    max-width: 1200px;
    margin: auto;
    min-height: 100px;
    margin-top: 50px;
    margin-bottom: 50px
}

.productcat1 {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 29%;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: url(https://acdirect.co.za/wp-content/uploads/2022/05/compressed-samsung.webp) 50% 50%;
    background-size: 110%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.productcat1:hover {
    background-size: 120%
}

.productcat2 {
    margin-bottom: -90px;
    margin-right: 10px;
    width: 33%;
    height: 300px;
    display: inline-block;
    background: url(https://acdirect.co.za/wp-content/uploads/2022/05/compressed-alliance-converted.webp) 50% 50%;
    background-size: 110%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.productcat2:hover {
    background-size: 120%
}

.productcat3 {
    margin-bottom: 10px;
    width: 33%;
    height: 200px;
    display: inline-block;
    background: url(https://acdirect.co.za/wp-content/uploads/2022/05/compressed-lg.webp) 50% 50%;
    background-size: 110%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.productcat3:hover {
    background-size: 120%
}

.productcat4 {
    margin-right: 10px;
    width: 29%;
    height: 300px;
    display: inline-block;
    background: url(https://acdirect.co.za/wp-content/uploads/2022/05/air.webp) 50% 50%;
    background-size: 125%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.productcat4:hover {
    background-size: 135%
}

.productcat5 {
    margin-right: 10px;
    width: 33%;
    height: 200px;
    display: inline-block;
    background: url(https://acdirect.co.za/wp-content/uploads/2022/05/compressed-midea.webp) 50% 50%;
    background-size: 110%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.productcat5:hover {
    background-size: 120%
}

.productcat6 {
    margin-right: 10px;
    width: 16%;
    height: 300px;
    display: inline-block;
    background: url(https://acdirect.co.za/wp-content/uploads/2022/05/daikin.webp) 50% 50%;
    background-size: 125%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.productcat6:hover {
    background-size: 135%
}

.productcat7 {
    width: 16%;
    height: 300px;
    display: inline-block;
    background: url(https://acdirect.co.za/wp-content/uploads/2024/06/June-2024-Website-Category.webp) 50% 50%;
    background-size: 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.productcat7:hover {
    background-size: 115%
}

.productcat8 {
    width: 23%;
    margin-top: 7px;
    margin-right: 10px;
    height: 250px;
    display: inline-block;
    background: url(https://acdirect.co.za/wp-content/uploads/2022/05/xeplor.webp) 50% 0%;
    background-size: 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.productcat8:hover {
    background-size: 110%
}

.productcat9 {
    width: 23%;
    margin-top: 7px;
    height: 250px;
    margin-right: 10px;
    display: inline-block;
    background: url(https://acdirect.co.za/wp-content/uploads/2022/05/alliance.webp) 50% 0%;
    background-size: 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.productcat9:hover {
    background-size: 110%
}

.productcat10 {
    width: 24%;
    margin-top: 7px;
    margin-right: 10px;
    height: 250px;
    display: inline-block;
    background: url(https://acdirect.co.za/wp-content/uploads/2022/05/ref.webp) 50% 37%;
    background-size: 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.productcat10:hover {
    background-size: 110%
}

.productcat11 {
    width: 24%;
    margin-top: 7px;
    height: 250px;
    display: inline-block;
    background: url(https://acdirect.co.za/wp-content/uploads/2022/05/snowmaster.webp) 50% 37%;
    background-size: 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.productcat11:hover {
    background-size: 110%
}

.datacat {
    display: table;
    width: 100%;
    height: 100%;
    padding-top: 15%;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 900;
    opacity: 0;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.45);
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.datacat:hover {
    opacity: 1
}

.datacat1 {
    padding-top: 27%
}

.datacat2 {
    padding-top: 15%
}

.datacat3 {
    padding-top: 50%
}

.datacat8 {
    padding-top: 18%
}

.datacat9 {
    padding-top: 18%
}

.datacat10 {
    padding-top: 18%
}

.datacat11 {
    padding-top: 23%
}

#productcatwrapp .readmore {
    padding: 10px 25px !important;
    text-align: center;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px !important;
    color: #fff !important;
    background: #4c7dc8 !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

#productcatwrapp .readmore:hover {
    background: #3f69a8 !important
}

.productwrapslide {
    width: auto;
    max-width: 1200px;
    margin: auto
}

.bolder {
    text-align: center;
    font-weight: 900;
    text-transform: uppercase
}

#productcatwrappdesk {
    display: block
}

#productcatwrappblock {
    display: none
}

@media (max-width:768px) {
    .discoverwrap {
        min-height: 100px
    }

    #productcatwrappdesk {
        display: none
    }

    #productcatwrappblock {
        display: block
    }

    #productcatwrapp {
        width: auto;
        max-width: 1200px;
        margin: auto;
        min-height: 100px;
        margin-top: 50px;
        margin-bottom: 50px
    }

    .productcat1,
    .productcat2,
    .productcat3,
    .productcat4,
    .productcat5,
    .productcat6,
    .productcat8,
    .productcat9,
    .productcat10,
    .productcat11 {
        width: 48% !important;
        margin: 2px;
        margin-bottom: 2px !important;
        background-size: cover !important;
        background-position: unset
    }

    .productcat1 {
        margin: 2px;
        width: 48%;
        height: 250px;
        display: inline-block;
        overflow: hidden;
        float: left;
        background: url(https://acdirect.co.za/wp-content/uploads/2022/05/compressed-samsung.webp) 15% 50%;
        transition: all 0.3s;
        -webkit-transition: all 0.3s
    }

    .productcat1:hover {
        background-size: 120%
    }

    .productcat2 {
        margin: 2px;
        width: 48%;
        height: 250px;
        display: inline-block;
        overflow: hidden;
        float: left;
        background: url(https://acdirect.co.za/wp-content/uploads/2022/05/compressed-alliance-converted.webp) 25% 50%;
        transition: all 0.3s;
        -webkit-transition: all 0.3s
    }

    .productcat2:hover {
        background-size: 120%
    }

    .productcat3 {
        margin: 2px;
        width: 48%;
        height: 250px;
        display: inline-block;
        overflow: hidden;
        float: left;
        background: url(https://acdirect.co.za/wp-content/uploads/2022/05/compressed-lg.webp) 50% 50%;
        transition: all 0.3s;
        -webkit-transition: all 0.3s
    }

    .productcat3:hover {
        background-size: 120%
    }

    .productcat4 {
        margin: 2px;
        width: 48%;
        height: 250px;
        display: inline-block;
        overflow: hidden;
        float: left;
        background: url(https://acdirect.co.za/wp-content/uploads/2022/05/air.webp) 80% 50%;
        transition: all 0.3s;
        -webkit-transition: all 0.3s
    }

    .productcat4:hover {
        background-size: 135%
    }

    .productcat5 {
        margin: 2px;
        width: 48%;
        height: 250px;
        display: inline-block;
        overflow: hidden;
        float: left;
        background: url(https://acdirect.co.za/wp-content/uploads/2022/05/compressed-midea.webp) 85% 50%;
        transition: all 0.3s;
        -webkit-transition: all 0.3s
    }

    .productcat5:hover {
        background-size: 120%
    }

    .productcat6 {
        margin: 2px;
        width: 48%;
        height: 250px;
        display: inline-block;
        overflow: hidden;
        float: left;
        background: url(https://acdirect.co.za/wp-content/uploads/2022/05/daikin.webp) 50% 50%;
        transition: all 0.3s;
        -webkit-transition: all 0.3s
    }

    .productcat6:hover {
        background-size: 135%
    }

    .productcat7 {
        margin: 2px;
        width: 98% !important;
        height: 250px;
        display: inline-block;
        overflow: hidden;
        float: left;
        background: url(https://acdirect.co.za/wp-content/uploads/2025/10/AC-Direct-Energy-Web-Category-Aug-2025-1.webp) 50% 50% !important;
        background-size: 100%;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        background-size: cover !important
    }

    .productcat7:hover {
        background-size: 115%
    }

    .datacat {
        display: table;
        width: 100%;
        height: 100%;
        padding-top: 45px;
        font-size: 20px;
        line-height: 20px;
        text-transform: uppercase;
        font-weight: 900;
        opacity: 0;
        position: relative;
        text-align: center;
        color: #fff;
        background: rgba(0, 0, 0, 0.45);
        transition: all 0.3s;
        -webkit-transition: all 0.3s
    }

    .datacat {
        opacity: 1
    }

    .datacat1 {
        padding-top: 45px
    }

    .datacat2 {
        padding-top: 65px
    }

    .datacat3 {
        padding-top: 80px
    }

    .datacat4 {
        padding-top: 65px
    }

    .datacat8,
    .datacat9,
    .datacat10 {
        padding-top: 16%
    }

    #productcatwrapp .readmore {
        padding: 10px 25px !important;
        text-align: center;
        border-radius: 3px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 12px !important;
        color: #fff !important;
        background: #4c7dc8 !important;
        transition: all 0.3s;
        -webkit-transition: all 0.3s
    }

    #productcatwrapp .readmore:hover {
        background: #3f69a8 !important
    }

    .productwrapslide {
        width: auto;
        max-width: 1200px;
        margin: auto
    }

    .bolder {
        text-align: center;
        font-weight: 900;
        text-transform: uppercase
    }
}

.paddingtop {
    padding-top: 20px
}

.wcps-container-18517 .item {
    text-align: center !important
}

.wcps-items-excerpt {
    font-size: 14px !important
}

.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
    max-width: 1200px;
    margin: auto
}

.product_meta {
    margin-top: 50px;
    position: relative !important
}

.content-area.journeyblock {
    padding: 0px !important;
    margin: auto !important;
    margin-top: -22px !important;
    max-width: 100% !important
}

.journeyblock .entry-content {
    margin-top: 0px
}

.woocommerce .woocommerce-breadcrumb {
    margin: auto;
    margin-top: -50px !important
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    margin-top: 0px !important
}

.woocommerce span.onsale {
    top: auto !important
}

._add_to_quote_submit.button {
    width: 100%
}

content-area {
    padding: 0px !important;
    margin: auto !important;
    margin-top: 220px !important;
    max-width: 1200px !important
}

.footercta {
    background-color: #333 !important;
    color: #fff !important;
    margin-bottom: 0px !important
}

.footercta a {
    color: #fff !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.footercta a:hover {
    color: #3a67b1 !important
}

.socobtn a {
    font-size: 24px;
    color: #fff !important;
    display: inline-block;
    padding: 5px 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.socobtn a:hover {
    color: #3a67b1 !important
}

.footercta h3 {
    font-weight: 700
}

.footerbtn {
    width: 100%;
    display: block;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 15px;
    text-align: center;
    background: #3a67b1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.footerbtn:hover {
    background: #305795;
    color: #fff !important
}

.footerwrap {
    width: auto;
    max-width: 1200px;
    margin: auto;
    padding: 15px 0px
}

.bordertop {
    width: 250px;
    height: 1.5px;
    background: #fff;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 23px
}

.copyrighttxt {
    margin: auto;
    text-align: center;
    text-transform: uppercase
}

.paymentgateways {
    width: auto;
    max-width: 960px;
    margin: auto;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.easy_testimonial {
    background-color: rgba(243, 243, 243, 0) !important
}

.ubermenu.ubermenu-main .ubermenu-item-normal>.ubermenu-target {
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.ubermenu.ubermenu-main .ubermenu-item-normal>.ubermenu-target:hover {
    color: #ffffff;
    background-color: #3e70bf !important
}

[class^="xoo-wsc-icon-"],
[class*=" xoo-wsc-icon-"] {
    font-family: none !important;
    color: #fff0;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 50px;
    -moz-osx-font-smoothing: grayscale;
    background: url(/wp-content/uploads/2020/10/cart-1.png);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 60px;
    height: 60px
}

.xoo-wsc-basket {
    width: 60px;
    height: 60px
}

.ysm-search-widget.ysm-search-widget-1.ysm-active {
    display: inline-block;
    float: left;
    max-width: 500px;
    width: 100%;
    text-align: center;
    margin: auto;
    margin-top: 0px;
    line-height: 1.3;
    transition: all 0.8s;
    -webkit-transition: all 0.8s
}

.ysm-search-widget .search-submit:before {
    line-height: 42px;
    background: #3a67b1;
    color: #fff !important
}

.ysm-search-widget .search-submit {
    width: 45px !important;
    right: 0px !important
}

.ysm-search-widget-1 .search-field[type="search"] {
    border-color: #333 !important
}

header.smaller .ysm-search-widget.ysm-search-widget-1.ysm-active {
    margin-top: -30px
}

.trp-language-switcher>div {
    border: 0px solid #c1c1c1 !important;
    background-color: rgba(255, 255, 255, 0)
}

.button.alt.ajax_add_to_cart.add_to_cart_button.product_type_simple {
    width: 100% !important;
    background: #3a67b1;
    padding: 15px 25px;
    color: #fff;
    border: 0px !important;
    display: block;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.button.alt.ajax_add_to_cart.add_to_cart_button.product_type_simple:hover {
    background: #27477b !important;
    color: #fff
}

.section.group.products {
    margin-top: 0px !important
}

.colhe {
    display: block;
    float: left;
    margin: 0% 5px
}

.section {
    clear: both;
    padding: 0px;
    margin: 0px
}

.colhe:first-child {
    margin-left: 0
}

.group:before,
.group:after {
    content: "";
    display: table
}

.group:after {
    clear: both
}

.group {
    zoom: 1
}

.span_3_of_3he {
    width: 100%
}

.span_2_of_3he {
    width: 66.13%
}

.span_1_of_3he {
    width: 22.5%
}

.span_1_of_3her {
    width: 43.5%
}

@media only screen and (max-width:480px) {
    .colhe {
        margin: 0% 5px
    }

    .span_3_of_3he,
    .span_2_of_3he,
    .span_1_of_3he {
        width: 100%
    }
}

.ubermenu.ubermenu-main {
    width: 100%;
    text-align: right !important
}

.entry-content,
.entry-summary {
    margin: 12.5em 0 0 !important;
    margin-bottom: 50px !important
}

.badgeimg {
    width: auto;
    max-width: 120px;
    z-index: 99
}

.badgewrap {
    max-width: 1000px;
    margin: auto;
    margin-left: 0px
}

@media (max-width:1120px) {
    .badgewrap {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto
    }

    .col.span_1_of_4 .badgeimg {
        float: center !important
    }
}

.testimonialsblock {
    width: auto;
    height: auto;
    padding: 15px;
    -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.2);
    margin-top: 30px
}

.testimonial_body h4 {
    font-weight: 700 !important
}

.cycle-prev.easy-t-cycle-prev {
    width: 20px;
    height: 20px;
    font-size: 0px;
    background: url(/wp-content/uploads/2020/10/left.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.cycle-next.easy-t-cycle-next {
    width: 20px;
    height: 20px;
    font-size: 0px;
    background: url(/wp-content/uploads/2020/10/right.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.ysm-search-widget.ysm-search-widget-1 {
    height: 43px !important;
    margin-top: 35px !important
}

header.smaller .ysm-search-widget.ysm-search-widget-1 {
    height: 43px !important;
    margin-top: 10px !important
}

.sticky-popup {
    width: 380px !important
}

.posted_in,
.tagged_as,
.posted_in a,
.tagged_as a {
    color: #fff !important
}

.woocommerce div.product .woocommerce-tabs .panel {
    margin-top: 0px !important
}

.woocommerce div.product .product_title {
    font-size: 22px !important;
    text-align: left
}

button.tm-woocompare-button,
.woocommerce button.tm-woocompare-button {
    padding: 15px 10px
}

.slick-track .quantity {
    display: none !important
}

.woocommerce .woocommerce-breadcrumb a {
    color: #909090 !important;
	text-decoration: none;
    font-weight: 600 !important
}

.woocommerce .woocommerce-breadcrumb {
    color: #9c9c9c;
    font-weight: 400 !important
}

.ubermenu .ubermenu-submenu .ubermenu-submenu-type-flyout {
    left: 70% !important;
    -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.2)
}

.ubermenu .ubermenu-submenu.ubermenu-submenu-id-11677 {
    width: 250px !important;
    min-width: auto !important;
    margin-left: -200px !important
}

.ubermenu.ubermenu-target {
    background: #333 !important
}

.ubermenu.ubermenu-main .ubermenu-item-normal.ubermenu-active>.ubermenu-target {
    color: #ffffff;
    background-color: #2c4e86 !important
}

.berocket_term_depth_1 {
    margin-left: 20px;
    background: #efefef;
    padding: 5px 5px !important
}

.berocket_aapf_widget li.slider span.left input,
.berocket_aapf_widget li.slider span.right input {
    border: 0px solid #E8E8E8 !important;
    width: 80% !important;
    background: #ffffff00 !important
}

.track_banner {
    margin-top: 163px;
    margin-bottom: -200px
}

.ubermenu-submenu.ubermenu-submenu-id-11701.ubermenu-submenu-type-auto.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-vertical_parent_item {
    overflow-y: scroll;
    height: 400px
}

.ubermenu-submenu.ubermenu-submenu-id-11677.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-vertical_full_height.ubermenu-submenu-content-align-left {
    width: 400px !important;
    margin-left: -307px !important
}

.ubermenu-submenu.ubermenu-submenu-id-11699.ubermenu-submenu-type-auto.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item {
    margin-left: -100px !important
}

.ubermenu-submenu.ubermenu-submenu-id-11701.ubermenu-submenu-type-auto.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-vertical_parent_item {
    margin-left: 35px !important
}

.ubermenu-submenu-id-11735,
.ubermenu-submenu-id-11753,
.ubermenu-submenu-id-11771,
.ubermenu-submenu-id-11727,
.ubermenu-submenu-id-11745,
.ubermenu-submenu-id-11763 {
    margin-left: 35px !important
}

.ubermenu-submenu-id-11681,
.ubermenu-submenu-id-11791,
.ubermenu-submenu-id-11781,
.ubermenu-submenu-id-11799 {
    margin-left: -100px !important
}

.woocommerce.product-columns-4 ul.products li.product.last .woo-height {
    min-height: 595px !important
}

.button.wc-forward {
    text-align: center;
    margin: auto
}

#mega-menu-wrap-menu-1 {
    clear: both;
    width: 100%;
    top: 34px;
    z-index: 999999;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

header.smaller #mega-menu-wrap-menu-1 {
    top: 14px
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
    left: 330px !important;
    max-width: 1400px;
    width: auto !important
}

.dgwt-wcas-search-wrapp {
    margin-top: 34px;
    z-index: 9999999;
    margin-left: 0px;
    max-width: 250px !important
}

.mega-menu-item-19765 {
    background: #ee2729 !important
}

.mega-menu-item-19765 a.mega-menu-link,
.mega-menu-item-19765 a.mega-menu-link span,
.mega-menu-item-19765 span {
    color: #fff !important;
    text-align: center !important
}

ul.mega-sub-menu {
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2) !important
}

.mega-helptab {
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.mega-helptab a {
    position: absolute !important;
    top: -50px !important;
    font-size: 12px !important;
    margin-left: -50px !important;
    color: #3a67b1 !important;
    font-weight: 600 !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.mega-helptab a:hover {
    color: #333 !important
}

header.smaller .mega-helptab a {
    top: -42px !important
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link {
    font-size: 13px !important;
    font-weight: 300;
    padding: 0px 10px !important;
    margin: -3px 0px !important
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
    padding-bottom: 20px
}

button,
input,
optgroup,
select,
textarea {
    font-family: "Lato", sans-serif !important
}

@media (min-width:1150px) {
    .deskcta {
        font-size: 12px
    }

    .deskcta>span:nth-of-type(2) {
        float: none !important;
        padding-left: 10px
    }

    .headspacewrap>.span_1_of_3her {
        width: 50.5% !important
    }
}

@media (min-width:1366px) {
    .deskcta {
        font-size: 12px
    }

    .headspacewrap>.span_1_of_3her {
        width: 40.5%
    }
}

.woocommerce ul.products li.product .button {
    text-align: center;
    font-weight: 700 !important;
    margin: 5px 0px !important;
    color: #333 !important;
    background: rgba(0, 0, 0, 0) !important;
    border: solid 1px #333 !important;
    border-radius: 3px
}

.woocommerce ul.products li.product .button:hover {
    background: #333 !important;
    color: #FFFFFF !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.woocommerce ul.products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    color: #333 !important;
    background: rgba(0, 0, 0, 0) !important;
    border: solid 1px #333 !important;
    border-radius: 3px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.woocommerce ul.products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
    color: #fff !important;
    background: #27477b !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.mobiapppwrap {
    width: 100%;
    max-width: 2040px;
    min-height: 30px;
    margin: auto;
    background-color: #3a67b1;
    color: #fff !important;
    font-size: 24px;
    text-align: center;
    padding: 8px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 999999
}

.mobiapppwrap a {
    color: #fff !important;
    font-size: 24px;
    padding: 10px 10px;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.mobiapppwrap img {
    width: 22px;
    margin-top: 9px
}

.mobiapppwrap a:hover {
    color: #f3f3f3
}

ul.dcw {
    display: none
}

.mobiapppwrap {
    display: none
}

.js-expand-btn {
    width: 100%;
    display: block;
    padding: 15px 20px;
    background-color: #3a67b1;
    color: #fff;
    border: 0px !important;
    text-transform: uppercase;
    text-align: left;
    border-radius: 3px;
    margin-top: 30px
}

.js-expand-btn::after {
    content: "";
    font-family: "Font Awesome 5 Pro" !important;
    color: #fff;
    text-align: right;
    position: absolute;
    right: 30px;
    font-size: 16px
}

.js-expand-content {
    display: none
}

.js-expand-content.is-opened {
    display: block
}

.filtersectiondesk {
    display: block
}

.filtersectionmobi {
    display: none !important
}

@media (max-width:768px) {
    .filtersectiondesk {
        display: none
    }

    .filtersectionmobi {
        display: block
    }

    .berocket_aapf_widget-title_div.bapf_head.disable_collapse {
        margin-top: 20px
    }
}

#wpsp-slider-section.wpsp-slider-section .wpsp-product .sale_text {
    position: absolute;
    transform: rotate(0deg) !important;
    top: 0.625rem;
    left: 10px;
    padding: 0px !important;
    padding-left: 1px !important;
    width: 35px;
    height: 35px !important;
    z-index: 2;
    font-size: 10px !important
}

.mobile-menuitems,
.mobiaccorfilter {
    display: none
}

@media (max-width:768px) {
    #wprmenu_bar {
        -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1)
    }

    .posted_in a,
    .tagged_as a {
        color: #fff !important;
        font-size: 0px !important
    }

    span.xoo-wsc-icon-cross.xoo-wsc-close:after {
        content: url(https://acdirect.co.za/wp-content/uploads/2021/08/close.svg);
        font-family: lato;
        color: #040404;
        right: -40px;
        width: 25px;
        font-size: 30px;
        position: absolute;
        top: 10px
    }
}

.menubarlogin {
    display: none
}

.bannermainmobile {
    display: none
}

@media (max-width:886px) {
    .mobiapppwrap {
        display: none
    }

    .paymentgateways {
        width: 100%
    }

    .login-username,
    .login-password {
        width: 100% !important
    }

    .woosidebar {
        margin-top: 20px
    }

    .carousel-wraphome .item {
        background: #fbfbfb
    }

    a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
        color: #222 !important;
        background: rgba(0, 0, 0, 0) !important;
        border: solid 1px #333 !important;
        border-radius: 3px;
        transition: all 0.3s;
        -webkit-transition: all 0.3s
    }

    .badgeimg {
        margin-top: 15px;
        float: none !important;
        width: 70px;
        margin-bottom: -20px
    }

    .badgewrap h1 {
        font-size: 22px !important
    }

    .cross-sells a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .titlewrapper {
        width: 100% !important;
        display: block !important;
        max-width: 1000px !important;
        text-align: left;
        padding: 5px !important;
        margin-top: 0px !important
    }

    .cart-collaterals>.cross-sells>.products>.type-product>.ajax_add_to_cart {
        width: 100% !important
    }

    .woocommerce.journey {
        padding-top: 10px
    }

    .xoo-wsc-basket {
        font-size: 38px;
        width: 45px !important;
        height: 35px;
        padding: 10px 0px !important;
        bottom: auto !important;
        top: 10px;
        right: 29px !important;
        margin: 0px;
        z-index: 99999;
        background-color: rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
    }

    [class^="xoo-wsc-icon-"],
    [class*=" xoo-wsc-icon-"] {
        background-size: 20px !important;
        top: 18px;
        right: 57px;
        margin: 0px;
        padding: 0px
    }

    .badgewrap {
        display: none
    }

    .bolder {
        margin-top: 30px
    }

    .whyac {
        margin-right: 0px !important
    }

    .mobile-menuitems {
        display: block;
        position: absolute !important;
        width: 100% !important;
        top: -17px !important;
        left: 0;
        right: 0px !important;
        z-index: 9999 !important
    }

    #content.site-content {
        margin-top: 32px
    }

    .dgwt-wcas-overlay-mobile {
        background: rgba(0, 0, 0, 0) !important
    }

    .footerwrap {
        line-height: 1.2;
        font-size: 13px !important
    }

    .socobtn a {
        font-size: 10px;
        padding: 0px 10px
    }

    .copyrighttxt {
        padding-bottom: 45px !important
    }

    .footerwrap td img {
        width: 100px !important
    }

    .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1 !important;
        font-size: 14px !important
    }

    h3.discoverhead {
        font-size: 18px !important
    }

    .frontcaticon svg {
        font-size: 55px !important;
        height: 85px !important
    }

    .wprm_before_menu_content img {
        margin-top: 20px !important;
        width: 230px;
        margin: auto;
        display: block
    }

    ul.dcw {
        display: none
    }

    #ctawidget {
        display: none
    }

    header .headspace {
        display: none
    }

    .gm-navigation-drawer--mobile.gm-navigation-drawer--left .gm-burger {
        display: block !important
    }

    input#billing_address_map_search_input {
        width: 100%
    }
}

@media (max-width:769px) {
    .bannermain {
        display: none
    }

    .bannermainmobile {
        display: block
    }

    .n2-ss-slider-3.n2-ow {
        margin-top: 0px !important
    }

    .discoverwrap {
        margin-top: -8px
    }

    .n2-ss-slider [data-mode=fill] .n2-ss-slide-background-image {
        background-size: cover !important
    }
}

.gm-navigation-drawer--mobile.gm-navigation-drawer--left .gm-burger {
    display: none
}

.gm-navbar {
    display: none
}

@media (max-width:600px) {
    .filtersectionmobi {
        display: block !important
    }

    .n2-ss-slider [data-mode=fill] .n2-ss-slide-background-image {
        background-size: cover !important
    }

    .cross-sells a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .titlewrapper {
        width: 100% !important;
        display: block !important;
        max-width: 1000px !important
    }

    .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1 !important;
        font-size: 14px !important
    }

    h3.discoverhead {
        font-size: 18px !important
    }

    .frontcaticon svg {
        font-size: 55px !important;
        height: 85px !important
    }

    .mobiapppwrap {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0 10px !important
    }
}

@media (max-width:595px) {
    .badgeimg {
        margin-top: 15px;
        float: none !important;
        width: 70px;
        margin-bottom: -20px
    }

    .cross-sells a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .titlewrapper {
        width: 100% !important;
        display: block !important;
        max-width: 1000px !important
    }

    .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1 !important;
        font-size: 14px !important
    }
}

@media (max-width:490px) {
    .tm-woowishlist-button:before {
        display: none
    }
}

@media (max-width:360px) {
    .mobicols2 {
       height: 425px !important;
		text-align: center !important;	
		padding: 10px !important
    }

    .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1 !important;
        font-size: 14px !important
    }

    h3.discoverhead {
        font-size: 18px !important
    }

    .frontcaticon svg {
        font-size: 55px !important;
        height: 85px !important
    }
}

.popup {
    position: fixed;
    left: 0;
    right: 0;
    padding: 10px;
    max-width: 500px;
    width: auto;
    height: 450px;
    overflow-y: scroll;
    z-index: 9999 !important;
    margin: 10px 20px;
    margin-bottom: 0px;
    border-radius: 3px;
    bottom: 0px;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s, visibility 0s linear 0.5s;
    transition: opacity 0.5s, visibility 0s linear 0.5s;
    z-index: 1;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2)
}

.popup:target {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.popup-close {
    position: absolute;
    padding: 10px;
    max-width: 500px;
    border-radius: 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.9)
}

.popup .close {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 5px;
    color: #000 !important;
    transition: color 0.3s;
    font-size: 35px;
    line-height: 0.6em;
    font-weight: bold
}

.popup .close:hover {
    color: #00E5EE
}

.close-popup {
    cursor: default;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0s linear 0.5s;
    transition: opacity 0.5s, visibility 0s linear 0.5s
}

.popup:target+.close-popup {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.wpsp-cart-button a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    color: #333 !important;
    background: rgba(0, 0, 0, 0) !important;
    border: solid 1px #333 !important;
    font-family: inherit !important;
    border-radius: 3px !important;
    text-align: center;
    font-weight: 700 !important;
    width: 100%;
    padding: 12px 10px !important;
    text-transform: uppercase !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.wpsp-cart-button a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover,
.wpsp-cart-button .button.product_type_simple:hover {
    color: #fff !important;
    background: #3867ab !important;
    border: solid 1px #333 !important
}

.wpsp-cart-button .button.product_type_simple {
    color: #333 !important;
    background: rgba(0, 0, 0, 0) !important;
    border: solid 1px #333 !important;
    font-family: inherit !important;
    border-radius: 3px !important;
    text-align: center;
    font-weight: 700 !important;
    width: 100%;
    padding: 12px 10px !important;
    text-transform: uppercase !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

#wpsp-slider-section.wpsp-slider-section img.wpsp-product-img {
    min-height: 200px;
    max-height: 200px;
    object-fit: contain
}

.easy-t-cycle-pager span {
    font-size: 32px !important;
    width: 12px !important;
    line-height: 22px !important
}

.cross-sells h3 {
    display: none
}

.cart-collaterals>.cross-sells>.products>.type-product>.ajax_add_to_cart {
    margin-top: -100px
}

.upsell_at_checkout div[itemprop="description"] {
    display: none !important
}

.mobilogoa {
    display: none
}

#mobilebars {
    display: none
}

@media (max-width:886px) {
    .dgwt-wcas-search-wrapp {
        margin-top: 78px !important
    }

    .gm-navigation-drawer--mobile .ps {
        display: block !important;
        margin-top: 65px
    }

    #mobilebars {
        display: block;
        position: fixed;
        z-index: 99999;
        height: 60px;
        width: 100%
    }

    .gm-navigation-drawer--mobile.gm-navigation-drawer--left .gm-burger {
        margin-top: 2px !important
    }

    .mobilogoa {
        display: block;
        width: 170px;
        position: fixed;
        top: 5px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        z-index: 999999
    }

    .dgwt-wcas-search-wrapp {
        margin-top: 75px
    }
}

.gm-nav-content-wrapper {
    position: absolute !important;
    z-index: 999 !important;
    will-change: inherit !important;
    width: 100%
}

.gm-navigation-drawer--open.gm-navigation-drawer--left .gm-burger {
    left: calc(100% + -65px) !important
}

@media (max-width:769px) {
    .span_1_of_2 {
        width: 100%
    }

    .dgwt-wcas-om-bar .dgwt-wcas-om-return {
        width: 45px;
        height: 45px;
        display: inline-block;
        background: #ccc;
        cursor: pointer;
        position: absolute;
        margin-top: 41px
    }

    .dgwt-wcas-om-bar .dgwt-wcas-search-wrapp-mobile {
        width: calc(100% - 45px);
        max-width: none;
        margin: 0;
        margin-top: 41px !important;
        left: 45px
    }
}

#wpsp-slider-section.wpsp-slider-section.wpsp_theme_two .wpsp-product .product-details-inner {
    transform: translateY(60px) !important;
    -webkit-transform: translateY(60px) !important;
    -ms-transform: translateY(60px) !important;
    -o-transform: translateY(60px) !important;
    z-index: 9999990 !important;
    transition: all 0.3s
}

#wpsp-slider-section.wpsp-slider-section.wpsp_theme_two .wpsp-product .product-details-inner:hover {
    transform: translateY(-5px) !important;
    -webkit-transform: translateY(-5px) !important;
    -ms-transform: translateY(-5px) !important;
    -o-transform: translateY(-5px) !important
}

.wpsp-product-title a {
    font-size: 14px !important;
    font-family: "Lato", sans-serif !important;
    font-weight: 700 !important
}

.coolculatordiscover {
    height: 115px;
    padding-top: 23px;
    padding-bottom: 18px
}

@media (max-width:886px) {
    .coolculatordiscover {
        height: 85px;
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.custom-wish {
    width: 50px;
    height: 50px;
    font-family: none !important;
    color: #fff0;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 32px;
    padding: 10px;
    margin: 10px;
    box-shadow: 0 1px 4px 0;
    z-index: 999999;
    cursor: pointer;
    position: fixed;
    right: 0;
    bottom: 95px;
    background: #3a67b1;
    border-radius: 9999px
}

.custom-wish-a {
    color: #FFFFFF !important
}

custom-wish-a .custom-wish-a :hover {
    color: #FFFFFF !important
}

a.custom-wish-a:hover {
    color: #FFFFFF !important
}

.custom-wish {
    display: none !important
}

@media (max-width:600px) {
    .custom-wish {
        display: none !important
    }

    .mobicols {
        height: 425px !important;
		text-align: center !important;	
		padding: 10px !important
    }

    div#n2-ss-5-arrow-previous {
        right: 280px !important
    }

    div#n2-ss-5-arrow-next {
        left: 280px !important
    }

    .productcat8 {
        margin-top: 4px;
        margin-right: 0 !important;
        margin-bottom: -2px !important
    }

    .productcat9 {
        margin-top: 4px;
        margin-right: 0 !important;
        margin-bottom: -2px !important
    }

    .productcat10 {
        margin-right: 0 !important
    }

    .datacat2 {
        padding-top: 44px
    }

    #productcatwrapp .readmore {
        position: absolute;
        width: fit-content;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 144px
    }
}

.deskcta>font>span {
    float: none !important
}

.woocommerce ul.products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    color: #fff !important;
    background: #3867ab !important;
    border: solid 1px #333 !important;
    border-radius: 3px !important;
    width: 100% !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.button-addtoquote:hover {
    background: #333 !important;
    color: #FFFFFF !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.woocommerce ul.products li.product .button :hover {
    background: #333 !important;
    color: #FFFFFF !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

a.button.product_type_variable {
    color: #333 !important;
    background: rgba(0, 0, 0, 0) !important;
    border: solid 1px #333 !important;
    border-radius: 3px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

a.button.product_type_variable:before {
    display: none
}

.cart>a.button.product_type_variable {
    width: 50%
}

a.button.product_type_variable:hover {
    background: #333 !important;
    color: #FFFFFF !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

a.btn.product-button {
    display: block;
    width: fit-content
}

a.compare.button {
    display: none !important
}

a.button.product_type_variable.button-addtoquote {
    color: #333 !important;
    border-radius: 3px !important;
    width: 100% !important
}

a.button.product_type_variable.button-addtoquote:hover {
    color: #FFFFFF !important;
    border-radius: 3px !important;
    width: 100% !important
}

a.button.product_type_variable.button-addtoquote.cloned-add-to-quote {
    width: 49.2% !important;
    display: block !important
}

.cloned-add-to-quote {
    width: 49.2% !important;
    display: block !important
}

.journey h4 {
    font-size: 16px !important
}

ul#mega-menu-menu-1 {
    display: flex !important;
    justify-content: center !important;
    margin-left: -50px !important
}

.gm-navigation-drawer--mobile {
    width: 100vw
}

p.login-remember {
    width: fit-content !important
}

#mega-menu-item-24144>ul {
    width: 185% !important
}

@media only screen and (min-width:1px) {
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item>a.mega-menu-link {
        white-space: unset;
        min-width: max-content !important;
        display: flex;
        justify-content: space-between
    }
}

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

    #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover>ul.mega-sub-menu,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus>ul.mega-sub-menu,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
        opacity: 1;
        width: max-content !important;
        transform: translate(0, 0)
    }
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    float: none !important;
    position: revert !important
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    font-size: 14.7px !important;
    padding: 2px 10px 2px 10px !important;
    line-height: normal !important
}

ul.mega-sub-menu {
    padding: 10px 0 !important
}

.woocommerce a.button.alt.wc-forward {
    background-color: #00A300 !important
}

.woocommerce a.button.alt.wc-forward:hover {
    background-color: #018801 !important
}

.woocommerce a.button.xoo-wsc-cart {
    background-color: #00A300 !important;
    background: #00A300 !important
}

.woocommerce a.button.xoo-wsc-cart:hover {
    background-color: #018801 !important;
    background: #018801 !important
}

a.button.xoo-wsc-cart {
    background-color: #00A300 !important;
    background: #00A300 !important
}

a.button.xoo-wsc-cart:hover {
    background-color: #018801 !important;
    background: #018801 !important
}

.xoo-wsc-footer a.button {
    margin: 4px 0;
    padding: 15px 10px;
    line-height: 1;
    text-transform: uppercase
}

.shipping-line {
    width: 50%;
    height: 1px;
    margin: 5px 0 auto;
    margin-bottom: 5px
}

.shipping-list>li {
    margin-bottom: 0
}

.gm-navigation-drawer--mobile .gm-dropdown-menu .gm-anchor {
    font-size: 12.5px !important;
    padding: 5px
}

.delivery-popup,
.prices-popup {
    cursor: pointer;
    transition: 0.5s
}

.delivery-popup:hover {
    cursor: pointer;
    font-weight: 700;
    transition: 0.5s
}

.prices-popup:hover {
    cursor: pointer;
    font-weight: 700;
    transition: 0.5s
}

p.secure-text>svg {
    width: 20px !important;
    margin-right: 4px
}

.delivery-info>li {
    margin: 0 0 0.5em;
    line-height: 1.5em;
    list-style: none outside
}

.delivery-modal,
.prices-modal {
    position: absolute;
    background: #FFFFFF;
    z-index: 1;
    padding: 20px;
    box-shadow: 0px 1px 11px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 1px 11px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 1px 11px 3px rgba(0, 0, 0, 0.25);
    display: none
}

span.c-popup {
    position: absolute;
    right: -12px;
    top: -17px;
    font-size: 25px;
    cursor: pointer;
    color: #3a67b1
}

.delivery-close-overlay,
.prices-close-overlay {
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none
}

svg.dgwt-wcas-ico-magnifier>path {
    display: none !important
}

.gm-navbar {
    display: block
}

@media (max-width:886px) {
    .gm-navbar .gm-container {
        flex-direction: inherit !important
    }

    .gm-inner .gm-container {
        height: 50px !important;
        margin-left: 30px
    }

    .gm-menu-btn {
        display: flex;
        z-index: 9999;
        position: relative
    }
}

div#n2-ss-29 .n2-ss-slider-1 {
    min-height: 0 !important
}

.summerdealslink {
    color: #fff !important;
    background: #ee2729 !important;
    text-align: center !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.summerdealslink>a>.gm-menu-item__txt-wrapper>.gm-menu-item__txt {
    color: #fff !important
}

.summerdealslink>a>.gm-caret {
    color: #fff !important
}

#mega-menu-item-66589,
#menu-item-mobile-66589 {
    color: #fff !important;
    background: black !important;
    text-align: center !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

#mega-menu-item-66589>a {
    color: #fff !important
}

#menu-item-mobile-66589>a {
    color: #fff !important
}

div#billing_address_map_map {
    display: none
}

div#billing_address_map_field {
    height: auto;
    margin-bottom: 0
}

div#shipping_address_map_map {
    display: none
}

div#shipping_address_map_field {
    height: auto;
    margin-bottom: 0
}

textarea#input_35_16 {
    width: 100% !important;
    max-width: 100%
}

input#gform_submit_button_35 {
    padding: 12px
}

#field_35_17,
#field_35_14,
#field_35_26,
#field_35_11,
#field_35_12 {
    display: none
}

#field_35_18>.gfield_label_before_complex {
    display: none
}

#field_35_19,
#field_35_24,
#field_35_21,
#field_35_22,
#field_35_23,
#field_35_20 {
    display: none
}

.create-account>.woocommerce-form__label-for-checkbox {
    font-size: 16px !important
}

.create-account {
    margin: 10px 0 !important
}

#shipping_country_field {
    z-index: 0;
    position: relative
}

#shipping_state_field {
    z-index: 0;
    position: relative
}

.bft {
    background: #000;
    color: #FFF;
    padding: 5px !important
}

.filtersectiondesk {
    display: block !important
}

.filtersectionmobi {
    display: none !important
}

@media (max-width:600px) {
    .dgwt-wcas-search-wrapp {
        margin-top: 0px !important
    }

    .elementor-128973 .elementor-element.elementor-element-7ebd08aa {
        height: 110px !important
    }

    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100% !important
    }
}

@media (max-width:890px) and (min-width:600px) {
    .dgwt-wcas-search-wrapp {
        margin-top: 0px !important
    }

    .elementor-128973 .elementor-element.elementor-element-7ebd08aa {
        height: 110px !important
    }

    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100% !important
    }
}

/*# sourceMappingURL=test-css.css.map */