@font-face {
    font-family: 'Titillium Web Bold';
    src: url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Bold.eot');
    src: url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Bold.woff2') format('woff2'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Bold.woff') format('woff'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Bold.ttf') format('truetype'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web SemiBold';
    src: url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-SemiBold.eot');
    src: url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-SemiBold.woff2') format('woff2'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-SemiBold.woff') format('woff'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-SemiBold.ttf') format('truetype'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Titillium Web Regular';
    src: url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Regular.eot');
    src: url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Regular.woff2') format('woff2'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Regular.woff') format('woff'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Regular.ttf') format('truetype'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web Light';
    src: url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Light.eot');
    src: url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Light.woff2') format('woff2'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Light.woff') format('woff'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Light.ttf') format('truetype'),
    url('/wp-content/themes/puregraze_new/assets/fonts/TitilliumWeb-Light.svg#TitilliumWeb-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

span.onsale {
    display: none;
}

div.summary ins {
    margin-left: 10px;
}

html {
    scroll-behavior: smooth;
}

body {
    /*display: none*/
}

h1,h2,h3,h4 {
    font-family: 'Titillium Web Bold', sans-serif;
    word-break: break-word;
}

h1 {
    font-size: 4.2rem;
}

section#header h1 {
    font-size: 5rem;
}

h2 {
    font-size: 3.86rem;
}

h3 {
    font-size: 3.06rem;
}

h4 {
    font-size: 1.8rem;
}

h5,h6 {
    font-family: "Titillium Web SemiBold", sans-serif;
}

h6 {
    font-size: 1.25rem;
}

p,a,li {
    font-family: 'Titillium Web Regular', sans-serif;
    font-size: 20px;
}

a {
    color: #007b3b;
}

p strong,
a strong,
li strong {
    font-family: "Titillium Web SemiBold", sans-serif;
}

i.fa-star,
i.fa-star-half-alt {
    color: #ffc800;
}

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
    border: 1px solid #9e9e9e;
    border-radius: 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding: 0 10px;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border: 1px solid #9e9e9e;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.material-tooltip {
    max-width: unset !important;
}

.dropdown-content li>a, .dropdown-content li>span {
    color: #000;
}

div.input-field h6 {
    margin-top: unset;
}

@media only screen and (max-width: 1024px) {

    h1, section#header h1 {
        font-size: 4rem;
    }

}

@media only screen and (max-width: 786px) {

    h2 {
        font-size: 3.16rem;
    }

    h3 {
        font-size: 2.6rem;
    }

}

@media only screen and (max-width: 500px) {

    h1, section#header h1 {
        font-size: 2.8rem;
    }

    h2 {
        font-size: 2.56rem;
    }

}

section {
    overflow: hidden;
}

.container {
    width: 90% !important;
    max-width: 1480px;
}

div.container.small {
    max-width: 760px;
}

@media only screen and (min-width: 1380px) {

    div.container,
    div.container.wide {
        width: 90% !important;
    }

}

.row.flex {
    display: flex;
}

@media only screen and (max-width: 992px) {
    .row.flex {
        display: initial;
    }
}

.btn {
    text-transform: none !important;
    box-shadow: none !important;
    font-family: "Titillium Web Regular", sans-serif;
    font-size: 20px;
    border-radius: 10px;
    height: 52px;
    line-height: 52px;
    display: inline-block;
}

.btn.grey {
    background-color: #FAFAFA !important;
    color: #000;
}

.btn.btn-large {
    font-family: "Titillium Web SemiBold", sans-serif;
    font-size: 20px;
    border-radius: 5px;
    text-transform: none !important;
    height: 60px;
    line-height: 60px;
}

.btn.btn-large.green {
    background-color: #268F58 !important;
    color: #fff;
    box-shadow: none;
}

.btn.btn-large.orange {
    background-color: #f63a1a !important;
    color: #fff !important;
    box-shadow: none;
}

.btn.btn-large.transparent {
    border: 2px solid #fff;
}

.btn.btn-orange {
    font-family: "Titillium Web SemiBold", sans-serif;
    font-size: 20px;
    border-radius: 5px;
    text-transform: none !important;
    height: 60px;
    line-height: 60px;
    background-color: #f63a1a !important;
    color: #fff;
    box-shadow: none;
}

button.woocommerce-button,
a.woocommerce-button {
    font-family: "Titillium Web SemiBold", sans-serif;
    font-size: 20px;
    border-radius: 5px;
    text-transform: none !important;
    height: 60px;
    line-height: 60px;
    background-color: #268F58 !important;
    color: #fff !important;
    box-shadow: none;
}

a.button.wc-backward {
    font-family: "Titillium Web SemiBold", sans-serif;
    font-size: 20px;
    border-radius: 5px;
    text-transform: none !important;
    background-color: #f63a1a !important;
    color: #fff !important;
    box-shadow: none;
}

@media only screen and (max-width: 450px) {
    .btn {
        height: unset !important;
        min-height: 64px;
    }
}

div.clear-both {
    clear: both;
}

div#scroll-to-top {
    display: none;
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 50px;
    height: 50px;
    background-color: #268F58;
    border-radius: 100%;
    text-align: center;
    z-index: 999;
}

    div#scroll-to-top > i {
        line-height: 49px;
        font-size: 32px;
        color: #fff;
    }

    div#scroll-to-top a {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
    }

div.card {
    box-shadow: none;
}

    div.card div.card-image {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

        div.card div.card-image img {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        div.card div.card-image a {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

    div.card div.card-content {
        padding: 34px;
        background-color: #FAFAFA;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

        div.card div.card-title {
            font-family: 'Titillium Web Bold', sans-serif;
            font-size: 32px;
            line-height: 42px !important;
            margin-bottom: 25px !important;
        }

        section#blogs div.card div.card-title {
            min-height: 125px;
        }

            div.card div.card-title a {
                font-family: 'Titillium Web Bold', sans-serif;
                color: rgba(0,0,0,0.87);
                font-size: 32px;
                line-height: 42px !important;
                margin-bottom: 25px !important;
            }

        div.card a.btn.btn-large.orange {
            width: 100%;
            margin-top: 25px;
            font-size: 22px;
            font-family: "Titillium Web SemiBold", sans-serif;
        }

    section#blogs div.card div.card-image,
    section#blog-overview div.card div.card-image {
        height: 300px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    section#blog-overview div.card div.card-content {
        height: 250px;
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
        overflow: hidden;
    }

    div.card-footer {
        background-color: #FAFAFA;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        padding: 35px;
        position: relative;
    }

    div.card div.card-footer:before {
        content: '';
        position: absolute;
        top: -30px;
        left: 0;
        width: 100%;
        height: 50px;
        background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(250,250,250,1) 50%, rgba(250,250,250,1) 100%);
        transition: .2s ease-in-out all;
    }

    div.card:hover div.card-footer:before {
        opacity: 0;
    }

ul.tabs {
    background-color: unset;
}

    .tabs .indicator {
        display: none;
    }

        .tabs .tab a:hover,
        .tabs .tab a.active,
        .tabs .tab a {
            color: #fff;
        }

    .tabs .tab {
        margin: 0 24px 0 0;
        text-transform: unset;
    }

        .tabs .tab a {
            padding: unset;
            font-size: 20px;
        }

        .tabs .tab a:focus,
        .tabs .tab a:focus.active {
            background-color: unset;
        }

        .tabs .tab a {
            border-bottom: 1px solid rgba(255,255,255,0);
            transition: .2s ease-in-out border-bottom-color;
        }

        .tabs .tab a.active {
            border-bottom: 1px solid rgba(255,255,255,1);
        }

    .tabs .tab.disabled a,
    section#webinars .tabs .tab.disabled a {
        color: rgb(155 155 155) !important;
    }

nav.nav-upper {
    background-color: #268F58;
    box-shadow: none;
    padding: 0 40px;
}

    nav.nav-upper ul.nav-menu {
        float: right;
    }

        nav.nav-upper ul.nav-menu li a {
            font-size: 20px;
            font-family: "Titillium Web Light", sans-serif;
            opacity: 0.9;
        }

        nav.nav-upper ul.nav-menu li:first-child a:after {
            content: '';
            border-right: 1px solid #fff;
            margin-left: 35px;
        }

    nav.nav-upper li.search_icon {
        transition: .2s ease-in-out all;
    }

    nav.nav-upper form#searchForm {
        float: right;
        display: none;
        transition: .2s ease-in-out all;
        width: 50px;
    }

        nav.nav-upper form#searchform > div {
            position: relative;
        }

        nav.nav-upper form#searchform > div:after {
            content: '\f002';
            font-family: "FontAwesome", sans-serif;
            position: absolute;
            right: 10px;
            font-size: 24px;
            pointer-events: none;
        }

            nav.nav-upper form#searchform input[type=text] {
                margin-top: 10px;
                position: relative;
                border: 1px solid #fff;
                color: #fff;
            }

            nav.nav-upper form#searchform input[type=submit] {
                opacity: 0;
                position: absolute;
                right: 0;
                top: 10px;
                height: 45px;
                cursor: pointer;
            }

nav.nav-lower {
    height: 165px;
    line-height: 105px;
    box-shadow: none;
    background-color: #FAFAFA;
}

nav.nav-lower {
    padding: 35px 0;
}

    nav.nav-lower div.logo {
        float: left;
        position: relative;
    }

        nav.nav-lower div.logo img {
            width: 250px;
        }

        nav.nav-lower div.logo a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    nav.nav-lower ul.nav-menu {
        float: right;
        height: 56px;
        line-height: 56px;
        padding: 20px 0;
    }

        nav.nav-lower ul.nav-menu li {
            padding: 0 5px;
        }

            nav.nav-lower ul.nav-menu li a {
                font-family: 'Titillium Web Regular', sans-serif !important;
                font-size: 20px;
                color: #000;
                border-radius: 5px;
            }

            nav.nav-lower ul.nav-menu li a:hover {
                background-color: #268F58;
                color: #fff;
            }

            /* Community login button */
            nav.nav-lower ul.nav-menu li.community-login a {
                background-color: #f63a1a !important;
                color: #fff !important;
            }

            nav.nav-lower ul.nav-menu li a.btn.btn-large {
                color: #fff !important;
            }

            nav.nav-lower ul.nav-menu li i {
                height: unset !important;
                transition: .2s ease-in-out all;
            }

            nav.nav-lower li.cart-wrapper {
                position: relative;
            }

/* Lang */
nav ul li.active {
    background-color: unset;
}

    nav.nav-lower ul.nav-menu li.language-wrapper > a {
        background-color: #DDDDDD !important;
        color: rgba(0, 0, 0, 0.87) !important;
    }

    nav.nav-lower ul.nav-menu li.language-wrapper a {
        background-color: #DDDDDD;
    }

    nav.nav-lower ul.nav-menu li.language-wrapper img {
        width: 24px;
        height: 24px;
        vertical-align: middle;
    }

    nav.nav-lower ul.nav-menu li.language-wrapper span {
        vertical-align: middle;
    }

    nav.nav-lower ul.nav-menu div.language-selector {
        display: none;
        position: relative;
        z-index: 999;
    }

        nav.nav-lower ul.nav-menu div.language-selector a {
            border-radius: unset;
            background-color: #DDDDDD !important;
            color: rgba(0, 0, 0, 0.87) !important;
        }

        nav.nav-lower ul.nav-menu div.language-selector > a:nth-child(5) {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

nav.nav-lower ul.nav-menu li ul.sub-menu {
    display: none;
    position: absolute;
    z-index: 2;
    background-color: #268F58;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    nav.nav-lower ul.nav-menu li ul.sub-menu li {
        float: unset;
        padding: 0 !important;
        line-height: 48px;
        white-space: nowrap;
    }

        nav.nav-lower ul.nav-menu li ul.sub-menu li a {
            color: #fff !important;
            font-size: 18px;
            font-family: "Titillium Web Light", sans-serif !important;
        }

        nav.nav-lower ul.nav-menu li ul.sub-menu li a:hover {
            color: #fff !important;
            opacity: 0.8;
        }

nav.nav-lower > ul li:last-child,
nav.nav-lower ul li.favorites-wrapper {
    position: relative;
    line-height: 58px;
    margin-left: 5px;
}

    nav.nav-lower ul li a.cart-contents,
    nav.nav-lower ul li a.favorites-content {
        position: absolute;
        top: -11px;
        display: block;
        text-align: center;
        width: 100%;
        height: 100%;
    }

    nav.nav-lower ul li a.cart-contents:hover,
    nav.nav-lower ul li a.favorites-content:hover {
        background-color: unset !important;
        color: rgba(0, 0, 0, 0.87) !important;
    }

    nav.nav-lower ul li.cart-wrapper i,
    nav.nav-lower ul li.favorites-wrapper i {
        color: rgba(0, 0, 0, 0.87);
    }

    nav.nav-lower ul li a.cart-contents span,
    nav.nav-lower ul li a.favorites-content span {
        background-color: #f63a1a;
        opacity: 0.9;
        color: #fff;
        border-radius: 100%;
        border: 1px #fff;
        padding: 3px 9px;
        font-size: 12px;
    }

nav.nav-lower div.sidenav-trigger {
    display: none;
    position: relative;
    float: right;
    width: 80px;
    margin: 15px 0;
    color: #000;
    font-family: "Titillium Web SemiBold", sans-serif;
    font-size: 20px;
    cursor: pointer;
}

    nav.nav-lower div.sidenav-trigger span {
        position: absolute;
        right: 0;
        line-height: 54px;
    }

@media only screen and (min-width: 1456px) {

    nav.nav-lower div.sidenav-trigger {
        display: none !important;
    }

}

nav.nav-lower li.cart-wrapper:not(nav.nav-lower ul li.cart-wrapper),
nav.nav-lower li.favorites-wrapper:not(nav.nav-lower ul li.favorites-wrapper){
    display: none;
    position: relative;
    float: right;
    color: #000;
    margin-right: 20px;
}

    nav.nav-lower li.cart-wrapper i:not(nav.nav-lower ul li.cart-wrapper i) {
        line-height: 85px;
    }

    nav.nav-lower li.cart-wrapper a.cart-contents:not(nav.nav-lower ul li.cart-wrapper a.cart-contents) {
        position: absolute;
        top: -20px;
        right: -10px;
        display: block;
        text-align: center;
    }

    nav.nav-lower li.cart-wrapper a.cart-contents span:not(nav.nav-lower ul li.cart-wrapper a.cart-contents) {
        background-color: #f63a1a;
        opacity: 0.9;
        color: #fff;
        border-radius: 100%;
        border: 1px #fff;
        padding: 3px 9px;
        font-size: 12px;
    }

    nav.woocommerce-MyAccount-navigation {
        background-color: unset !important;
        box-shadow: unset;
    }

        nav.woocommerce-MyAccount-navigation ul li a {
            display: inline;
            color: rgba(0, 0, 0, 0.87);
            text-align: left;
            padding: unset;
            margin: 0 15px 0 0;
            font-size: 20px;
        }

        nav.woocommerce-MyAccount-navigation ul li a:hover {
            background-color: unset;
            border-bottom: 1px solid rgba(0, 0, 0, 0.87);
        }

    div.woocommerce-MyAccount-content {
        margin-top: 25px;
    }

    div.woocommerce-MyAccount-content table tr th span {
        font-size: 18px;
    }

    div.woocommerce-MyAccount-content table tr td * {
        font-size: 18px !important;
    }

    div.woocommerce-MyAccount-content table tr td a.woocommerce-button {
        margin-right: 15px;
    }

    div.woocommerce-MyAccount-content a.woocommerce-Button {
        height: unset;
    }

.yith-wcwl-share li a {
    border-radius: 5px;
}

@media only screen and (max-width: 1250px) {

    nav.woocommerce-MyAccount-navigation {
        height: unset;
    }

        nav.woocommerce-MyAccount-navigation ul li {
            float: unset;
            border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        }

}

    ul#slide-out {
        width: 600px;
        height: 100vh !important;
    }

        ul#slide-out div.container {
            height: 100vh;
            position: relative;
            padding-top: 15px;
        }

            ul#slide-out div.close {
                position: absolute;
                right: 0;
                top: 40px;
                font-size: 20px;
                font-family: "Titillium Web SemiBold", sans-serif;
                cursor: pointer;
            }

                ul#slide-out div.close i {
                    margin-right: 10px;
                    color: rgba(0, 0, 0, 0.87);
                }

            ul#slide-out div.logo {
                padding: 0 20px;
            }

                ul#slide-out div.logo img {
                    width: 200px;
                }

            ul#slide-out span.search-label {
                padding: 0 10px;
            }

            ul#slide-out form#searchform {
                padding: 0 10px;
                margin-bottom: -20px;
            }

                ul#slide-out form#searchform > div {
                    position: relative;
                }

                ul#slide-out form#searchform > div:after {
                    content: '\f002';
                    font-family: "FontAwesome", sans-serif;
                    position: absolute;
                    right: 10px;
                    top: 5px;
                    font-size: 20px;
                    pointer-events: none;
                }

                    ul#slide-out form#searchform input[type=submit] {
                        opacity: 0;
                        position: absolute;
                        right: 0;
                        top: 0;
                        height: 45px;
                        cursor: pointer;
                    }

            ul#slide-out ul.nav-menu {
                margin-top: 50px;
            }

            ul#slide-out ul.nav-menu li.active {
                background-color: unset;
            }

                ul#slide-out ul.nav-menu li.active > a {
                    background-color: #FAFAFA;
                }

                ul#slide-out ul.nav-menu li.menu-item-has-children {
                    position: relative;
                }

                ul#slide-out ul.nav-menu li.menu-item-has-children:after {
                    content: '\f107';
                    font-family: "FontAwesome", sans-serif;
                    position: absolute;
                    right: 20px;
                    top: 0;
                    pointer-events: none;
                    transition: .4s ease-in-out all;
                }

                ul#slide-out ul.nav-menu li.menu-item-has-children.active:after {
                    transform: rotate(180deg);
                }

            ul#slide-out ul.nav-menu li.menu-item-has-children ul {
                transition: .5s ease-in-out all;
            }

                ul#slide-out ul.nav-menu li.menu-item-has-children ul {
                    margin-left: 25px;
                    opacity: 0;
                    max-height: 0;
                    pointer-events: none;
                }

                ul#slide-out ul.nav-menu a {
                    height: unset;
                }

            ul#slide-out ul.nav-menu li.language-wrapper > a > img {
                vertical-align: middle;
                margin-right: 10px;
            }

            ul#slide-out ul.nav-menu li.language-wrapper > a > span {
                vertical-align: middle;
            }

                ul#slide-out ul.nav-menu li.language-wrapper ul a {
                    display: block;
                }

                    ul#slide-out ul.nav-menu li.language-wrapper ul a span {
                        color: rgba(0, 0, 0, 0.87);
                        font-size: 20px;
                    }

            ul#slide-out div.wrapper {
                position: relative;
                padding: 40px 20px 0 20px;
            }

                ul#slide-out div.wrapper a.btn {
                    width: 100%;
                }

                ul#slide-out div.wrapper div.line {
                    width: 100%;
                    height: 2px;
                    background-color: #FAFAFA;
                    margin-top: 40px;
                }

                ul#slide-out div.wrapper ul.nav-menu li a {
                    padding: 0 12px;
                    font-size: 20px;
                }

                ul#slide-out div.wrapper ul#lower-sidenav.nav-menu li:first-child a:after {
                    font-family: "FontAwesome", sans-serif;
                    content: '\f007';
                    margin-left: 10px;
                }

                ul#slide-out div.wrapper div.menu-mobile-sidenav-bottom-container {
                    padding-bottom: 50px;
                }

@media only screen and (max-width: 1900px) {

    nav.nav-lower div.logo img {
        width: 200px;
    }

    nav.nav-lower ul.nav-menu {
        float: right;
        margin-left: unset;
    }

        nav.nav-lower ul.nav-menu li a {
            font-size: 20px;
            padding: 0 10px;
        }

}

@media only screen and (max-width: 1456px) {

    nav.nav-upper form,
    nav.nav-upper .search_icon {
        display: none !important;
    }

    nav.nav-lower ul.nav-menu {
        display: none;
    }

    nav.nav-lower li.cart-wrapper:not(nav.nav-lower ul li.cart-wrapper) {
        display: inline;
    }

    nav.nav-lower div.logo img {
        width: 250px;
        margin-top: -10px;
    }

    nav.nav-lower div.sidenav-trigger {
        display: block;
    }

}

@media only screen and (max-width: 992px) {

    nav.nav-upper {
        display: none;
    }

    nav.nav-lower {
        padding: 15px 0;
        height: 115px;
    }

        nav.nav-lower ul.nav-menu {
            display: none;
        }

            nav.nav-lower div.logo img {
                width: 200px;
                margin-top: unset;
            }

}

@media only screen and (max-width: 600px) {

    ul#slide-out {
        width: 100vw !important;
    }

}

@media only screen and (max-width: 368px) {
    nav.nav-lower div.logo img {
        width: 160px;
        margin-top: unset;
    }
}

section#header {
    position: relative;
    /*overflow: visible;*/
}

section#header .slider {
    height: unset !important;
}

    section#header div.wrapper {
        padding: 120px 0 120px 0;
        width: 60%;
    }

        section#header div.wrapper h1 {
            color: #fff;
        }

        section#header div.wrapper p {
            color: #fff;
            font-family: "Titillium Web SemiBold", sans-serif;
        }

        section#header div.wrapper div.btn.btn-large {
            width: 300px;
            padding: 0 5px;
        }

        section#header div.wrapper div.btn.btn-large {
            margin-right: 25px;
        }

    section#header div.color-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: rgb(0 0 0);
        opacity: 0.2;
    }

    section#header div.background {
        background-image: url(/wp-content/themes/puregraze_new/assets/img/header.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -2;
    }

        section#header div.background img {
            opacity: 0;
        }

    section#header div.owl-carousel div.owl-stage {
        display: flex;
    }

    section#header div.owl-carousel div.owl-stage div.item {
        display: flex;
        flex: 1 0 auto;
    }

    section#header div.owl-carousel div.owl-dots {
        text-align: center;
        margin-top: 15px;
    }

        section#header div.owl-carousel div.owl-dots button {
            width: 15px;
            height: 15px;
            opacity: 0.6;
            background-color: #268e58;
            border-radius: 100%;
            margin-left: 5px;
        }

        section#header div.owl-carousel div.owl-dots button.active {
            opacity: 1;
        }

@media only screen and (max-width: 1380px) {

    section#header div.wrapper {
        width: 80%;
    }

}

@media only screen and (max-width: 1024px) {

    section#header div.wrapper {
        width: 100%;
    }

        section#header div.wrapper h1 {
            width: 80%;
        }

        section#header div.wrapper div.btn-wrapper {
            width: 100%;
        }

}

@media only screen and (max-width: 786px) {


}

@media only screen and (max-width: 736px) {

    section#header div.wrapper h1 {
        width: 100%;
    }

        section#header div.wrapper div.btn-wrapper .btn.btn-large
        {
            margin: 25px 0;
        }

        section#header div.wrapper div.btn-wrapper .btn.btn-large,
        section#header div.wrapper div.btn-wrapper .btn.btn-large.transparent {
            width: 100%;
        }

}

@media only screen and (max-width: 500px) {

    section#header div.wrapper {
        padding: 60px 0 80px 0;
    }

}

section#about {
    padding-top: 50px;
    text-align: center;
}

    section#about p {
        padding-top: 30px;
    }

@media only screen and (max-width: 736px) {

    section#about h3 {
        text-align: left;
    }

    section#about p {
        text-align: left;
    }

}

section#services {
    padding-top: 100px;
}

section#services div.container.carousel-mobile {
    display: none;
}

@media only screen and (max-width: 1024px) {

    section#services div.container.cards {
        display: none;
    }

    section#services div.container.carousel-mobile {
        display: block;
    }

        section#services div.container.carousel-mobile div.owl-carousel {
            width: 140%;
        }

            section#services div.container.carousel-mobile div.owl-carousel div.owl-dots {
                display: block;
            }

}

@media only screen and (max-width: 736px) {

    section#services div.container.carousel-mobile div.owl-carousel {
        width: 175%;
    }

}

@media only screen and (max-width: 500px) {

    section#services {
        padding-top: 50px;
    }

}

section#seen-on {
    padding-top: 200px;
    text-align: center;
}

    section#seen-on div.owl-carousel {
        margin-top: 60px;
        width: 125%;
    }

    section#seen-on div.item {
        background-image: url(/wp-content/themes/puregraze_new/assets/img/klanten/RI-Logo-New.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 170px;
        height: 170px;
        filter: grayscale(1);
        transition: .2s ease-in-out all;
    }

    section#seen-on div.item:hover {
        filter: grayscale(0);
    }

        section#seen-on div.item a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

@media only screen and (max-width: 1024px) {

    section#seen-on {
        padding-top: 100px;
    }

}

@media only screen and (max-width: 500px) {

    section#seen-on {
        padding-top: 50px;
    }

}

@media only screen and (max-width: 500px) {

    section#seen-on div.item {
        width: 150px;
    }

}

@media only screen and (max-width: 370px) {

    section#seen-on div.item {
        width: 130px;
    }

}

section#seeds-consultancy {
    /*padding-top: 300px;*/
}

    section#seeds-consultancy div.top-left {
        height: 90vh;
        width: 50%;
        float: left;
        background-color: #FAFAFA;
        padding: 160px 160px 200px 160px;
    }

        section#seeds-consultancy div.top-left a.btn.btn-large {
            margin-top: 25px;
            font-size: 22px;
        }

    section#seeds-consultancy div.top-right {
        width: 50%;
        float: left;
    }

        section#seeds-consultancy div.top-right div.background {
            background-image: url(/wp-content/uploads/2022/02/Blok-PG-NxT-STEP-Farming.jpg);
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            max-height: 90vh;
        }

            section#seeds-consultancy div.top-right div.background img {
                opacity: 0;
                width: 100%;
                height: 100%;
            }

    section#seeds-consultancy div.bottom-left {
        width: 50%;
        float: left;
    }

        section#seeds-consultancy div.bottom-left div.background {
            background-image: url(/wp-content/uploads/2022/02/Blok-Saladebuffet.jpg);
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            max-height: 90vh;
        }

            section#seeds-consultancy div.bottom-left div.background img {
                opacity: 0;
                width: 100%;
                height: 100%;
            }

    section#seeds-consultancy div.bottom-right {
        height: 90vh;
        width: 50%;
        float: right;
        background-color: #FAFAFA;
        padding: 200px 160px 200px 160px;
    }

        section#seeds-consultancy div.bottom-right a.btn.btn-large {
            margin-top: 25px;
            font-size: 22px;
        }

        section#seeds-consultancy div.small {
            display: none;
        }

@media only screen and (max-width: 1600px) {

    section#seeds-consultancy div.top-left,
    section#seeds-consultancy div.bottom-right {
        padding: 100px;
    }

}

@media only screen and (max-width: 1200px) {

    section#seeds-consultancy div.top-left,
    section#seeds-consultancy div.bottom-right {
        padding: 50px;
    }

}

@media only screen and (max-width: 992px) {

    section#seeds-consultancy div.large {
        display: none;
    }

    section#seeds-consultancy div.small {
        display: unset;
    }

        section#seeds-consultancy div.small div.wrapper-grey {
            background-color: #FAFAFA;
            padding: 25px 0;
        }

            section#seeds-consultancy div.small div.wrapper-grey div.container {
                padding: 40px 0 60px 0;
            }

                section#seeds-consultancy div.small div.wrapper-grey div.container a.btn.btn-large {
                    margin-top: 40px;
                }

            section#seeds-consultancy div.small div.background.consultancy {
                background-image: url(/wp-content/uploads/2022/02/Blok-PG-NxT-STEP-Farming.jpg);
            }

            section#seeds-consultancy div.small div.background.seeds {
                background-image: url(/wp-content/uploads/2022/02/Blok-Saladebuffet.jpg);
            }

            section#seeds-consultancy div.small div.background {
                background-size: cover;
                background-position: center center;
                background-repeat: no-repeat;
                height: 40vh;
                min-height: 400px;
            }

                section#seeds-consultancy div.small div.background img {
                    width: 100%;
                    opacity: 0;
                }

}

@media only screen and (max-width: 736px) {

    section#seeds-consultancy div.small div.wrapper-grey div.container {
        text-align: left;
    }

        section#seeds-consultancy div.small div.wrapper-grey div.container a.btn.btn-large {
            width: 100%;
        }

}

section#blogs {
    padding-top: 100px;
}

        section#blogs h3 {
            float: left;
        }

    section#blogs div.container div.row:nth-child(2) {
        margin-top: 50px;
    }

        section#blogs div.container div.row div.col > a.btn.btn-large {
            float: right;
            margin: 2.3733333333rem 0 1.424rem 0;
            font-size: 22px;
        }

div.card div.tag-wrapper {
    position: absolute;
    width: 100%;
    z-index: 1;
    margin: 15px 10px;
}

    div.card div.tag-wrapper div.tag {
        padding: 10px;
        border-radius: 5px;
        background-color: #FAFAFA;
        margin: 0 5px 5px 0;
        display: inline-block;
    }

    div.card-content div.card-title {
        margin: 25px 0;
    }

    div.card-content a.readmore {
        color: #268F58;
    }

    section#blogs div.all-blogs-mobile {
        display: none;
    }

        section#blogs div.all-blogs-mobile a.btn.btn-large {
            float: unset !important;
        }

@media only screen and (max-width: 1200px) {

    div.card div.card-title {
        font-size: 28px;
        line-height: 32px !important;
    }

}

@media only screen and (max-width: 992px) {

    div.card div.card-title {
        font-size: 26px;
        line-height: 30px !important;
    }

    div.card div.card-content {
        padding: 20px;
    }

}

@media only screen and (max-width: 786px) {

    section#blogs div.col.m4 {
        width: 50%;
    }

    section#blogs div.col.m4:last-child {
        display: none;
    }

        section#blogs a.btn.btn-large {
            display: none;
        }

        section#blogs div.all-blogs-mobile,
        section#blogs div.all-blogs-mobile a.btn.btn-large {
            display: inline-block !important;
        }

}

@media only screen and (max-width: 600px) {

    section#blogs div.col.m4 {
        width: 100%;
    }

    section#blogs div.col.m4:last-child {
        display: initial;
    }

        section#blogs div.card {
            margin-bottom: 50px;
        }

        section#blogs div.row:nth-child(2) div.col:last-child div.card {
            margin-bottom: unset;
        }

}

@media only screen and (max-width: 500px) {

    section#blogs {
        padding-top: 50px;
    }

    section#blogs div.all-blogs-mobile,
    section#blogs div.all-blogs-mobile a.btn.btn-large {
        display: block;
        width: 100%;
    }

}

section#testimonials {
    position: relative;
    margin-top: 100px;
    padding: 0 0 100px 0;
    overflow-x: hidden;
}

    section#testimonials div.container {
        padding-top: 50px;
        color: #fff;
    }

        section#testimonials div.owl-carousel.testimonials {
            width: 100vw;
            margin-top: 100px;
        }

            section#testimonials div.owl-carousel.testimonials .owl-stage {
                display: flex;
            }

                section#testimonials div.owl-carousel.testimonials .owl-stage .owl-item {
                    display: flex;
                    flex: 1 0 auto;
                }

            section#testimonials div.owl-carousel.testimonials div.owl-item div.item {
                position: relative;
                overflow: hidden;
                display: flex;
                flex-direction: column;
                align-items: stretch;
                transition: .2s ease-in-out opacity;
                opacity: 0.3;
                background-color: #fff;
                color: #000;
                border-radius: 15px;
                padding: 25px 25px 60px 25px;
            }

            section#testimonials div.owl-carousel.testimonials div.owl-item.active:first-child div.item {
                opacity: 1;
            }

                section#testimonials div.owl-carousel.testimonials div.item img {
                    width: 50px;
                    margin: 20px 0 30px 0;
                }

                section#testimonials div.owl-carousel.testimonials div.item span.author {
                    font-size: 20px;
                    font-family: "Titillium Web Bold", sans-serif;
                }

        section#testimonials div.owl-carousel.testimonials div.owl-nav {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 28px;
            font-size: 58px;
            max-width: 1480px;
            text-align: center;
        }

            section#testimonials div.owl-carousel.testimonials div.owl-nav .owl-prev {
                position: absolute;
                margin-left: -180px;
            }

            section#testimonials div.owl-carousel.testimonials div.owl-nav .owl-next {
                position: absolute;
                margin-left: 130px;
            }

            section#testimonials div.owl-carousel.testimonials div.owl-nav button:after {
                content: '';
                position: absolute;
                width: 50px;
                height: 50px;
                background-color: #fff;
                border-radius: 100%;
                top: 0;
                left: 0;
                z-index: -1;
            }

                section#testimonials div.owl-carousel.testimonials div.owl-nav button span {
                    display: block;
                    width: 50px;
                    height: 50px;
                    line-height: 35px;
                    color: #268F58;
                    transition: .2s ease-in-out all;
                }

            section#testimonials div.owl-carousel.testimonials div.owl-nav button.disabled:after {
                background-color: transparent;
            }

                section#testimonials div.owl-carousel.testimonials div.owl-nav button.disabled span {
                    color: #fff;
                    opacity: 0.5;
                    cursor: default;
                }

        section#testimonials div.owl-carousel.testimonials div.owl-dots {
            margin-top: 80px;
            max-width: 1480px;
            text-align: center;
        }

            section#testimonials div.owl-carousel.testimonials div.owl-dots .owl-dot {
                width: 55px;
                height: 5px;
                background-color: rgba(255,255,255,0.3);
            }

            section#testimonials div.owl-carousel.testimonials div.owl-dots .owl-dot:first-child {
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
            }

            section#testimonials div.owl-carousel.testimonials div.owl-dots .owl-dot:last-child {
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
            }

            section#testimonials div.owl-carousel.testimonials div.owl-dots .owl-dot.active {
                position: relative;
            }

            section#testimonials div.owl-carousel.testimonials div.owl-dots .owl-dot.active span {
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: #fff;
                top: 0;
                left: 0;
                border-radius: 10px;
            }

    section#testimonials div.background {
        background-image: url(/wp-content/uploads/2022/02/2014-08-19-15.33.42.jpg);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
    }

@media only screen and (max-width: 1336px) {

    section#testimonials {

    }

}

@media only screen and (max-width: 786px) {

    section#testimonials div.owl-carousel.testimonials {
        width: 100%;
    }

        section#testimonials div.owl-carousel.testimonials div.owl-dots .owl-dot {
            width: 20px;
        }

}

@media only screen and (max-width: 736px) {

    section#testimonials {
        margin-top: 0;
    }

        section#testimonials h3 {
            margin: 0;
        }

        section#testimonials div.owl-carousel.testimonials {
            margin-top: 50px;
        }

}

@media only screen and (max-width: 500px) {

    section#testimonials div.owl-carousel.testimonials div.owl-nav button span {
        line-height: 42px;
    }

}

section#products {
    padding-top: 100px;
}

        section#products h3 {
            float: left;
        }

        section#products a.btn {
            float: right;
            margin: 2.3733333333rem 0 1.424rem 0;
            font-size: 22px;
        }

    section#products div.row:first-child div.col.s12:first-child {
        margin-bottom: 100px;
    }

    section#products div.product {
        position: relative;
    }

        section#products div.product a:not(section#products div.product div.btn-wrapper a) {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        section#products img {
            width: 100%;
            border-radius: 15px;
        }

        section#products h4 {
            text-align: center;
        }

        section#products span {
            font-family: "Titillium Web Regular", sans-serif;
            font-size: 20px;
            text-align: center;
            display: inherit;
        }

        section#products div.btn-wrapper {
            /*display: none;*/
            width: 100%;
        }

            section#products div.btn-wrapper a {
                float: unset;
                margin: 40px 0 0 0;
                width: 100%;
            }

section#products div.all-products a.btn.btn-large {
    display: none;
    float: unset !important;
}

@media only screen and (max-width: 992px) {

    section#products div.row:first-child div.col.s12:first-child {
        margin-bottom: 50px;
    }

}

@media only screen and (max-width: 736px) {

    section#products a.btn.btn-large {
        display: none;
    }

    section#products div.all-products a.btn.btn-large {
        display: block;
    }

}

@media only screen and (max-width: 600px) {

    section#products div.product {
        padding-bottom: 50px;
    }

    section#products div.row:first-child div.col:last-child div.product {
        padding-bottom: unset;
    }

}

@media only screen and (max-width: 500px) {

    section#products {
        padding-top: 50px;
    }

}

section#contact {
    height: 100vh; /* matches iframe absolute */
    position: relative;
    margin-top: 100px;
}

    section#contact div.container {
        z-index: 1;
        position: relative;
        padding-top: 120px;
    }

        section#contact div.container > div.left {
            width: 50%;
            padding: 55px;
            background-color: #007b3b !important;
            color: #fff;
        }

            section#contact div.container div.left ul.tabs {
                margin: 35px 0;
            }

            section#contact div.container div.left h3 {
                margin-top: 0;
            }

            section#contact div.container div.left h5 {
                margin-top: 50px;
            }

            section#contact div.container div.left p {
                margin: 0;
            }

            section#contact div.container div.left a {
                color: #fff;
            }

            section#contact div.container div.left a.route {
                font-family: "Titillium Web SemiBold", sans-serif;
                line-height: 70px;
            }

                section#contact div.container div.left div.contact-footer div.left a {
                    display: block;
                }

                section#contact div.container div.left div.contact-footer div.right a {
                    background-color: #fff;
                    border-radius: 100%;
                    width: 50px;
                    height: 50px;
                    display: inline-block;
                    text-align: center;
                    margin-left: 15px;
                }

                    section#contact div.container div.left div.contact-footer div.right a i {
                        line-height: 50px;
                        color: #007b3b;
                        font-size: 20px;
                    }

                    section#contact div.container div.left div.contact-footer div.right a:hover i.fa-facebook-f {
                        color: #4267B2;
                    }

                    section#contact div.container div.left div.contact-footer div.right a:hover i.fa-twitter {
                        color: #1DA1F2;
                    }

                    section#contact div.container div.left div.contact-footer div.right a:hover i.fa-instagram {
                        color: #C13584;
                    }

                    section#contact div.container div.left div.contact-footer div.right a:hover i.fa-linkedin-in {
                        color: #0077b5;
                    }

                    section#contact div.container div.left div.contact-footer div.right a:hover i.fa-youtube {
                        color: #FF0000;
                    }

    section#contact div#map {
        overflow-x: hidden;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 90vh;
        pointer-events: none;
    }

section#contact ul.mobile-tabs {
    display: none;
}

@media only screen and (max-width: 1600px) {

    section#contact div.container > div.left {
        width: 60%;
    }

}

@media only screen and (max-width: 1336px) {

    section#contact {
        margin-bottom: 50px;
    }

        section#contact div.container div.left div.contact-footer div.left,
        section#contact div.container div.left div.contact-footer div.right {
            float: unset !important;
        }

        section#contact div.container div.left div.contact-footer div.right {
            margin-top: 25px;
        }

            section#contact div.container div.left div.contact-footer div.right a:first-child {
                margin-left: unset;
            }

}

@media only screen and (max-width: 850px) {

    section#contact,
    section#contact div#map {
        height: 130vh;
        min-height: 900px
    }

        section#contact div.container {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 100px;
        }

    section#contact div.container > div.left {
        width: 100%;
    }

}

@media only screen and (max-width: 600px) {

    section#contact {
        margin-top: 50px;
    }

        section#contact div.container {
            bottom: 50px;
        }

}

@media only screen and (max-width: 500px) {

    section#contact div.container > div.left {
        padding: 45px;
    }

        section#contact ul.tabs {
            display: none;
        }

        section#contact ul.mobile-tabs {
            display: inline-block;
            margin-top: 20px;
        }

            section#contact ul.mobile-tabs li {
                display: inline-block;
                width: 40px;
                height: 40px;
                background-color: #fff;
                color: #1A1A1A;
                border-radius: 100%;
                text-align: center;
            }

            section#contact ul.mobile-tabs li.disabled {
                opacity: 0.3;
                pointer-events: none;
            }

                section#contact ul.mobile-tabs li i {
                    line-height: 40px;
                    width: 100%;
                }

        section#contact div.container div.left h5 {
            margin-top: 20px;
        }

        section#contact div.container div.left div.contact-footer div.right a {
            width: 35px;
            height: 35px;
            margin-left: 5px;
        }

            section#contact div.container div.left div.contact-footer div.right a i {
                line-height: 38px;
            }

}

section#footer {

}

    section#footer div.container {
        max-width: 1250px;
    }

        section#footer div.wrapper {
            max-width: 70%;
        }

            section#footer div.wrapper img {
                width: 220px;
            }

            section#footer div.wrapper p {
                font-size: 16px;
                margin-top: 40px;
            }

            section#footer div.wrapper form {
                margin-top: 60px;
            }

                section#footer div.wrapper form h6 {
                    margin-bottom: 25px;
                }

                section#footer div.wrapper div.input-wrapper {
                    border: 1px solid rgba(0, 0, 0, 0.2);
                    border-radius: 5px;
                }

                    section#footer div.wrapper div.input-wrapper input {
                        border-bottom: none !important;
                    }

                    section#footer div.wrapper div.input-wrapper input[type=submit] {
                        margin: 5px;
                        height: 50px;
                        line-height: 10px;
                    }

                    section#footer div.wrapper div.input-wrapper input[type=email] {
                        border: none !important;
                        width: calc(100% - 168px);
                        float: left;
                        height: 60px;
                        padding-left: 10px;
                    }

                    input:not([type]):focus:not([readonly]),
                    input[type=email]:not(.browser-default):focus:not([readonly]) {
                        box-shadow: unset !important;
                    }

    section#footer div.col.m3 {
        padding-top: 50px;
    }

        section#footer h5 {
            font-family: "Titillium Web Bold", sans-serif;
        }

        section#footer ul li {
            line-height: 40px;
        }

            section#footer ul li a {
                color: #000;
            }

            section#footer ul li:hover a {
                border-bottom: 1px solid #000;
            }

        section#footer div.container div.line {
            width: 100%;
            margin-top: 60px;
            height: 1px;
            background-color: rgba(0, 0, 0, 0.1);
        }

section#footer div.sub-footer {
    margin: 25px 0 160px 0;
    font-size: 20px;
}

    section#footer div.sub-footer span a {
        color: #000;
        margin-left: 40px;
    }

    section#footer div.sub-footer div.left a:hover {
        border-bottom: 1px solid #000;
    }

    section#footer div.sub-footer div.left {
        line-height: 45px;
    }

    section#footer div.sub-footer div.right a {
        background-color: #FAFAFA;
        border-radius: 100%;
        width: 50px;
        height: 50px;
        display: inline-block;
        text-align: center;
        margin-left: 15px;
    }

        section#footer div.sub-footer div.right a i {
            line-height: 50px;
            color: #000;
            font-size: 20px;
        }

        section#footer div.sub-footer div.right a:hover i.fa-facebook-f {
            color: #4267B2;
        }

        section#footer div.sub-footer div.right a:hover i.fa-twitter {
            color: #1DA1F2;
        }

        section#footer div.sub-footer div.right a:hover i.fa-instagram {
            color: #C13584;
        }

        section#footer div.sub-footer div.right a:hover i.fa-linkedin-in {
            color: #0077b5;
        }

        section#footer div.sub-footer div.right a:hover i.fa-youtube {
            color: #FF0000;
        }

    section#footer div.sub-footer div.payment-methods {
        margin-top: 30px;
    }

        section#footer div.sub-footer div.payment-methods span {
            display: block;
            opacity: 0.6;
            font-size: 12px;
            margin-bottom: 10px;
        }

        section#footer div.sub-footer div.payment-methods img {
            filter: brightness(0.6);
        }

@media only screen and (max-width: 1024px) {

    section#footer div.col.s12.m6 {
        width: 100%;
        margin-left: unset;
    }

    section#footer div.col.s12.m3 {
        width: 50%;
    }

        section#footer div.sub-footer div.left,
        section#footer div.sub-footer div.right {
            float: unset !important;
        }

        section#footer div.sub-footer div.right {
            margin-top: 25px;
        }

            section#footer div.sub-footer div.right a:first-child {
                margin-left: unset !important;
            }

}

@media only screen and (max-width: 850px) {

    section#footer {
        padding-top: 100px;
    }

}

@media only screen and (max-width: 600px) {

    section#footer {
        padding-top: 50px;
    }

        section#footer div.col.s12.m3 {
            width: 100%;
        }

            section#footer div.wrapper {
                max-width: unset;
            }


            section#footer div.sub-footer div.left span a {
                display: block;
                margin-left: unset;
            }
}

@media only screen and (max-width: 450px) {

    section#footer div.wrapper div.input-wrapper {
        border: unset;
        border-radius: unset;
    }

        section#footer div.wrapper div.input-wrapper input[type=email] {
            width: 100%;
            float: unset;
            border: 1px solid #9e9e9e !important;
        }

        section#footer div.wrapper div.input-wrapper input[type=submit] {
            width: 100%;
            margin: 5px 0;
        }

}

div#cookies {
    display: none;
    position: fixed;
    z-index: 999;
    right: 50px;
    bottom: 50px;
    width: 550px;
    padding: 25px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 5%);
}


    div#cookies div#close {
        position: absolute;
        right: 20px;
        top: 15px;
        font-size: 32px;
        opacity: 0.1;
        cursor: pointer;
    }

    div#cookies div.live {
        width: 22px;
        height: 22px;
        border-radius: 100%;
        border: 1px solid #000;
        background-color: #ff0000;
        display: inline-block;
    }

    div#cookies a {
        margin-top: 25px;
        display: inline;
        color: #268F58;
    }

    div#cookies a.btn.btn-large {
        display: block;
        color: #fff;
    }

@media only screen and (max-width: 650px) {

    div#cookies {
        width: 100%;
        right: 0;
        left: 0;
        bottom: 0;
    }

}

div.pagination ul li,
nav.woocommerce-pagination ul li {
    border: 1px solid #FAFAFA;
    padding: 5px;
    height: 50px;
    width: 50px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: .2s ease-in-out all;
}

div.pagination ul li:first-child,
nav.woocommerce-pagination ul li:first-child {
    background-color: #268F58;
}

div.pagination ul li a,
nav.woocommerce-pagination ul li a {
    line-height: 38px;
    color: #eaeaea;
    transition: .2s ease-in-out all;
}

div.pagination ul li:first-child a,
nav.woocommerce-pagination ul li:first-child a {
    color: #fff;
}

div.pagination ul li span.current,
nav.woocommerce-pagination ul li span.current {
    line-height: 38px;
    display: block;
}

div.pagination ul li:not(div.pagination ul li:first-child):hover,
nav.woocommerce-pagination ul li:not(nav.woocommerce-pagination ul li:first-child):hover {
    border: 1px solid #000;
}

div.pagination ul li:hover a:not(div.pagination ul li:first-child a),
nav.woocommerce-pagination ul li:hover a:not(div.pagination ul li:first-child a){
    color: #000;
}

nav.woocommerce-pagination ul a:hover {
    background-color: unset;
}

div.pagination ul li a i {
    font-size: 1.2rem;
    line-height: 38px;
}

section .row {
    /*margin: 0 -15px;*/
}

nav.woocommerce-breadcrumb {
    background-color: unset;
    box-shadow: unset;
    color: #000;
    margin-top: 25px;
    margin-left: 10px;
    line-height: unset;
    font-family: "Titillium Web", sans-serif;
    font-size: 18px !important;
}

    nav.woocommerce-breadcrumb * {
        font-size: 18px !important;
    }

    nav.woocommerce-breadcrumb a {
        color: rgba(0, 0, 0, 0.87);
    }

    nav.woocommerce-breadcrumb a:hover {
        border-bottom: 1px solid rgba(0, 0, 0, 0.87);
    }

div.breadcrumbs {
    font-size: 18px;
    margin-top: 25px;
}

    div.breadcrumbs a,
    div.breadcrumbs span {
        color: rgba(0, 0, 0, 0.84);
        font-size: 18px;
    }

    div.breadcrumbs i {
        margin: 0 5px;
        font-family: 'FontAwesome', sans-serif;
    }

    div.breadcrumbs a:hover,
    ul.breadcrumbs a:hover {
        border-bottom: 1px solid rgba(0, 0, 0, 0.87);
    }

ul.breadcrumbs {
    margin-top: 40px;
}

    ul.breadcrumbs li {
        float: left;
    }

    ul.breadcrumbs li:after {
        content: '\f105';
        font-family: "FontAwesome", sans-serif;
        margin: 0 5px;
    }

        ul.breadcrumbs li:last-child:after {
            content: '';
        }

        ul.breadcrumbs li a {
            font-size: 18px;
            color: rgba(0, 0, 0, 0.87);
        }

img.content {
    border-radius: 15px;
    width: 80%;
    float: right;
    margin-top: 50px;
}

@media only screen and (max-width: 992px) {

    img.content {
        width: 100%;
    }

}

@media only screen and (max-width: 600px) {

    nav.woocommerce-breadcrumb {
        margin: 20px 0;
    }

}

section#content {
    padding: 50px 0;
    line-height: 1.8;
}

section#content-green {
    background-image: url(/wp-content/themes/puregraze_new/assets/img/testimonials-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
    padding: 100px 0;
    line-height: 1.8;
}

section#content-green div.col.l6 {
    position: relative;
}

section#content-green div.card,
section#content div.card {
    width: 100%;
    color: #000;
    padding: 25px;
    border-radius: 15px;
    max-width: 70%;
    float: right;
}

section#content-green ul,
section#content-green ul li {
    list-style: disc;
    padding-left: 25px;
}

section#content div.card:first-child {
    margin-top: 100px;
}

section#content div.card {
    position: relative;
    float: right;
    background-color: #FAFAFA;
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {

    section#content div.card:first-child {
        margin-top: unset;
    }

    section#content-green div.card {
        position: unset;
        bottom: unset;
        right: unset;
    }
}

section#cta {
    overflow: visible;
    padding: 150px 0 50px 0;
}

section#cta div.wrapper {
    position: relative;
    width: 100%;
    padding: 25px 25px;
    color: #fff;
}

section#cta div.wrapper img {
    position: absolute;
    right: 0px;
    width: 380px;
    bottom: 0;
    border-bottom-right-radius: 15px;
}

section#cta div.wrapper .btn-large.btn {
    width: 100%;
    margin: 30px 0;
}

section#cta div.wrapper div.background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/themes/puregraze_new/assets/img/header.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
    border-radius: 15px;
}

@media only screen and (max-width: 1336px) {

    section#cta {
        padding: 50px 0;
    }

}

@media only screen and (max-width: 1200px) {
    div.card {
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 992px) {
    section#cta div.wrapper img {
        display: none;
    }
}

section#blog-overview div.container {
    max-width: 1280px;
    padding-top: 50px;
}

    section#blog-overview div.category {
        position: relative;
    }

        section#blog-overview div.category div.cat-wrap {
            width: calc(100% - 10px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.27);
            margin: 10px auto 0 auto;
        }

        section#blog-overview div.category:hover div.cat-wrap {
            border-bottom: 1px solid rgba(0, 0, 0, 0.87);
        }

            section#blog-overview div.category a {
                color: rgba(0, 0, 0, 0.87);
                font-size: 22px;
                display: block;
            }

        section#blog-overview div.card {
            margin-bottom: 50px;
        }
        
/* Not in-text blog post images */
section#blog-post div.container div.main-content img:not(img[class^="wp-image"]) {
    width: 130%;
    height: auto;
    border-radius: 15px;
    margin: 50px 0;
}

section#blog-post span {
    font-family: "Titillium Web Regular", sans-serif;
    font-size: 18px;
}

section#blog-post div.btn {
    margin-top: 25px;
}

section#blog-post div.image-wrapper {
    margin: 50px 0;
}

    section#blog-post div.image-wrapper img {
        max-width: 100%;
        border-radius: 15px;
    }

    section#blog-post div.image-wrapper p {
        text-align: center;
    }

section#blog-post div.socials a {
    background-color: #FAFAFA;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    margin-left: 15px;
}

section#blog-post div.socials a:first-child {
    margin-left: unset;
}

section#blog-post div.socials a i {
    line-height: 50px;
    color: #000;
    font-size: 20px;
}

section#blog-post textarea {
    height: 250px;
    padding: 10px;
    box-sizing: content-box;
}

section#blog-post div.comment {
    background-color: #FAFAFA;
    padding: 25px;
    border-radius: 15px;
    margin-top: 50px;
}

section#blog-post div.comment div#respond {
    padding-top: 0
}

section#blog-post div.comment > div.row:first-child {
    display: flex;
}

section#blog-post div.comment > div.row:first-child div.col:last-child {
    position: relative;
}

section#blog-post div.comment > div.row:first-child div.col:last-child div.comment-footer {
    position: absolute;
    bottom: 0;
}

section#blog-post div.comment div.comment-footer a:first-child {
    margin-right: 25px;
}

section#blog-post div.comment div.profile {
    max-width: 170px;
    text-align: center;
}

@media only screen and (max-width: 992px) {

    section#blog-post div.container div.main-content img {
        width: 100%;
    }

}

section#blog-post div.comment.byuser:not(div.comment.parent) {
    margin-top: 100px;
    padding: 25px 75px;
}

    section#blog-post div.comment div.comment-author {
        float: left;
        margin-right: 50px;
    }

        section#blog-post div.comment div.comment-author img {
            border-radius: 100%;
        }

        section#blog-post div.comment div.comment.depth-2 div.comment-author img {
            width: 120px;
            height: 120px;
        }

        section#blog-post div.comment div.comment-author cite {
            display: block;
            text-align: center;
            width: 170px;
            margin-top: 15px;
            font-style: unset;
            font-family: 'Titillium Web SemiBold', sans-serif;
            font-size: 20px;
        }

        section#blog-post div.comment div.comment.depth-2 div.comment-author cite {
            width: 120px;
        }

        section#blog-post div.comment div.comment-author span.says {
            display: none;
        }

        section#blog-post div.comment div.comment-meta.commentmetadata {
            padding-top: 25px;
        }

section#blog-post div.comment div.comment-respond {
    clear: both;
    padding-top: 50px;
}

    section#blog-post div.comment div.comment-respond h3.comment-reply-title small {
        display: block;
    }

@media only screen and (max-width: 600px) {

    section#blog-post div.comment div.comment-author img {
        width: 50px;
        height: 50px;
    }

        section#blog-post div.comment div.comment-author cite {
            text-align: left;
        }

        section#blog-post div.comment div.comment-meta.commentmetadata {
            padding-top: unset;
            text-align: left;
            float: unset;
        }

        section#blog-post div.comment div.comment p {
            clear: both;
            text-align: left;
        }

        section#blog-post div.comment.byuser:not(div.comment.parent) {
            margin-top: 25px;
            padding: 0;
        }

            section#blog-post div.comment div.comment-author {
                float: unset;
            }

            section#blog-post div.comment div.comment.depth-2 div.comment-author img {
                width: 50px;
                height: 50px;
            }

    section#blog-post div.comment p.form-submit,
    section#blog-post div.comment p.form-submit input[type=submit] {
        width: 100%;
    }

}

section#contact-form textarea {
    height: 235px;
}

section#contact-form p.checkbox-wrapper {
    float: left;
}

section#contact-form p.checkbox-wrapper label span {
    font-size: 20px;
    color: #000;
}

section#contact-form input[type=submit] {
    float: right;
    width: 300px;
}

section#contact-form span.disclaimer {
    display: block;
    margin-top: 50px;
    font-size: 14px;
}

section#contact-form span.disclaimer a {
    font-size: 14px;
    color: #007b3b;
}

@media only screen and (max-width: 1336px) {

    section#contact-form p.checkbox-wrapper,
    section#contact-form input[type=submit] {
        float: unset;
    }

}

@media only screen and (max-width: 600px) {

    section#contact-form input[type=submit] {
        width: 100%;
        margin-top: 30px;
    }

}

section#our-team {
    background-color: #FAFAFA;
    padding: 100px 0;
}

section#our-team h2 {
    text-align: left;
    margin-bottom: 100px;
}

section#our-team div.wrapper {
    max-width: 180px;
    text-align: center;
}

section#our-team img {
    border-radius: 100%;
    width: 150px;
    height: 150px;
}

section#our-team h5,
section#our-team p {
    text-align: center;
}

@media only screen and (max-width: 1024px) {

    section#our-team div.wrapper {
        max-width: unset;
    }

}

@media only screen and (max-width: 600px) {

    section#our-team div.wrapper {
        margin-bottom: 50px;
    }

}

section#privacy a:not(ul.breadcrumbs li a) {
    color: #007b3b;
}

section#product-page {
    padding-top: 50px;
}

section#product-page ul.breadcrumbs {
    margin-bottom: 50px;
}

section#product-page img:not(div.preview > img) {
    width: 95%;
    padding: 25px 0;
    cursor: pointer;
}

section#product-page div.preview img {
    width: 150px;
    cursor: pointer;
}

section#product-page h3 span {
    font-size: 20px;
    font-family: "Titillium Web Regular", sans-serif;
}

section#product-page div.add-to-cart {
    width: 100%;
}

section#product-page div.add-to-cart span {
    font-size: 20px;
    line-height: 60px;
    font-family: "Titillium Web Regular", sans-serif;
    float: left;
}

section#product-page div.add-to-cart input {
    width: 100px;
    height: 60px;
    float: left;
    margin: 0 25px;
    text-align: center;
}

section#product-page div.add-to-card .btn.btn-large {
    float: left;
}

section#product-page div.discount-table {
    margin-top: 35px;
}

section#product-page div.discount-table table {
    margin-top: 20px;
    border-top: 1px solid rgba(0,0,0,0.12);
}

section#product-page div.discount-table table tr > *:first-child {
    padding-left: 0;
}

section#product-page div#overlay {
    display: none;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

section#product-page div#overlay div.close {
    position: absolute;
    right: 50px;
    top: 25px;
    color: #fff;
    z-index: 1001;
    cursor: pointer;
}

section#product-page div#overlay div.container {
    max-height: 100vh;
    position: relative;
    z-index: 1001;
    text-align: center;
    pointer-events: none;
}

section#product-page div#overlay div.container img {
    height: 80%;
    width: 80%;
    padding: unset;
    margin: 50px auto 0 auto;
    cursor: unset;
    pointer-events: all;
}

section#product-page div#overlay div.background {
    z-index: 998;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

@media only screen and (max-width: 992px) {

    section#product-page img:not(div.preview > img) {
        width: 100%;
        padding: 25px 0;
        cursor: pointer;
    }

    section#product-page div.preview img {
        width: 120px;
    }

}

section#product-description {
    margin-top: 100px;
    padding: 50px 0;
    background-color: #FAFAFA;
}

section#webshop ul.breadcrumbs {
    margin: 50px 0;
}

section#webshop div.filter-wrapper {
    border-bottom: 1px solid #efefef;
    margin: 0 15px 25px 15px;
    padding-bottom: 15px;
}

section#webshop div.filter-wrapper > span {
    font-family: "Titillium Web Regular", sans-serif;
    font-size: 18px;
    line-height: 76px;
    float: left;
}

section#webshop div.filter-wrapper div.input-field {
    float: right;
}

section#webshop div.filter-wrapper input {
    font-family: 'Titillium Web Regular', sans-serif;
    width: 300px;
}

section#webshop div.categories {
    background-color: #FAFAFA;
    padding: 25px;
    margin-bottom: 50px;
    border-radius: 15px;
}

section#webshop div.categories h4 {
    margin: 25px 0;
    font-size: 28px;
}

section#webshop div.categories ul li {
    padding: 1px 0;
}

section#webshop div.categories ul li a {
    font-size: 22px;
    color: #000;
    margin: 10px 0;
}

section#webshop div.categories ul li a:hover {
    border-bottom: 1px solid #000;
}

section#webshop div.categories ul li ul {
    margin-left: 25px;
}

section#webshop div.product {
    margin-bottom: 50px;
}

section#webshop div.product img {
    width: 100%;
    border-radius: 15px;
}

section#webshop div.product h4 {
    text-align: center;
}

section#webshop div.product span {
    font-family: "Titillium Web Regular", sans-serif;
    font-size: 20px;
    text-align: center;
    display: inherit;
}

section#webshop div.btn-wrapper {
    margin-top: 25px;
}

section#webshop div.btn-wrapper a.btn:first-child {
    width: calc(100% - 88px);
}

div.woocommerce-notices-wrapper div.woocommerce-message {
    border-top-color: #268f58;
}

div.woocommerce-notices-wrapper div.woocommerce-message:before {
    color: #268f58;
}

    div.woocommerce-notices-wrapper div.woocommerce-message a {
        font-size: 16px;
    }

section#webshop-description {
    margin: 50px 0 -100px 0;
    padding: 100px 0;
    background-color: #FAFAFA;
}

nav.woocommerce-breadcrumb {
    background-color: unset;
    box-shadow: unset;
    color: #000;
}

div#primary div.categories {
    background-color: #FAFAFA;
    padding: 25px;
}

div#primary p.woocommerce-result-count {
    display: inline;
    font-size: 18px;
    line-height: 45px;
}

div#primary form.woocommerce-ordering,
div#primary form.woocommerce-ordering div.select-wrapper,
div#primary form.woocommerce-ordering div.select-wrapper input {
    display: inline;
    width: 300px;
    float: right;
}

div#primary div.Rating:not(div#primary ul.products.columns-4 div.Rating) {
    display: none;
}

div#primary ul.products.columns-4 div.Rating {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 10px;
}

div#primary li.post-3501 div.Rating {
    display: none;
}

div#primary ul.products.columns-4 {
    clear: both;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    padding-top: 25px;
}

    div#primary ul.products.columns-4 div.row {
        margin-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
    }

        div#primary ul.products.columns-4 div.row div.col {
            margin-left: unset;
        }

            div#primary ul.products.columns-4 div.row div.col li {
                height: 100%;
                position: relative;
            }

div#yith-wcwl-popup-message {
    margin-left: unset !important;
    border-bottom: 4px solid #268F58;
}

section#webshop div#primary ul.products li.product div.yith-wcwl-add-to-wishlist,
section#webshop div#primary ul.products li.product div.wishlist-placeholder {
    position: absolute;
    top: 50px;
    right: 0;
}

section#webshop div#primary ul.products.columns-4 div.row div.col:nth-child(1) div.yith-wcwl-add-to-wishlist,
section#webshop div#primary ul.products.columns-4 div.row div.col:nth-child(2) div.yith-wcwl-add-to-wishlist,
section#webshop div#primary ul.products.columns-4 div.row div.col:nth-child(3) div.yith-wcwl-add-to-wishlist,
section#webshop div#primary ul.products.columns-4 div.row div.col:nth-child(1) div.wishlist-placeholder,
section#webshop div#primary ul.products.columns-4 div.row div.col:nth-child(2) div.wishlist-placeholder,
section#webshop div#primary ul.products.columns-4 div.row div.col:nth-child(3) div.wishlist-placeholder{
    top: 0;
}

@media only screen and (max-width: 1200px) {
    section#webshop div#primary ul.products.columns-4 div.row div.col:nth-child(3) div.yith-wcwl-add-to-wishlist,
    section#webshop div#primary ul.products.columns-4 div.row div.col:nth-child(3) div.wishlist-placeholder {
        top: 50px;
    }
}

@media only screen and (max-width: 600px) {
    section#webshop div#primary ul.products.columns-4 div.row div.col:nth-child(2) div.yith-wcwl-add-to-wishlist,
    section#webshop div#primary ul.products.columns-4 div.row div.col:nth-child(2) div.wishlist-placeholder {
        top: 50px;
    }
}

section#webshop div#primary ul.products li.product div.yith-wcwl-add-to-wishlist i,
section#webshop div#primary ul.products li.product div.wishlist-placeholder i {
    -webkit-text-stroke: 2px black;
    -webkit-text-fill-color: #268F58;
    float: right;
}

section#webshop div#primary ul.products li.product div.wishlist-placeholder i {
    margin-top: 10px;
}

section#webshop div#primary ul.products li.product div.yith-wcwl-add-to-wishlist:hover span,
section#webshop div#primary ul.products li.product div.wishlist-placeholder:hover span {
    transition: ease-in-out opacity .2s;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    background-color: rgb(51,51,51);
    float: left;
    opacity: 1;
    pointer-events: all;
    margin-right: 15px;
}

section#webshop div#primary ul.products li.product div.yith-wcwl-add-to-wishlist span,
section#webshop div#primary ul.products li.product div.wishlist-placeholder span {
    opacity: 0;
    pointer-events: none;
}

section#webshop div#primary ul.products li.product div.yith-wcwl-wishlistexistsbrowse,
section#webshop div#primary ul.products li.product div.yith-wcwl-wishlistaddedbrowse {
    display: none;
}

                div#primary ul.products.columns-4 h2.woocommerce-loop-product__title {
                    font-size: 1.8rem;
                    text-align: center;
                    color: rgba(0,0,0,0.87);
                    min-height: 90px;
                }

                div#primary ul.products.columns-4 span.price {
                    font-family: "Titillium Web SemiBold", sans-serif;
                    font-size: 22px;
                    text-align: center;
                    display: block;
                    color: rgba(0, 0, 0, 0.87);
                    margin-bottom: 80px;
                }

                div#primary ul.products.columns-4 div.row div.col img {
                    width: 100%;
                    height: auto;
                    border-radius: 15px;
                    margin-top: 50px;
                }

                div#primary ul.products.columns-4 div.row div.col:nth-child(1) img,
                div#primary ul.products.columns-4 div.row div.col:nth-child(2) img,
                div#primary ul.products.columns-4 div.row div.col:nth-child(3) img {
                    margin-top: unset;
                }

                @media only screen and (max-width: 1200px) {
                    div#primary ul.products.columns-4 div.row div.col:nth-child(3) img {
                        margin-top: 50px;
                    }
                }

                @media only screen and (max-width: 600px) {
                    div#primary ul.products.columns-4 div.row div.col:nth-child(2) img,
                    div#primary ul.products.columns-4 div.row div.col:nth-child(3) img {
                        margin-top: 50px;
                    }
                }

                div#primary ul.products.columns-4 div.btn-wrapper {
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                }

                    div#primary ul.products.columns-4 div.row div.col a.view-product-button {
                        width: calc(100% - 93px);
                        float: left;
                    }

                    div#primary ul.products.columns-4 div.row div.col a.add-to-cart-button {
                        margin-left: 5px;
                    }

                div#primary a.add_to_cart_button {
                    display: none;
                }

nav.woocommerce-pagination {
    background-color: unset;
    box-shadow: none;
}

@media only screen and (max-width: 786px) {

    div#primary p.woocommerce-result-count {
        display: block;
        font-size: 18px;
    }

    div#primary form.woocommerce-ordering,
    div#primary form.woocommerce-ordering div.select-wrapper,
    div#primary form.woocommerce-ordering div.select-wrapper input {
        display: block;
        max-width: 300px;
        width: 100%;
        float: unset;
    }

}

@media only screen and (max-width: 600px) {

    div#primary ul.products.columns-4 h2.woocommerce-loop-product__title {
        min-height: unset;
    }

}

div#primary div.woocommerce-product-gallery {
    margin-top: 10px;
}

div#primary div.product .woocommerce-product-gallery__wrapper {
    margin: unset;
}

    div#primary div.product div.woocommerce-product-gallery__image:first-child img {
        width: calc(100% - 25px);
        height: auto;
    }

    div#primary div.product div.tool-tip {
        width: 180px;
        float: left;
        padding: 10px 0;
        border-radius: 5px;
        background-color: #1e1e1e;
        margin-top: 15px;
        color: #fff;
        text-align: center;
        display: none;
        pointer-events: none;
    }

    div#primary div.product div.composition-diagram {
        position: relative;
        float: left;
        margin-top: 15px;
        margin-right: 10px;
    }

    div#primary div.product div:last-child img {
        width: 100px;
        height: 100px;
        cursor: pointer;
    }

        div#primary div.product div:last-child i:not(i.yith-wcwl-icon) {
            position: absolute;
            left: 0;
            right: 0;
            text-align: center;
            top: 24px;
            font-size: 48px;
            color: #fff;
            opacity: 0.8;
            cursor: pointer;
        }

div#primary div.product div:last-child i:not(i.yith-wcwl-icon) {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 24px;
    font-size: 48px;
    color: #fff;
    opacity: 0.8;
    cursor: pointer;
}

        div#primary div.product div.composition-diagram:hover i {
            opacity: 1;
            transform: scale(1.30);
        }

    div#primary div.product div.woocommerce-product-gallery__image:not(div#primary div.woocommerce-product-gallery__image:first-child) {
        float: left;
        margin-top: 15px;
        margin-right: 10px;
    }

    div#primary div.product div.pie-wrap {
        position: relative;
    }

        div#primary div.product div.pie-wrap div.pie-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            pointer-events: none;
        }

@keyframes fadeIn {
    0%    { opacity: 0; }
    100%  { opacity: 1; }
}

        div#primary div.product div.pie-wrap img {
            filter: brightness(0.5);
        }

div#primary div.product .chart {
    position: absolute;
    width: 350px;
    height: 350px;
    top: 50%;
    left: 50%;
    margin: -135px 0 0 -185px;
}

@media only screen and (max-width: 1400px) {

    div#primary div.product .chart {
        top: 43%;
    }

}

@media only screen and (max-width: 1300px) {
    div#primary div.product .chart {
        transform: scale(0.85);
    }
}

@media only screen and (max-width: 1100px) {
    div#primary div.product .chart {
        transform: scale(0.75);
    }
}

@media only screen and (max-width: 992px) {
    div#primary div.product .chart {
        transform: scale(1);
    }
}

@media only screen and (max-width: 600px) {
    div#primary div.product .chart {
        transform: scale(0.85);
    }
}

@media only screen and (max-width: 530px) {
    div#primary div.product .chart {
        transform: scale(0.75);
        top: 39%;
    }
}

@media only screen and (max-width: 450px) {
    div#primary div.product .chart {
        transform: scale(0.7);
        left: 53%;
    }
}

@media only screen and (max-width: 415px) {
    div#primary div.product .chart {
        transform: scale(0.6);
    }
}

div#primary div.product .pieTip {
    position: absolute;
    float: left;
    min-width: 30px;
    max-width: 300px;
    padding: 5px 18px 6px;
    border-radius: 2px;
    background: rgba(255,255,255,.97);
    color: #444;
    font-size: 19px;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
    letter-spacing: .06em;
    box-shadow: 0 0 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.5);
    -webkit-transform: all .3s;
    -moz-transform: all .3s;
    -ms-transform: all .3s;
    -o-transform: all .3s;
    transform: all .3s;
    pointer-events: none;
}
div#primary div.product .pieTip:after {
    position: absolute;
    left: 50%;
    bottom: -6px;
    content: "";
    height: 0;
    margin: 0 0 0 -6px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 6px solid rgba(255,255,255,.95);
    line-height: 0;
}
div#primary div.product .chart path { cursor: pointer; }


div#primary div.product h1.product_title {
    margin-top: 0;
    font-size: 3.06rem;
}

div#primary div.yith-wcwl-add-to-wishlist div.yith-wcwl-wishlistexistsbrowse span.feedback,
div#primary div.yith-wcwl-add-to-wishlist div.yith-wcwl-wishlistaddedbrowse span.feedback {
    display: block;
}

div#primary div.yith-wcwl-add-to-wishlist div.yith-wcwl-wishlistexistsbrowse span.feedback i.yith-wcwl-icon.fa.fa-heart {
    display: none;
}

div#primary table.variations {
    margin-top: 0;
}

    div#primary table.variations tr {
        border-bottom: none;
    }

        div#primary table.variations td.value select {
            float: left;
            width: calc(100% - 100px);
        }

        div#primary table.variations td.value a.reset_variations {
            float: left;
            margin: 0 10px;
            line-height: 41px;
        }

div#primary div.single_variation_wrap div.woocommerce-variation-price {
    margin: 20px 0;
    font-size: 32px;
    font-family: 'Titillium Web Bold', sans-serif;
}

    div#primary div.single_variation_wrap div.woocommerce-variation-price span.subscription-details {
        font-size: 18px;
        font-family: "Titillium Web SemiBold", sans-serif;
    }

div#primary section.related.products div.btn-wrapper {
    display: none;
}

div.add-to-wishlist {
    margin-top: 10px;
}

div.add-to-wishlist,
div.add-to-wishlist a {
    color: #0a602c !important;
    font-size: 16px;
}

div.wishlist-overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.1);
}

div.wishlist-overlay div.wishlist-overlay-content {
    position: relative;
    width: 80%;
    max-width: 620px;
    background-color: #fff;
    margin: 150px auto 0 auto;
    box-shadow: 0px 0px 11px 1px rgb(0 0 0 / 35%);
}

div.wishlist-overlay div.wishlist-overlay-content div.wishlist-overlay-header {
    padding-top: 15px;
    border-left: 5px solid #0a602c;
}

div.wishlist-overlay div.wishlist-overlay-content div.wishlist-overlay-header > i {
    position: absolute;
    right: 15px;
    opacity: 0.4;
    cursor: pointer;
}

div.wishlist-overlay div.wishlist-overlay-content div.wishlist-overlay-header div.divider {
    margin: 15px 0;
}

div.wishlist-overlay div.wishlist-overlay-content div.wishlist-overlay-footer {
    padding-bottom: 15px;
    border-left: 5px solid #fff;
}

div.wishlist-overlay div.wishlist-overlay-content div.wishlist-overlay-footer a:not(.btn) {
    float: left;
    display: block;
    padding: 13px 0px;
}

div.wishlist-overlay div.wishlist-overlay-content div.wishlist-overlay-footer a.btn.btn-large.orange {
    float: right;
}

form.cart div.quantity {
    width: 100px;
    margin-right: 25px;
    float: left;
}

    form.cart div.quantity input {
        height: 61px;
        text-align: center;
        font-size: 20px;
    }

    div.product button.single_add_to_cart_button {
        color: #fff !important;
    }

    div.product div.summary p.price del:first-child {
        text-decoration: none;
    }

        div.product div.summary p.price del:first-child bdi {
            text-decoration: line-through;
        }

div.product div.summary p.price span bdi {
        font-size: 3.06rem;
        font-family: 'Titillium Web Bold', sans-serif;
    }

        div.product div.summary p.price span small {
            font-size: 20px;
            font-family: "Titillium Web Regular", sans-serif;
        }

    div.product table.variations {
        margin-top: -40px;
    }

        div.product table.variations div.select-wrapper {
            margin-top: 40px;
        }

        div.product div.product_meta a {
            font-size: 16px;
        }

    p.wishlist-reminder {
        border: 1px solid rgba(0, 0, 0, 0.1);
        padding: 10px;
        border-radius: 5px;
    }

        p.wishlist-reminder i {
            color: #0a602c;
        }

@media only screen and (max-width: 450px) {

    div.product div.summary p.price span bdi {
        font-size: 2.56rem;
    }

}

div.rc_wcdpd_product_page {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
}

    div.rc_wcdpd_product_page div.rp_wcdpd_product_page_title {
        font-size: 1.25rem;
        font-family: "Titillium Web SemiBold", sans-serif;
    }

div.rp_wcdpd_product_page div.rp_wcdpd_pricing_table tr td {
    padding: 15px 5px;
}

div.additional-information {
    margin-top: 100px;
    padding: 50px 0;
    background-color: #FAFAFA;
}

    div.additional-information div.product-properties table tr * {
        font-size: 18px;
    }

    div.additional-information div.product-properties table tr th {
        font-family: "Titillium Web Bold", sans-serif;
    }

    div.additional-information div.product-properties table tr td {
        font-family: "Titillium Web Regular", sans-serif;
        text-align: right;
    }

@media only screen and (max-width: 992px) {
    div#primary div.product div.woocommerce-product-gallery__image:first-child img {
        width: 100%;
    }

    div.product div.entry-summary {
        margin-top: 50px;
    }

}

@media only screen and (max-width: 450px) {

    div#primary div.product div.woocommerce-product-gallery__image img:not(div#primary div.product div.woocommerce-product-gallery__image:first-child img),
    div#primary div.product div:last-child img {
        width: 50px;
        height: 50px;
    }

    div#primary div.product div:last-child i {
        top: 8px;
        font-size: 34px;
    }


}

section.related.products ul.products div.row {
    display: flex;
    flex-wrap: wrap;
}

    section.related.products ul.products li {
        height: 100%;
    }

        section.related.products li.product img {
            width: 100%;
            height: auto;
            border-radius: 15px;
        }

        section.related.products li.product h2 {
            font-size: 1.8rem;
            text-align: center;
            color: rgba(0, 0, 0, 0.87);
            min-height: 92px;
        }

        section.related.products li.product .price {
            display: block;
            font-size: 20px;
            font-family: "Titillium Web Regular", sans-serif;
            text-align: center;
            color: rgba(0, 0, 0, 0.87);
            margin-bottom: 25px;
        }

            section.related.products li.product p.price span bdi {
                font-size: 3.06rem;
                font-family: 'Titillium Web Bold', sans-serif;
            }

        section.related.products li.product div.btn-wrapper {
            width: 100%;
        }

            section.related.products li.product div.btn-wrapper a.view-product-button {
                width: calc(100% - 93px);
                float: left;
            }

            section.related.products li.product div.btn-wrapper a.add-to-cart-button {
                margin-left: 5px;
            }

        section.related.products li.product a.add_to_cart_button {
            display: none;
        }

        section.related.products li.product a.button.product_type_variable {
            display: none;
        }

@media only screen and (max-width: 992px) {

    section.related.products div.row div.col:not(section.related.products div.row div.col:first-child) {
        margin-top: 50px;
    }

    section.related.products li.product h2 {
        min-height: unset;
    }

}

@media only screen and (max-width: 736px) {

    section.related.products div.row div.col:last-child li.product {
        margin-bottom: 50px;
    }

}

section#cart div.cart-collaterals div.cart_totals {
    float: unset;
    width: unset;
}

    section#cart div.cart-collaterals div.cart_totals h2 {
        display: none;
    }

section#cart form.woocommerce-cart-form td.product-remove a {
    line-height: 18px;
}

section#cart form.woocommerce-cart-form td.product-name a {
    color: rgba(0, 0, 0 , 0.84);
    font-family: "Titillium Web SemiBold", sans-serif;
}

section#cart form.woocommerce-cart-form div.coupon {
    width: 100%;
}

    section#cart form.woocommerce-cart-form div.coupon input#coupon_code {
        width: 100%;
        height: 60px;
    }

section#cart form.woocommerce-cart-form td.actions button {
    width: 100%;
    margin-bottom: 10px;
}

section#cart form.woocommerce-cart-form td.product-quantity {
    text-align: center;
    padding-left: 0;
}

@media only screen and (max-width: 768px) {
    section#cart form.woocommerce-cart-form td.product-quantity {
        padding: 9px 12px;
    }
}

@media only screen and (max-width: 992px) {

    section#cart div.cart_totals div.wc-proceed-to-checkout,
    section#cart div.cart_totals div.wc-proceed-to-checkout a {
        width: 100%;
    }

}

section#cart div.cart-collaterals p.woocommerce-shipping-destination {
    font-size: 18px;
}

section#cart div#subscribe_to_newsletter label {
    font-size: 1rem;
}

    section#cart div#subscribe_to_newsletter label p {
        float: left;
        margin: -2px -5px 0 0;
        padding-left: 0;
    }

        section#cart div#subscribe_to_newsletter label span.optional {
            font-size: 0;
            line-height: 36px;
        }

.woocommerce-info {
    border-top-color: #268F58;
    font-size: 20px;
}

.woocommerce-info:before {
    font-family: "FontAwesome", sans-serif;
    content: "\f02b";
    top: 22px;
    color: #268F58;
}

.woocommerce-error {
    padding: 1em 2em 1em 3.5em;
}

section#cart form.checkout_coupon input#coupon_code {
    height: 60px;
}

section#cart form.woocommerce-checkout tr.cart_item td.product-name strong.product-quantity {
    float: right;
}

section#cart form.checkout div.woocommerce-privacy-policy-text p,
section#cart form.checkout div.woocommerce-privacy-policy-text p a {
    font-size: 14px;
}

section#cart form.checkout div.woocommerce-privacy-policy-text p:before {
    content: '*';
    color: #ff0000;
}

section#cart form.checkout label.woocommerce-form__label-for-checkbox span.woocommerce-terms-and-conditions-checkbox-text a {
    font-size: 16px !important;
}

section#cart form.checkout div.place-order button#place_order {
    width: 100%;
    margin-top: 20px;
}

section#cart form.checkout div#order_review div#payment input.input-radio {
    opacity: 1;
    position: relative;
    pointer-events: all;
}

    section#cart form.checkout div#order_review div#payment select {
        display: unset;
        font-size: 16px;
    }

section#downloads div.wrapper {
    position: relative;
    background-color: #FAFAFA;
    padding: 25px;
    border-radius: 15px;
    text-align: center;
    margin-bottom: 20px;
}

    section#downloads div.wrapper i {
        font-size: 72px;
        display: block;
        margin: 30px 0;
        transition: .2s ease-in-out all;
    }

    section#downloads div.wrapper:hover i {
        transform: scale(1.2);
    }

    section#downloads div.wrapper a.download {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

section#webinars p.rating-text {
    text-align: right;
}

section#webinars div.rating {
    position: relative;
    float: right;
    width: 200px;
    height: 200px;
    margin: 25px 0;
}

    section#webinars div.rating span {
        display: block;
        position: absolute;
        font-size: 72px;
        z-index: 1;
        color: #fff;
        top: 18px;
        left: 30px;
        text-shadow: 0px 0px 6px rgb(0 0 0 / 60%);
    }

section#webinars div.text-balloon {
    background-color: #0a602c;
    opacity: 0.5;
    border: 3px solid #c6c6c6;
    border-radius: 15px;
    box-shadow: 0px 0px 16px -4px rgb(0 0 0 / 50%);
}

section#webinars div.text-balloon.primary,
section#webinars div.text-balloon.secondary {
    width: 200px;
    height: 125px;
    position: absolute;
}

section#webinars div.text-balloon.primary {
    top: 0;
}

section#webinars div.text-balloon.secondary {
    bottom: 50px;
    left: -30px;
}

section#webinars div.text-balloon.small {
    position: absolute;
    right: 5px;
    bottom: 25px;
    height: 30px;
    width: 30px;
    border-radius: 5px;
}

section#webinars div.text-balloon.extra-small {
    position: absolute;
    right: -15px;
    bottom: -5px;
    width: 25px;
    height: 25px;
    border-radius: 5px;
}

section#webinars div.rating span {
    position: absolute;
}

@media only screen and (max-width: 600px) {

    section#webinars p.rating-text {
        text-align: center;
    }

    section#webinars div.rating {
        float: unset;
        margin: 25px auto;
    }

}

section#articles div.card {
    margin: 0.5rem 0 4rem 0;
}

    section#articles div.card div.wrap {
        height: 530px;
        background-color: #FAFAFA;
        border-radius: 15px;
    }

        section#articles div.card-image {
            background-size: cover;
            background-position: top left;
        }

            section#articles div.card-image img {
                width: 100%;
                opacity: 0;
                height: 330px;
            }

        section#articles div.card div.card-content h5 {
            min-height: 70px;
        }

            section#articles div.card div.card-content h5 a {
                font-size: inherit;
                font-family: inherit;
                color: inherit;
            }

section#event-details ol {
    padding-left: 20px;
}

section#event-details div.card {
    margin-top: 50px;
}

    section#event-details div.card div.card-content button {
        width: 100%;
        margin-top: 10px;
    }

    section#event-details div.card div.card-content table tr td:first-child p {
        position: relative;
        margin-left: 25px;
    }

    section#event-details div.card div.card-content table tr td:first-child p:before {
        font-family: "FontAwesome", sans-serif;
        position: absolute;
        left: -30px;
        line-height: 26px;
    }

    section#event-details div.card div.card-content table tr td:first-child p.event-date:before {
        content: '\f783';
    }

    section#event-details div.card div.card-content table tr td:first-child p.event-walkin:before {
        content: '\f4fd';
    }

    section#event-details div.card div.card-content table tr td:first-child p.event-start:before {
        content: '\f017';
    }

    section#event-details div.card div.card-content table tr td:first-child p.event-duration:before {
        content: '\f252';
    }

    section#event-details div.card div.card-content table tr td:first-child p.event-location:before {
        content: '\f3c5';
    }

@media only screen and (max-width: 500px) {

    section#event-details a.overview-back {
        width: 100%;
    }

}

section#coaches div.card-image {
    background-color: #FAFAFA;
    padding-top: 25px;
}

    section#coaches div.card-image div.coach-image {
        background-size: cover;
        background-position: center center;
        height: 200px;
        width: 200px;
        margin: 0 auto;
        border-radius: 100%;
    }

    section#coaches div.card-content {
        text-align: center;
    }

        section#coaches div.card-content span {
            display: block;
            font-family: "Titillium Web Regular", sans-serif;
        }

section#coach div.coach-image {
    float: left;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    background-size: cover;
    background-position: center center;
    margin-right: 25px;
}

section#coach div.coach-short-text {
    padding-top: 15px;
    text-align: center;
    padding-bottom: 25px;
}

@media only screen and (max-width: 992px) {

    section#coach h1 {
        text-align: center;
    }

    section#coach div.coach-image {
        float: unset;
        margin: 0 auto;
    }

}

@media only screen and (max-width: 450px) {

    section#coach a.btn.btn-large {
        height: unset;
        line-height: 24px;
        padding: 30px;
    }

}

/* Contact forms */
section#content div.caldera-grid div.checkbox label {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.87);
}

    section#content div.caldera-grid input[type=checkbox] {
        position: unset;
        opacity: unset;
        pointer-events: unset;
        padding: 15px;
    }

section#content div.caldera-grid textarea {
    max-width: 100%;
    min-width: 50%;
    min-height: 200px;
    max-height: 600px;
}

/* Quickscan */
section#quickscan div.container:not(section#quickscan div.container.text) {
    font-size: 18px;
    background-color: #fff;
    margin: 50px auto 50px auto;
    padding: 0;
    border-radius: 10px;
    box-shadow: 0px 0px 16px -4px rgb(0 0 0 / 30%);
    position: relative;
    /*overflow: hidden;*/
}

section#quickscan div.container.text {
    padding-top: 0;
}

section#quickscan div.container div.Wrapper {
    padding: 0 15px 15px 15px;
}

section#quickscan div.container div#QuickScan {
    position: absolute;
    top: 0;
    height: 1px;
    width: 100%;
}

section#quickscan div.container div.Tabs {
    width: 100%;
    padding: 0 15px;
    background-color: #268e58;
    color: #fff;
    position: unset;
    overflow-x: unset;
    overflow-y: unset;
    height: unset;
    margin: 0 0 25px 0;
    white-space: unset;
}

    section#quickscan div.container div.Tabs div.Tab {
        display: inline-block;
        width: calc(25% - 4px);
        padding: 25px 0;
        margin: unset;
        text-transform: unset;
        text-align: center;
        line-height: unset;
        height: unset;
    }

        section#quickscan div.container div.Tabs div.Tab a {
            color: #fff;
        }

section#quickscan div.container div.Tabs div.Progressbar {
    position: absolute;
    left: 0;
    background-color: #f63a1a;
    height: 5px;
    width: 1%;
    transition: width .2s ease-in-out;
}

section#quickscan div.container div.Tabs div.Progressbar-Remainder {
    width: 99%;
    height: 5px;
    position: absolute;
    right: 0;
    background-color: #636363;
    transition: width .2s ease-in-out;
}

/* Hide all */
section#quickscan form div[id*="-row-"] {
    transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
    margin: unset;
}

/* Show page 1 */
section#quickscan form.page-1 div[id$="-row-1"],
section#quickscan form.page-1 div[id$="-row-2"],
section#quickscan form.page-1 div[id$="-row-3"],
section#quickscan form.page-1 div[id$="-row-4"],
section#quickscan form.page-1 div[id$="-row-5"],
section#quickscan form.page-1 div[id$="-row-6"]{
    opacity: 1;
    height: auto;
}

/* Show page 2 */
section#quickscan form.page-2 div[id$="-row-7"],
section#quickscan form.page-2 div[id$="-row-8"] {
    opacity: 1;
    height: auto;
}

/* Hide page 3 */
section#quickscan form.page-3 div[id*="-row-9"],
section#quickscan form.page-3 div[id*="-row-10"] {
    opacity: 1;
    height: auto;
}

/* Hide page 4 */
section#quickscan form.page-4 div[id*="-row-11"],
section#quickscan form.page-4 div[id*="-row-12"],
section#quickscan form.page-4 div[id*="-row-13"],
section#quickscan form.page-4 div[id*="-row-14"],
section#quickscan form.page-4 div[id*="-row-15"] {
    opacity: 1;
    height: auto;
}

section#quickscan form div.form-group div.select-wrapper {
    position: unset !important;
}

    section#quickscan form div.form-group div.select-wrapper svg {
        opacity: 0;
    }

section#quickscan form div.form-group div.Success:after {
    position: absolute;
    font-family: Font Awesome\ 5 Pro;
    color: #268e58;
    right: 8px;
    top: 8px;
    transition: all .2s ease-in-out;
    content: '\f058';
    pointer-events: none;
}

section#quickscan form div.form-group div.Fail:after {
    position: absolute;
    font-family: Font Awesome\ 5 Pro;
    color: #f63a1a;
    right: 8px;
    top: 8px;
    transition: all .2s ease-in-out;
    content: '\f057';
    pointer-events: none;
}

section#quickscan button.Prev, section#quickscan button.Next {
    appearance: none !important;
    background-color: unset !important;
    border: unset !important;
    color: #f63a1a;
    cursor: pointer;
}

section#quickscan button.Prev:focus, section#quickscan button.Next:focus {
    outline: unset !important;
}

section#quickscan input[type=submit] {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    section#quickscan div.Tabs {
        font-size: 14px;
    }

}

@media only screen and (max-width: 550px) {
    section#quickscan div.Tabs div.Tab {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

/* Caldera overwrite */
div.caldera-grid div.col-sm-12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.75rem;
    min-height: 1px;
}

div.caldera-grid div.col-sm-6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.75rem;
    min-height: 1px;
}

div.caldera-grid div#fld_6265591_1-wrap input {
    background-color: transparent;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
    border: 1px solid #9e9e9e;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
}

div.caldera-grid input[type="checkbox"]:not(:checked), div.caldera-grid input[type="checkbox"]:checked {
    position: unset;
    opacity: unset;
    pointer-events: unset;
}

div.caldera-grid textarea#fld_7683514_1 {
    padding: 15px;
    font-size: 20px;
    font-family: 'Titillium Web Light', sans-serif;
}

@media only screen and (max-width: 600px) {

    div.caldera-grid div.col-sm-6 {
        width: 100%;
    }

}

@media only screen and (max-width: 500px) {

    div.caldera-grid input.btn,
    div.caldera-grid div#fld_7908577_1-wrap {
        width: 100%;
    }

}

/* View livestream page */
section#livestream h4 {
    font-family: "Titillium Web SemiBold", sans-serif;
}

section#livestream div.livestream {
    display: flex;
}

    section#livestream div.livestream div.media {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        flex: 0 0 70%;
    }

        section#livestream div.livestream div.media div.iframe-wrapper {
            position: relative;
            overflow: hidden;
            width: 100%;
            padding-top: 56.25%; /* 16:9 */
        }

            section#livestream div.livestream div.media div.iframe-wrapper iframe {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                width: 100%;
                height: 100%;
            }

            section#livestream div.livestream div.media div.livestream-placeholder {
                position: relative;
                width: 100%;
                height: 100%;
                overflow: hidden;
                background-color: #007b3b;
                text-align: center;
                box-shadow: 0 0 200px rgba(0,0,0,0.6) inset;
            }

            section#livestream div.livestream div.media div.livestream-placeholder img {
                max-width: 250px;
                margin-top: 175px;
            }

            section#livestream div.livestream div.media div.livestream-placeholder p {
                color: #fff;
            }

            section#livestream div.livestream div.media div.livestream-placeholder a.btn.btn-large.orange {
                position: relative;
            }

            section#livestream div.livestream div.media div.livestream-placeholder div.background {
                position: absolute;
                top: -50%;
                left: -50%;
                width: 200%;
                height: 200%;
                background-image: url(/wp-content/uploads/2020/12/cow-white.png);
                background-size: 2%;
                transform: rotate(45deg);
                opacity: 0.1;
            }

    @media only screen and (max-width: 1024px) {

        section#livestream div.livestream div.media div.livestream-placeholder {
            padding: 50px 0;
        }

        section#livestream div.livestream div.media div.livestream-placeholder img {
            margin-top: unset;
        }

        section#livestream div.livestream div.media div.livestream-placeholder div.background {
            position: absolute;
            top: -50%;
            left: -100%;
            width: 300%;
            height: 300%;
        }

    }

    section#livestream div.livestream div.chat-wrapper {
        flex: 0 0 30%;
        float: right;
    }

        section#livestream div.livestream div.chat-wrapper div#simple-ajax-chat div#sac-output {
            height: 372px;
        }

            section#livestream div.chat-wrapper div#sac-output li,
            section#livestream div.chat-wrapper div#sac-output li a {
                font-size: 18px;
            }

input#submitchat {
    background: #007b3b;
    height: 64px;
    color: #fff;
    font-family: 'Titillium Web Regular', sans-serif;
    font-size: 20px;
}

@media only screen and (max-width: 1024px) {

    section#livestream div.livestream {
        display: unset;
    }

        section#livestream div.livestream div.media {
            flex: unset;
        }

        section#livestream div.livestream div.chat-wrapper {
            flex: unset;
            float: unset;
        }

}

section#not-found div.container {
    margin-bottom: 150px;
}

    section#not-found span.not-found {
        font-size: 40vw;
        font-family: "Titillium Web Bold", sans-serif;
        color: rgba(0, 0, 0, 0.10);
        position: absolute;
        top: 0;
        right: 0;
        pointer-events: none;
    }

    section#not-found div.container ul {
        list-style-type: circle;
        padding-left: 40px;
    }

        section#not-found div.container ul li {
            list-style-type: unset;
        }

@media only screen and (max-width: 1336px) {

    section#not-found div.container {
        position: relative;
    }

}

@media only screen and (max-width: 600px) {

    section#event-sign-up input[type=submit] {
        white-space: pre-wrap;
        height: unset;
    }

}

section#search div.card-image {
    height: 300px;
    background-size: cover;
    background-position: center center;
}

/* New quickscan */
section#quickscan div.slide {
    display: none;
}

    section#quickscan div.prev {
        text-align: right;
    }

section#quickscan #loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% + 20px);
    height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    margin-left: -20px;
    z-index: 99999999999 !important;
}

    section#quickscan #loader .spin {
        border: 16px solid #f3f3f3;
        border-top: 16px solid #2c9857;
        border-radius: 50%;
        width: 120px;
        height: 120px;
        animation: spin 2s linear infinite;
        text-align: center;
        position: relative;
        margin: 35vh auto 0 auto;
    }

div.alert.alert-success {
    background-color: #268F58;
    color: #fff;
    padding: 20px;
    border-radius: 15px;
    font-size: 22px;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 30%);
    width: calc(100% - 50px);
}

div.alert.alert-warning,
div.alert.alert-danger {
    background-color: #f63a1a;
    color: #fff;
    padding: 20px;
    border-radius: 15px;
    font-size: 22px;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 30%);
    width: calc(100% - 50px);
}

div.aws-container {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding-bottom: 0;
    margin-bottom: 20px;
}

form.aws-search-form input.aws-search-field {
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

form.aws-search-form div.aws-search-btn {
    width: 50px !important;
    margin-bottom: -1px !important;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

div.aws-search-result {
    display: none !important;
}

@media only screen and (max-width: 992px) {
    form.aws-search-form div.aws-search-btn {
        margin-bottom: 0 !important;
    }
}

@media only screen and (max-width: 776px) {
    form.aws-search-form div.aws-search-btn {
        margin-bottom: 2px !important;
    }
}

.cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
    display: none;
}