body, p {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 14px
}

.page:not(.home) #content {
    padding: 0
}

#page {
    overflow: hidden
}

.has-sidebar:not(.error404) #primary {
    float: none;
    width: 100%
}

.site-content {
    padding: 0
}

.archive:not(.page-one-column):not(.has-sidebar) #primary article, .blog:not(.has-sidebar) #primary article, .error404.has-sidebar #primary .page-content, .error404:not(.has-sidebar) #primary .page-content, .search:not(.has-sidebar) #primary article, body.page-two-column #comments, body.page-two-column:not(.archive) #primary .entry-content {
    float: none;
    width: 100%
}

::-webkit-input-placeholder {
    color: #707070;
    font-weight: 400;
    font-size: 16px;
    font-style: italic
}

::-moz-placeholder {
    color: #707070;
    font-weight: 400;
    font-size: 16px;
    font-style: italic
}

:-ms-input-placeholder {
    color: #707070;
    font-weight: 400;
    font-size: 16px;
    font-style: italic
}

:-moz-placeholder {
    color: #707070;
    font-weight: 400;
    font-size: 16px;
    font-style: italic
}

h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat, sans-serif;
    padding: 40px 0 0;
    font-weight: 700;
    letter-spacing: 0
}

a:active, a:focus, a:hover, a:visited {
    text-decoration: none
}

.pageWrapper {
    padding: 0 0 50px 0;
    position: relative;
    overflow-anchor: none
}

a.actionButton {
    font-size: 20px;
    color: #707070;
    border: 1px solid #707070;
    padding: 8px 35px;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: all .6s
}

a.actionButton:active, a.actionButton:focus, a.actionButton:hover {
    transition: all .6s;
    background: #707070;
    color: #fff
}

.entry-summary a, .entry-summary a:hover {
    box-shadow: none
}

.desc ol, .desc ul {
    margin: 0 0 20px 20px
}

.desc ol li, .desc p, .desc ul li {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin: 0 0 15px 0;
    font-weight: 300
}

.desc ol li, .desc ul li {
    margin: 0 0 5px 0
}

.desc a {
    transition: all .6s;
    font-weight: 600
}

.desc a:active, .desc a:focus, .desc a:hover {
    opacity: .7;
    transition: all .6s
}

.desc h1, .desc h2, .desc h3, .desc h4, .desc h5, .desc h6 {
    color: #000;
    margin: 20px 0;
    padding: 0;
    font-weight: 700;
    letter-spacing: 0
}

.desc h1:first-child, .desc h2:first-child, .desc h3:first-child, .desc h4:first-child, .desc h5:first-child, .desc h6:first-child {
    margin: 0 0 50px
}

/*#top {*/
/*    background: #01783e;*/
/*    height: 65px*/
/*}*/

/*#top ul {*/
/*    list-style-type: none;*/
/*    margin: 0*/
/*}*/

/*#top .right ul {*/
/*    text-align: right*/
/*}*/

/*#top ul li {*/
/*    display: inline-block;*/
/*    font-size: 16px;*/
/*    color: #fff;*/
/*    line-height: 65px;*/
/*    text-transform: uppercase*/
/*}*/

/*#top .right ul li {*/
/*    margin-left: 30px*/
/*}*/

/*#top ul li a {*/
/*    color: #fff;*/
/*    font-size: 16px*/
/*}*/

/*#top .centre p {*/
/*    font-size: 16px;*/
/*    line-height: 65px;*/
/*    color: #fff;*/
/*    text-transform: uppercase;*/
/*    margin: 0*/
/*}*/

/*#top .centre p a {*/
/*    color: #fff*/
/*}*/

/*#top .centre p a:hover {*/
/*    text-decoration: underline*/
/*}*/

/*#top .centre p span {*/
/*    font-weight: 700*/
/*}*/

/*    .site-header {*/
/*        background-color: #fff;*/
/*        z-index: 1000 !important;*/
/*        transition: all .6s*/
/*    }*/

/*    #logo {*/
/*        height: 130px;*/
/*        transition: all .3s;*/
/*        margin: 15px 0*/
/*    }*/

/*    .navigation-top {*/
/*        position: relative;*/
/*        background: 0 0;*/
/*        border: none*/
/*    }*/

/*    #top-menu {*/
/*        text-align: right;*/
/*        margin-top: 55px*/
/*    }*/

/*    .main-navigation a {*/
/*        color: #000;*/
/*        font-size: 18px;*/
/*        line-height: 18px;*/
/*        font-weight: 600;*/
/*        position: relative;*/
/*        padding: 0;*/
/*        transition: all .6s;*/
/*        display: inline-block;*/
/*        text-transform: uppercase*/
/*    }*/

/*    .main-navigation li {*/
/*        display: inline-block;*/
/*        margin: 0 30px*/
/*    }*/

/*    .main-navigation li:last-child {*/
/*        margin-right: 0*/
/*    }*/

/*    .main-navigation a span {*/
/*        display: none*/
/*    }*/

/*    .main-navigation a svg {*/
/*        display: none !important*/
/*    }*/

/*    .main-navigation a::after {*/
/*        margin-right: -1px*/
/*    }*/

/*    .main-navigation a:active, .main-navigation a:focus, .main-navigation a:hover, .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {*/
/*        text-decoration: none;*/
/*        transition: all .6s;*/
/*        color: #01783e !important*/
/*    }*/

/*    .main-navigation a:active::before, .main-navigation a:focus::before, .main-navigation a:hover::before, .navigation-top .current-menu-item > a::before, .navigation-top .current_page_item > a::before {*/
/*        transition: all .6s;*/
/*        opacity: 1*/
/*    }*/

/*    #search {*/
/*        margin-top: 15px*/
/*    }*/

/*    .brands_head {*/
/*        font-size: 24px;*/
/*        line-height: 29px;*/
/*        color: #01783e;*/
/*        font-weight: 500;*/
/*        display: block;*/
/*        text-align: center;*/
/*        margin: 30px 0 50px;*/
/*        text-transform: uppercase*/
/*    }*/

/*    #search input {*/
/*        max-width: 200px;*/
/*        float: right;*/
/*        border-radius: 30px;*/
/*        border: 1px solid #c9c9c9;*/
/*        transition: all .6s*/
/*    }*/

/*    #search input.active {*/
/*        max-width: 100%;*/
/*        transition: all .6s*/
/*    }*/

/*    .searchPage {*/
/*        padding: 50px 0*/
/*    }*/

/*    .searchPage h1.page-title {*/
/*        color: #01783e;*/
/*        font-size: 26px;*/
/*        line-height: 32px;*/
/*        font-weight: 600;*/
/*        text-transform: inherit;*/
/*        margin: 0 0 50px;*/
/*        padding: 0*/
/*    }*/

/*    .searchPage .entry-header .entry-title {*/
/*        color: #000;*/
/*        font-size: 20px;*/
/*        line-height: 26px;*/
/*        font-weight: 500;*/
/*        text-transform: inherit;*/
/*        margin: 0 0 30px;*/
/*        padding: 0*/
/*    }*/

/*    .searchPage a.link {*/
/*        display: inline-block;*/
/*        background: #01783e;*/
/*        border: 1px solid #01783e;*/
/*        color: #fff;*/
/*        font-weight: 500;*/
/*        padding: 10px 30px;*/
/*        box-shadow: none*/
/*    }*/

/*    .searchPage a.link:hover {*/
/*        box-shadow: none;*/
/*        background: 0 0;*/
/*        color: #01783e*/
/*    }*/

/*    .searchPage img.ftImage {*/
/*        display: block;*/
/*        margin-bottom: 15px*/
/*    }*/

/*    #categories {*/
/*        background: rgba(178, 178, 178, .12)*/
/*    }*/

/*    #categories ul {*/
/*        list-style-type: none;*/
/*        margin: 15px 0;*/
/*        text-align: center*/
/*    }*/

/*    #categories ul li {*/
/*        display: inline-block;*/
/*        margin: 0 50px;*/
/*        position: relative;*/
/*        padding: 10px 0*/
/*    }*/

/*    #categories ul li:after {*/
/*        content: "";*/
/*        display: inline-block;*/
/*        width: 1px;*/
/*        height: 100%;*/
/*        background: #707070;*/
/*        position: absolute;*/
/*        top: 0;*/
/*        right: -50px*/
/*    }*/

/*    #categories ul li:last-child:after {*/
/*        display: none*/
/*    }*/

/*    #categories ul li a {*/
/*        font-size: 20px;*/
/*        line-height: 24px;*/
/*        font-weight: 600;*/
/*        color: #000;*/
/*        text-transform: uppercase*/
/*    }*/

/*    #categories ul li a.selected {*/
/*        color: #02783e*/
/*    }*/

/*    #categories ul li.clearance-link a {*/
/*        color: #dd081a !important*/
/*    }*/

    .inner--nav {
        margin-top: 40px
    }

    .inner--nav .item {
        margin-bottom: 30px
    }

    .inner--nav .item .overlay {
        position: absolute;
        top: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(1, 120, 62, .81);
        transition: all .6s
    }

    .inner--nav .box {
        min-height: 230px;
        width: 100%;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: 50% 50%
    }

    .inner--nav .box .bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background: #01783e;
        text-align: center
    }

    .inner--nav .box .bottom h6 {
        font-size: 20px;
        line-height: 60px;
        color: #fff;
        font-weight: 400;
        padding: 0;
        margin: 0;
        text-transform: uppercase
    }

    .inner--nav .item a:hover .overlay, .inner--nav .item.selected .overlay {
        top: 0;
        transition: all .6s
    }

/*    .logoutWrapper {*/
/*        margin: -40px -15px 50px -15px*/
/*    }*/

/*    .logoutWrapper a {*/
/*        box-shadow: none*/
/*    }*/

    #banner {
        width: 100%;
        height: 450px;
        background-size: cover;
        background-position: 50% 50%;
        position: relative;
        margin-bottom: 50px
    }

    #banner .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, .7);
        display: flex;
        justify-content: center;
        align-items: center
    }

    #banner h1 {
        font-size: 60px;
        line-height: 73px;
        color: #01783e;
        font-weight: 500;
        padding: 0;
        margin: 0
    }

    .homePage {
        padding-bottom: 50px
    }

#hero {
    margin-bottom: 50px
}

#hero .item {
    min-height: 500px;
    background-size: cover;
    background-position: 50% 50%;
    position: relative
}

body.home #hero .item {
    min-height: 500px
}

#hero .item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

#hero .item .overlay h1 {
    font-size: 60px;
    line-height: 72px;
    color: #01783e;
    font-weight: 500;
    padding: 0;
    margin: 0 0 30px
}

#hero .item .overlay a.cta {
    display: inline-block;
    background: #01783e;
    padding: 10px 30px;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

#hero .owl-nav {
    position: absolute;
    top: calc(50% - 30px);
    width: 100%
}

#hero .owl-nav button {
    font-size: 44px;
    color: rgba(255, 255, 255, .5);
    position: absolute;
    left: 15px
}

#hero .owl-nav button.owl-next {
    left: auto;
    right: 15px
}

.homePage .intro h2 {
    font-size: 34px;
    line-height: 43px;
    color: #000;
    font-weight: 600;
    text-align: center;
    padding: 0;
    margin: 0 0 50px
}

.home--cats {
    margin-bottom: 100px
}

.home--cats .item {
    margin-bottom: 20px
}

.home--cats .item .overlay {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 120, 62, .81);
    transition: all .6s
}

.home--cats .box {
    min-height: 300px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 50%
}

.home--cats .box .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #01783e;
    text-align: center
}

.home--cats .box .bottom h3 {
    font-size: 20px;
    line-height: 60px;
    color: #fff;
    font-weight: 400;
    padding: 0;
    margin: 0;
    text-transform: uppercase
}

.home--cats .item a:hover .overlay {
    top: 0;
    transition: all .6s
}

.home--cats a.cta {
    color: #707070;
    font-size: 20px;
    display: inline-block;
    text-transform: uppercase
}

#featured {
    margin-bottom: 100px
}

#featured h4 {
    font-size: 30px;
    color: #01783e;
    line-height: 36px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0 0 30px;
    font-weight: 500
}

#featured .owl-carousel {
    margin: 0 100px;
    width: calc(100% - 200px)
}

#featured .owl-carousel .owl-nav {
    position: absolute;
    top: calc(50% - 30px);
    width: 100%
}

#featured .owl-carousel .owl-nav button {
    font-size: 42px;
    color: #01783e;
    position: absolute;
    left: -75px
}

#featured .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -75px
}

#featured .owl-carousel .owl-nav button:hover {
    background: 0 0;
    opacity: .5
}

#featured .item .wrapper {
    border: 1px solid rgba(112, 112, 112, .5);
    border-bottom: none;
    padding: 30px 15px
}

#featured .item .wrapper img {
    max-height: 150px;
    width: auto;
    display: block;
    margin: 0 auto
}

#featured .item .wrapper h5 {
    font-size: 16px;
    line-height: 19px;
    color: #000;
    font-weight: 600;
    padding: 0;
    margin: 20px 0 5px 0
}

#featured .item .wrapper p.skuText {
    margin: 0 0 30px
}

#featured .item .wrapper p.price {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    margin: 0
}

#featured .item .wrapper p.price span {
    font-size: 14px
}

#featured .item .wrapper p.oldPrice {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #d91818;
    margin: 0
}

#featured .item a.cta {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    background: #01783e;
    color: #fff;
    text-align: center
}

.other--tabs {
    margin-bottom: 70px
}

.other--tabs .box {
    min-height: 230px
}

.homePage .brands--wrapper h4 {
    margin-top: 0
}

.suppliersPage {
    padding: 50px 0
}

.suppliersPage h1 {
    font-size: 36px;
    line-height: 42px;
    margin: 0 0 50px;
    color: #000
}

.suppliersPage .listing--items .item {
    margin-bottom: 30px
}

.suppliersPage .listing--items .item h3 {
    font-size: 28px;
    line-height: 34px;
    color: #000;
    padding: 0;
    margin: 15px 0 0 0
}

.suppliersPage .listing--items .desc {
    margin-bottom: 70px;
}

.suppliersPage .listing--items .item a.readMore {
    background: #01783e;
    color: #fff;
    width: calc(100% - 15px);
    display: inline-block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    margin-top: 15px;
    position: absolute;
    bottom: 0;
}

.suppliersPage .listing--items .item .wrapper img{
    height: 180px;
    width: 100%;
}

.suppliersPage .listing--items .item:nth-child(3n+5) {
    clear: both
}

.registrationPage {
    text-align: center;
    padding-top: 50px
}

.registrationPage h1 {
    font-size: 40px;
    line-height: 50px;
    color: #01783e;
    padding: 0;
    margin: 0 0 30px
}

.registrationPage h3, .registrationPage h4 {
    color: #333;
    font-size: 22px;
    line-height: 32px;
    padding: 0;
    margin: 30px
}

.registrationPage a {
    background: #01783e;
    color: #fff;
    font-size: 16px;
    padding: 7px 25px;
    border: 1px solid #01783e;
    display: inline-block;
    margin: 30px 0 0 0;
    transition: all .6s
}

.registrationPage a:hover {
    transition: all .6s;
    background: 0 0;
    color: #01783e
}

.registrationPage h5 {
    font-size: 30px;
    line-height: 40px;
    color: #01783e;
    padding: 0;
    margin: 0 0 30px;
    text-transform: inherit
}

.registrationPage hr {
    margin-top: 50px;
    margin-bottom: 50px
}

.promotionsPage .heading h1 {
    font-size: 30px;
    color: #01783e;
    line-height: 36px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 0;
    margin: 50px 0;
    font-weight: 500
}

.promotionsPage .listing--items .item {
    margin-bottom: 30px
}

.product--listing .item {
    margin-bottom: 50px
}

.product--listing .item .wrapper {
    border: 1px solid rgba(112, 112, 112, .5);
    border-bottom: none;
    padding: 15px
}

.product--listing .item .wrapper img {
    max-height: 200px;
    display: block;
    margin: 0 auto 15px auto
}

.product--listing .item .wrapper h3 {
    font-size: 16px;
    line-height: 19px;
    color: #000;
    font-weight: 600;
    padding: 0;
    margin: 10px 0 20px;
    min-height: 58px
}

.product--listing .item .wrapper p.price {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    margin: 0
}

.product--listing .item .wrapper p.price span {
    font-size: 14px
}

.product--listing .item .wrapper p.oldPrice {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #d91818;
    margin: 0
}

.product--listing .item a.cta, .product--listing a.shopAll {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    background: #01783e;
    color: #fff;
    text-align: center
}

.promotionsPage .other--tabs {
    margin-top: 100px
}

.product--listing a.shopAll {
    width: auto;
    padding: 0 30px;
    margin-top: 30px
}

.best--for {
    margin-top: 100px;
    margin-bottom: 100px
}

.best--for h4 {
    font-size: 30px;
    color: #01783e;
    line-height: 36px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0 0 50px;
    font-weight: 500
}

.best--for .items {
    width: 100%
}

.best--for .items .item {
    width: 20%;
    float: left;
    text-align: center
}

.best--for .items .item h5 {
    font-size: 14px;
    line-height: 18px;
    color: #5d5d5d;
    font-weight: 500;
    padding: 0;
    margin: 30px 0 0 0
}

.promotionsPage .brands--wrapper h4 {
    margin-top: 0
}

.promotionsPage .listing--items {
    margin-bottom: 50px
}

.promotionsPage .listing--items .item .wrapper {
    max-height: 450px;
    overflow: hidden
}

.promotionsPage .listing--items .item a.readMore {
    background: #01783e;
    color: #fff;
    width: 100%;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px
}

.promotionsPage #hero .item .overlay {
    background: 0 0
}

.faqPage .faqs > h2 {
    font-size: 24px;
    line-height: 29px;
    color: #000;
    font-weight: 500;
    padding: 0;
    margin: 20px 0 50px 0;
    display: block;
    text-align: center
}

.faqPage .panel-group {
    margin: 0 0 5px
}

.faqPage .panel-group .panel {
    border: none;
    border-radius: 0;
    box-shadow: none
}

.faqPage .faqs .panel-default > .panel-heading {
    background-color: rgba(1, 120, 62, .06);
    border: none;
    border-radius: 0;
    padding: 15px
}

.faqPage .faqs .panel-default > .panel-heading h4 {
    font-size: 18px;
    line-height: 22px;
    color: #000;
    font-weight: 600;
    padding: 0;
    margin: 0;
    text-transform: uppercase
}

.faqPage .faqs .panel-default > .panel-heading h4 a {
    display: block
}

.faqPage .faqs .panel-default > .panel-heading h4 i {
    float: right;
    color: #01783e;
    font-size: 26px
}

.faqPage .panel-group .panel .panel-body {
    border: none
}

.faqPage .faqs .item {
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(112, 112, 112, .5)
}

.faqPage .faqs .item:first-child {
    border-top: none
}

.faqPage .faqs .item h4 {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
    padding: 0;
    margin: 0 0 5px
}

.faqPage .faqs .item .desc p {
    font-size: 16px;
    line-height: 22px;
    color: #000
}

.faqPage .brands--wrapper h4 {
    margin: 50px 0
}

.aboutPage #banner {
    margin-bottom: 0
}

.aboutPage .right {
    background-size: cover;
    background-position: 50% 50%;
    min-height: 500px
}

.aboutPage .left {
    background: rgba(178, 178, 178, .12);
    min-height: 500px
}

.aboutPage .overlay {
    position: relative
}

.aboutPage .overlay .wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center
}

.aboutPage .overlay .wrapper .desc h1, .aboutPage .overlay .wrapper .desc h2, .aboutPage .overlay .wrapper .desc h3, .aboutPage .overlay .wrapper .desc h4, .aboutPage .overlay .wrapper .desc h5, .aboutPage .overlay .wrapper .desc h6 {
    font-size: 24px;
    line-height: 29px;
    color: #000;
    font-weight: 500;
    padding: 0;
    margin: 0 0 20px
}

.aboutPage .overlay .wrapper .desc p {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin: 0 0 20px
}

.aboutPage .overlay .wrapper a.cta {
    background: #01783e;
    color: #fff;
    border: 1px solid #01783e;
    font-size: 20px;
    padding: 10px 30px;
    display: inline-block;
    text-transform: uppercase;
    transition: all .6s
}

.aboutPage .overlay .wrapper a.cta:hover {
    transition: all .6s;
    background: 0 0;
    color: #01783e
}

.aboutPage #values {
    margin-top: 50px
}

.aboutPage #values .heading h2 {
    font-size: 24px;
    line-height: 29px;
    color: #01783e;
    font-weight: 500;
    padding: 0;
    margin: 0 0 50px;
    text-transform: uppercase;
    display: block;
    text-align: center
}

.aboutPage #values .item {
    margin-bottom: 20px
}

.aboutPage #values .item img {
    max-height: 140px;
    display: block;
    margin: 0 auto
}

.aboutPage #values h3 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    padding: 0;
    margin: 15px 0 0 0;
    display: block;
    text-align: center
}

.aboutPage #values .vBlurb {
    margin-top: 50px
}

.aboutPage #values .vBlurb .desc p {
    color: #5d5d5d
}

.aboutPage .brands--wrapper {
    margin-top: 30px
}

.blogPage .items .item {
    margin-bottom: 30px
}

.blogPage .items .item .wrapper {
    border: 1px solid #707070;
    padding: 30px;
    border-radius: 5px
}

.blogPage .items .item .wrapper h2 {
    font-size: 24px;
    line-height: 29px;
    color: #01783e;
    font-weight: 600;
    padding: 0;
    margin: 0 0 15px
}

.blogPage .items .item .wrapper a.readMore {
    display: inline-block;
    color: #707070;
    border: 1px solid #707070;
    font-size: 16px;
    border-radius: 5px;
    padding: 5px 15px;
    margin-top: 10px;
    transition: all .6s
}

.blogPage .items .item .wrapper a.readMore:hover {
    transition: all .6s;
    background: #707070;
    color: #fff
}

.single-post:not(.has-sidebar) #primary {
    max-width: 100%
}

.articlePage .content > h1.pageTitle, .articlePage .others h3 {
    font-size: 28px;
    line-height: 36px;
    color: #01783e;
    font-weight: 600;
    padding: 0;
    margin: 0 0 15px
}

.articlePage .others {
    margin-top: 50px
}

.articlePage .others ul {
    margin-left: 30px
}

ul.breadcrumbs li {
    display: inline-block;
    font-size: 14px;
    color: #707070
}

ul.breadcrumbs li:after {
    content: ">";
    display: inline-block;
    margin: 0 10px
}

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

ul.breadcrumbs li a {
    color: #006a99;
    font-weight: 500
}

.pagination {
    margin: 0;
    padding: 0;
    border: none
}

.pagination .next.page-numbers, .pagination .prev.page-numbers {
    float: none
}

.pagination a {
    color: #707070;
    border: 1px solid #707070;
    display: inline-block;
    font-size: 14px;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    transition: all .6s
}

.pagination .next.page-numbers, .pagination .prev.page-numbers {
    background-color: transparent;
    padding: 0;
    line-height: 30px;
    border-radius: 0;
    margin-right: 5px;
    transition: all .6s
}

.pagination .page-numbers.current {
    font-size: 14px;
    color: #01783e;
    border: 1px solid #01783e;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px
}

.pagination a:hover {
    border: 1px solid #01783e !important;
    background: #01783e !important;
    color: #fff !important;
    box-shadow: none !important;
    transition: all .6s
}

.contactPage .heading ul {
    text-align: center;
    list-style-type: none
}

.contactPage .heading ul li {
    display: inline-block;
    margin: 0 50px
}

.contactPage .heading ul li a {
    font-size: 30px;
    color: #01783e;
    font-weight: 600
}

.contactPage .heading ul li a i {
    display: inline-block;
    font-size: 36px;
    margin-right: 5px
}

.contactPage .form {
    margin-top: 50px
}

#brands {
    margin: 0 50px;
    width: calc(100% - 100px)
}

.brands--wrapper h4 {
    font-size: 24px;
    line-height: 29px;
    color: #01783e;
    font-weight: 500;
    display: block;
    text-align: center;
    margin: 30px 0 50px;
    text-transform: uppercase
}

#brands .owl-item img {
    max-height: 100px;
    width: auto;
    display: block;
    margin: 0 auto
}

#brands .owl-nav {
    position: absolute;
    top: calc(50% - 30px);
    width: 100%
}

#brands .owl-nav button {
    font-size: 40px;
    position: absolute;
    left: -30px;
    color: #01783e
}

#brands .owl-nav button.owl-next {
    left: auto;
    right: -30px
}

.textPage .content {
    margin-top: 20px
}

.textPage.hasNoNav .desc h1:first-child, .textPage.hasNoNav .desc h2:first-child, .textPage.hasNoNav .desc h3:first-child, .textPage.hasNoNav .desc h4:first-child, .textPage.hasNoNav .desc h5:first-child, .textPage.hasNoNav .desc h6:first-child {
    margin-top: 30px
}

.textPage table {
    border: 1px solid #707070;
    table-layout: fixed
}

.textPage table tbody tr {
    border-bottom: 1px solid #707070
}

.textPage table tbody tr td {
    padding: 10px;
    text-align: center;
    border-right: 1px solid #707070
}

.textPage table tbody tr:first-child td {
    background: rgba(1, 120, 62, .06);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    border-right: none;
    padding: 15px 10px
}

.woocommerce-MyAccount-content {
    padding: 50px 0
}

#customer_login {
    padding: 50px 0
}

#customer_login .login--screen .heading h2 {
    color: #01783e
}

#customer_login label {
    color: #707070
}

#customer_login button {
    background: #01783e;
    color: #fff
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%
}

.dashboardIcons {
    padding: 50px 0
}

.dashboardIcons .item a {
    color: #000;
    font-weight: 500;
    font-size: 20px;
    text-decoration: none;
    box-shadow: none
}

.dashboardIcons .item i {
    display: block;
    font-size: 62px;
    color: #01783e;
    margin-bottom: 30px
}

.lostPasswordPage {
    padding-top: 50px
}

.lostPasswordPage button.button {
    background: #01783e;
    border: 1px solid #01783e;
    border-radius: 0;
    padding: 15px 40px;
    margin-top: 10px;
    text-transform: uppercase;
    transition: all .6s;
    color: #fff
}

.lostPasswordPage button.button:hover {
    transition: all .6s;
    background: 0 0;
    color: #01783e
}

.lostPasswordPage input[type=password], .lostPasswordPage input[type=text] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgba(178, 178, 178, .5);
    height: 40px;
    width: 100%
}

.shop--cats {
    margin-top: 50px
}

.shop--cats .item {
    margin-bottom: 50px
}

.shop--cats .item .overlay {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 120, 62, .81);
    transition: all .6s
}

.shop--cats .box {
    min-height: 260px;
    width: 100%;
    position: relative;
    overflow: hidden
}

.shop--cats .box .imgWrapper img {
    max-height: 200px;
    display: block;
    margin: 0 auto
}

.shop--cats .box .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #01783e;
    text-align: center
}

.shop--cats .box .bottom h3 {
    font-size: 18px;
    line-height: 60px;
    color: #fff;
    font-weight: 400;
    padding: 0;
    margin: 0;
    text-transform: uppercase
}

.shop--cats .sub--cats {
    background: rgba(1, 120, 62, .06);
    padding: 5px 0
}

.shop--cats .sub--cats ul {
    list-style-type: none;
    text-align: center;
    margin: 0
}

.shop--cats .sub--cats ul li {
    display: block
}

.shop--cats .sub--cats ul li a {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    text-transform: uppercase;
    padding: 7px 0;
    display: block
}


/*.shop--product--listing {*/
/*    margin-top: 50px*/
/*}*/

/*.shop--product--listing .items {*/
/*    position: relative*/
/*}*/

/*.shop--product--listing .loading--wrapper {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgba(255, 255, 255, .85);*/
/*    display: none;*/
/*    z-index: 1*/
/*}*/

/*.shop--product--listing .loading--wrapper img {*/
/*    position: absolute;*/
/*    top: 100px;*/
/*    left: calc(50% - 100px);*/
/*    width: 200px;*/
/*    height: 200px*/
/*}*/

/*.shop--product--listing .items .item {*/
/*    margin-bottom: 30px*/
/*}*/

/*.shop--product--listing .items .item:nth-child(3n+4) {*/
/*    clear: both*/
/*}*/

/*.shop--product--listing .items .item .wrapper {*/
/*    border: 1px solid rgba(112, 112, 112, .5);*/
/*    padding: 15px;*/
/*    position: relative*/
/*}*/

/*.shop--product--listing .items .item .wrapper .sale {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    background: #78123b*/
/*}*/

/*.shop--product--listing .items .item .wrapper .sale p {*/
/*    color: #fff;*/
/*    font-size: 16px;*/
/*    text-transform: uppercase;*/
/*    line-height: 50px;*/
/*    text-align: center*/
/*}*/

/*.shop--product--listing .items .item .wrapper img {*/
/*    max-height: 174px;*/
/*    display: block;*/
/*    margin: 0 auto*/
/*}*/

/*.shop--product--listing .items .item .wrapper .imgWrapper {*/
/*    min-height: 175px*/
/*}*/

/*.shop--product--listing .items .item .wrapper h3 {*/
/*    font-size: 18px;*/
/*    line-height: 22px;*/
/*    color: #000;*/
/*    font-weight: 600;*/
/*    padding: 0;*/
/*    margin: 10px 0 10px;*/
/*    min-height: 58px*/
/*}*/

/*.shop--product--listing .items .item .wrapper .desc p {*/
/*    font-size: 14px;*/
/*    line-height: 18px;*/
/*    color: #5d5d5d*/
/*}*/

/*.shop--product--listing .items .item .wrapper .colours {*/
/*    margin-bottom: 20px*/
/*}*/

/*.shop--product--listing .items .item .wrapper .colours .circle {*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    border-radius: 50%;*/
/*    float: left;*/
/*    margin-right: 10px*/
/*}*/

.circle.black {
    background: #000
}

.circle.blue {
    background: #00f
}

/*.shop--product--listing .items .item .wrapper p.price {*/
/*    font-size: 22px;*/
/*    line-height: 22px;*/
/*    font-weight: 600;*/
/*    color: #000;*/
/*    margin: 15px 0 0 0*/
/*}*/

/*.shop--product--listing .items .item .wrapper p.price.hasSpecial {*/
/*    color: #c12828*/
/*}*/

/*.shop--product--listing .items .item .wrapper p.price span {*/
/*    font-size: 14px;*/
/*    color: #000*/
/*}*/

/*.shop--product--listing .items .item .wrapper p.price.hasSpecial span.oldPrice {*/
/*    font-size: 14px;*/
/*    line-height: 18px;*/
/*    font-weight: 600;*/
/*    color: #000;*/
/*    margin: 0*/
/*}*/

/*.shop--product--listing a.loadMore {*/
/*    background: #01783e;*/
/*    font-size: 20px;*/
/*    color: #fff;*/
/*    padding: 10px 30px;*/
/*    display: inline-block;*/
/*    font-weight: 400;*/
/*    text-transform: uppercase;*/
/*    margin-bottom: 30px;*/
/*    margin-top: 10px*/
/*}*/

.woocommerce .woocommerce-breadcrumb {
    margin-top: 10px;
    margin-bottom: 50px
}

.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
    color: #000
}

.woocommerce div.product div.images .flex-control-thumbs li {
/*    margin: 5px*/
}
#showByBrandOverlay .brands-overlay img {
    height: 60px !important;
    width: auto !important;
}

.woocommerce div.product .product_title {
    font-size: 24px;
    line-height: 29px;
    color: #000;
    font-weight: 600;
    padding: 0;
    margin: 0 0 20px
}

.woocommerce div.product .product_sku {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    font-weight: 500;
    padding: 0;
    margin: 0 0 20px
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    font-size: 22px;
    line-height: 27px;
    color: #000;
    font-weight: 600;
    margin: 0 0 20px
}

.woocommerce div.product p.price span.excl--gst {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    font-weight: 400
}

.woocommerce div.product .desc p, .woocommerce-product-details__short-description p {
    font-size: 16px;
    line-height: 20px;
    color: #5d5d5d
}

.product--divider {
    background: rgba(112, 112, 112, .5);
    width: 100%;
    height: 1px;
    margin: 20px 0
}

.product--description {
    margin-top: 20px;
    background: rgba(178, 178, 178, .12)
}

.product--description .image {
    background-size: cover;
    background-position: 50% 50%
}

.product--description .description {
    padding: 30px 15px
}

.product--description .description .desc p, .product--description .description .desc ul li {
    font-size: 16px;
    line-height: 25px;
    color: #5d5d5d
}

.product--description .description > h3 {
    font-size: 24px;
    line-height: 29px;
    color: #01783e;
    font-weight: 500;
    padding: 0;
    margin: 0 0 20px;
    text-transform: uppercase
}

.product--description .description > h4 {
    font-size: 18px;
    line-height: 25px;
    color: #000;
    font-weight: 600;
    padding: 0;
    margin: 0 0 20px
}

.featured--product--page {
    margin-top: 50px
}

body.single-product .brands--wrapper {
    margin-bottom: 50px
}

body.single-product .brands--wrapper h4 {
    margin-top: 0
}

.single_add_to_cart_button {
    display: block !important;
    width: 100%;
    background-color: #01783e !important;
    font-size: 20px !important;
    padding: 10px 0 !important;
    border-radius: 0 !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    margin-top: 15px !important
}

#top ul li a {
    position: relative
}

.cartBubble {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -15px;
    left: -20px;
    background: #78123b;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    font-size: 14px
}

form.woocommerce-cart-form {
    padding-top: 50px
}

.wc-proceed-to-checkout a {
    background-color: #01783e !important
}

.woocommerce-checkout h3 {
    color: #000
}

.woocommerce-checkout input[type=email], .woocommerce-checkout input[type=tel], .woocommerce-checkout input[type=text], .woocommerce-checkout textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgba(178, 178, 178, .5);
    height: 40px
}

.woocommerce-checkout .select2-container--default .select2-selection--single {
    border: 1px solid rgba(178, 178, 178, .5);
    height: 40px;
    border-radius: 0
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px
}

.woocommerce-checkout button.button.alt {
    background: #01783e;
    border: 1px solid #01783e;
    border-radius: 0;
    padding: 15px 40px;
    margin-top: 10px;
    text-transform: uppercase;
    transition: all .6s
}

.woocommerce-checkout button.button.alt:hover {
    transition: all .6s;
    background: 0 0;
    color: #01783e
}

.wpcf7 label {
    width: 100%;
    margin: 0 0 30px 0;
    position: relative
}

.wpcf7 label span.lbl {
    font-size: 16px;
    color: #707070;
    font-weight: 400;
    display: inline-block;
    margin: 0 0 5px
}

.wpcf7 label input[type=date], .wpcf7 label input[type=email], .wpcf7 label input[type=phone], .wpcf7 label input[type=text], .wpcf7 label textarea {
    color: #000;
    font-weight: 400;
    width: 100%;
    border: 1px solid #5d5d5d;
    background: #fff;
    padding: 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.wpcf7 label input[type=date], .wpcf7 label input[type=email], .wpcf7 label input[type=phone], .wpcf7 label input[type=text] {
    height: 45px
}

.wpcf7 label textarea {
    height: 200px
}

.wpcf7 input[type=submit] {
    background: #01783e;
    border: 1px solid #01783e;
    font-size: 20px;
    font-weight: 400;
    transition: all .6s;
    color: #fff;
    padding: 15px 50px;
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase
}

.wpcf7 input[type=submit]:active, .wpcf7 input[type=submit]:focus, .wpcf7 input[type=submit]:hover {
    transition: all .6s;
    background: 0 0;
    border: 1px solid #01783e;
    color: #01783e;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.wpcf7 p.text-info {
    text-align: left;
    color: #000;
    font-size: 14px;
    font-style: italic
}

.wpcf7 form.sent .wpcf7-response-output {
    border: none;
    color: #46b450;
    padding: 0;
    margin: 0
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {
    border: none;
    color: red;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px
}

div.wpcf7-mail-sent-ok {
    color: #398f14
}

span.wpcf7-not-valid-tip {
    color: red !important;
    text-transform: initial !important;
    font-size: 16px
}

.selectric {
    border: 1px solid #5d5d5d;
    height: 45px;
    background: #fff;
    font-weight: 400;
    border-radius: 5px
}

.selectric .button {
    background-color: transparent;
    width: 43px;
    height: 43px;
    line-height: 43px
}

.selectric .label {
    color: #707070;
    font-style: italic;
    text-align: left;
    line-height: 43px;
    height: 43px;
    font-weight: 400;
    font-size: 16px;
    padding: 0
}

.selectric-items li {
    color: #000;
    font-weight: 400
}

.notFoundPage {
    padding: 30px 0 50px 0;
    text-align: center
}

.notFoundPage img {
    display: block;
    margin: 0 auto 30px auto
}

.notFoundPage h1 {
    font-size: 34px;
    line-height: 39px;
    color: #02783e;
    font-weight: 700;
    margin: 0 0 50px;
    padding: 0
}

.notFoundPage p {
    font-size: 18px;
    line-height: 22px;
    color: #707070;
    font-weight: 500;
    margin: 0 0 20px 0;
    padding: 0
}

.notFoundPage p.cst {
    font-size: 16px;
    margin: 100px 0 15px 0
}

.notFoundPage a.btn--blue {
    background: #01783e;
    border: 1px solid #01783e;
    padding: 10px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    margin: 50px 15px 0 15px;
    transition: all .6s;
    display: inline-block
}

.notFoundPage a.btn--blue:hover {
    transition: all .6s;
    background: #fff;
    color: #01783e
}

.notFoundPage ul {
    list-style-type: none
}

.notFoundPage ul li {
    display: inline-block
}

.notFoundPage ul li a {
    color: #01783e;
    font-weight: 600
}

.notFoundPage ul li a i {
    font-size: 32px
}

/*.site-footer {*/
/*    margin: 0;*/
/*    border: none;*/
/*    width: 100%;*/
/*    padding: 50px 0 15px 0;*/
/*    background: #01783e;*/
/*    position: relative*/
/*}*/

/*footer .footerLogo {*/
/*    max-height: 130px;*/
/*    margin-bottom: 80px*/
/*}*/

/*footer #newsletter h6 {*/
/*    font-size: 22px;*/
/*    line-height: 27px;*/
/*    color: #fff;*/
/*    font-weight: 500;*/
/*    padding: 0;*/
/*    margin: 0 0 30px;*/
/*    text-transform: uppercase*/
/*}*/

/*footer #newsletter input[type=email] {*/
/*    background: #fff;*/
/*    border: none;*/
/*    box-shadow: none;*/
/*    height: 45px*/
/*}*/

/*footer #newsletter input[type=email].has-error {*/
/*    border: 1px solid #d9534f*/
/*}*/

/*footer #newsletter input[type=submit] {*/
/*    border: 1px solid #fff;*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*    padding: 10px 20px;*/
/*    display: inline-block;*/
/*    margin: 30px 0 0 0;*/
/*    background: 0 0;*/
/*    border-radius: 0*/
/*}*/

/*footer #newsletter .text-success {*/
/*    color: #fff !important*/
/*}*/

/*footer .links ul {*/
/*    list-style-type: none;*/
/*    margin: 0*/
/*}*/

/*footer .links ul li {*/
/*    color: #fff;*/
/*    font-size: 16px;*/
/*    line-height: 22px*/
/*}*/

/*footer .links ul li a {*/
/*    color: #fff*/
/*}*/

/*footer .links hr {*/
/*    margin-left: 0;*/
/*    max-width: 50%*/
/*}*/

/*footer .links .socialLinks {*/
/*    margin-top: 30px*/
/*}*/

/*footer .links .socialLinks a i {*/
/*    font-size: 30px;*/
/*    display: inline-block;*/
/*    margin-right: 15px*/
/*}*/

/*footer .links ul li strong {*/
/*    font-weight: 600*/
/*}*/

/*footer .copyright {*/
/*    text-align: center;*/
/*    margin-top: 50px*/
/*}*/

/*footer .copyright p {*/
/*    margin: 0;*/
/*    color: #fff;*/
/*    font-size: 14px;*/
/*    line-height: 40px*/
/*}*/

/*footer .copyright p a, footer .copyright p a:active, footer .copyright p a:focus, footer .copyright p a:hover {*/
/*    color: #fff;*/
/*    text-decoration: underline*/
/*}*/

#notice {
    height: 30px;
    width: 100%;
    background: #01783e;
    text-align: center;
    border-bottom: 1px solid #fff
}

#notice p {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    margin: 0
}

#comments {
    padding: 0 !important
}

.woocommerce #reviews #comments h2 {
    color: #02783e
}

.woocommerce #review_form #respond .form-submit input {
    background: #02783e;
    color: #fff;
    border-radius: 0
}

.flex-product .yith-wcwl-add-button a, .flex-product .yith-wcwl-wishlistaddedbrowse i, .flex-product .yith-wcwl-wishlistexistsbrowse i {
    color: #02783e;
    font-size: 30px;
    position: relative;
    left: -15px
}

.flex-product .yith-wcwl-add-button a {
    top: -5px
}

body.page-template-page-school-specials .wishlist_view h3, body.page-template-page-school-specials .wishlist_view h4, body.page-template-page-wishlist .wishlist_view h3, body.page-template-page-wishlist .wishlist_view h4 {
    font-size: 16px;
    color: #000;
    text-transform: inherit;
    font-weight: 600;
    padding: 0;
    margin: 0 0 10px
}

body.page-template-page-school-specials .wishlist_view h3 a, body.page-template-page-wishlist .wishlist_view h3 a {
    color: #000
}

.woocommerce #content table.wishlist_table.cart a.remove {
    background-color: #c3c3c3;
    color: #fff !important
}

.woocommerce #content table.wishlist_table.cart a.remove:hover {
    background-color: #ff0002;
    color: #fff !important
}

body.page-template-page-school-specials .wishlist_view p.wishlistLabel, body.page-template-page-wishlist .wishlist_view p.wishlistLabel {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 5px;
    text-align: left
}

body.page-template-page-school-specials table.wishlist_view td, body.page-template-page-wishlist table.wishlist_view td {
    padding: 30px 10px !important
}

body.page-template-page-school-specials .wishlist_view [type=number], body.page-template-page-wishlist .wishlist_view [type=number] {
    height: 45px;
    border: 1px solid #5d5d5d;
    margin-left: 0 !important
}

body.page-template-page-school-specials .wishlist_view a.addToCart, body.page-template-page-wishlist .wishlist_view a.addToCart {
    text-transform: uppercase;
    background: #01783e;
    color: #fff;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    display: block;
    text-align: center
}

body.page-template-page-school-specials .selectric-scroll ul, body.page-template-page-wishlist .selectric-scroll ul {
    margin: 0
}

body.page-template-page-school-specials .selectric-scroll ul li, body.page-template-page-wishlist .selectric-scroll ul li {
    padding: 5px
}

.overhang span.overhang-message {
    font-size: 14px
}

body.page-template-page-school-specials #banner {
    min-height: 600px
}

body.page-template-page-school-specials .wishlist-title {
    display: none
}

body.page-template-page-school-specials .shop_table .product-remove {
    display: none
}

body.page-template-page-school-specials a.cta {
    background: #01783e;
    font-size: 20px;
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 10px
}

#loader img, #loader-completed, #loader-completed img {
    display: none
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    body.page-template-page-school-specials #banner {
        min-height: 200px
    }

    body.page-template-page-school-specials .wishlist_view .product-remove, body.page-template-page-wishlist .wishlist_view .product-remove {
        text-align: center;
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px
    }

    body.page-template-page-school-specials .wishlist_view .product-remove a, body.page-template-page-wishlist .wishlist_view .product-remove a {
        font-size: 20px;
        color: #ff0002;
        display: block;
        padding: 15px 0;
        text-align: center
    }

    #notice {
        height: auto
    }

    #notice p {
        line-height: 26px
    }

    .navContainer {
        padding: 0
    }

    .js .menu-toggle i {
        font-size: 28px;
        color: #01783e;
        line-height: 40px
    }

    .js .menu-toggle {
        padding: 0;
        color: #01783e;
        margin: 0;
        text-align: right;
        position: absolute;
        top: -80px;
        right: 15px;
        z-index: 1
    }

    .customMobileIcon:active, .customMobileIcon:focus, .customMobileIcon:hover, .js .menu-toggle:active, .js .menu-toggle:focus, .js .menu-toggle:hover {
        outline: 0
    }

    .navWrapper {
        padding: 0 !important;
        height: 0
    }

    .main-navigation ul {
        background: 0 0;
        border: none
    }

    .main-navigation ul li {
        border-bottom: 1px solid #01783e;
        display: block !important;
        margin: 0 !important
    }

    .main-navigation a {
        line-height: 52px;
        color: #01783e;
        padding: 0 15px;
        font-weight: 300
    }

    .main-navigation a span {
        display: none
    }

    .main-navigation a i.fa-plus {
        display: none
    }

    #top-menu {
        position: relative;
        text-align: center;
        padding: 0;
        background: #fff;
        z-index: 1000;
        border-top: none;
        margin-top: 0;
        -webkit-box-shadow: 0 3px 6px 3px rgba(0, 0, 0, .16);
        -moz-box-shadow: 0 3px 6px 3px rgba(0, 0, 0, .16);
        box-shadow: 0 3px 6px 3px rgba(0, 0, 0, .16)
    }

    .navigation-top {
        position: absolute;
        width: 100%;
        top: 0
    }

    .navigation-top .current-menu-item, .navigation-top .current_page_item {
        background: #01783e !important
    }

    .main-navigation a:active, .main-navigation a:focus, .main-navigation a:hover, .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
        border-bottom: none;
        border-radius: 0;
        color: #fff !important;
        background: 0 0 !important
    }

    .main-navigation a::before {
        display: none
    }

    .dropdown-toggle {
        top: 0;
        width: 100%;
        right: 0;
        padding: 0;
        height: 50px
    }

    .desc ol li, .desc p, .desc ul li {
        font-size: 15px
    }

    #logo {
        height: 85px;
        margin: 15px 0;
        display: block
    }

    #search {
        margin-top: 0;
        padding: 0 15px;
        margin-bottom: 15px
    }

    #search input {
        max-width: 100%;
        float: none
    }

    /*#categories ul li {*/
    /*    margin: 0 5px;*/
    /*    padding: 5px 0;*/
    /*    display: block*/
    /*}*/

    /*#categories ul li a {*/
    /*    font-size: 12px*/
    /*}*/

    /*#categories ul li:after {*/
    /*    right: -7px;*/
    /*    display: none*/
    /*}*/

    #banner {
        height: 200px;
        margin-bottom: 30px
    }

    #banner h1 {
        font-size: 30px;
        line-height: 36px
    }

    #hero .item {
        min-height: 200px
    }

    #hero .item .overlay h1 {
        font-size: 30px;
        line-height: 36px
    }

    #hero .item .overlay a.cta {
        font-size: 16px
    }

    body.home #hero .item {
        min-height: 140px
    }

    /*.shop--product--listing .items .item:nth-child(3n+4) {*/
    /*    clear: none*/
    /*}*/

    /*.shop--product--listing .items .item:nth-child(2n+3) {*/
    /*    clear: both*/
    /*}*/

    /*.shop--product--listing .items {*/
    /*    margin-top: 50px*/
    /*}*/

    .product--description .image {
        min-height: 300px
    }

    .contactPage .heading ul li {
        margin: 10px 0
    }

    .contactPage .heading ul li a {
        font-size: 20px
    }

    .contactPage .heading ul li a i {
        display: block
    }

    .contactPage .form {
        margin-top: 30px
    }

    .wpcf7 input[type=submit] {
        width: 100%
    }

    .aboutPage .overlay .wrapper {
        height: 560px
    }

    .aboutPage .left {
        min-height: 560px
    }

    .aboutPage .right {
        min-height: 250px
    }

    .aboutPage #values h3 {
        font-size: 16px;
        line-height: 20px
    }

    .best--for {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .best--for h4, .promotionsPage .heading h2 {
        font-size: 24px;
        line-height: 28px
    }

    .product--listing .item a.cta, .product--listing a.shopAll {
        font-size: 16px
    }

    .best--for .items .item {
        width: 50%;
        margin-bottom: 15px
    }

    .best--for .items .item:nth-child(2n+3) {
        clear: both
    }

    .home--cats .box .bottom h3 {
        font-size: 16px
    }

    .other--tabs {
        margin-bottom: 40px
    }

    .shop--cats .item:nth-child(2n+3) {
        clear: both
    }

    .shop--cats .box .bottom h3 {
        font-size: 14px
    }

    .homePage .intro h2 {
        font-size: 24px;
        line-height: 32px
    }

    .home--cats {
        margin-bottom: 50px
    }

    .home--cats .box {
        min-height: 200px
    }

    #featured {
        margin-bottom: 50px
    }

    #featured .owl-carousel {
        margin: 0 50px;
        width: calc(100% - 100px)
    }

    #featured h4 {
        font-size: 24px;
        line-height: 28px
    }

    #featured .owl-carousel .owl-nav button {
        left: -55px
    }

    #featured .owl-carousel .owl-nav button.owl-next {
        right: -55px
    }

    .inner--nav .box {
        min-height: 150px
    }

    .inner--nav .box .bottom h6 {
        font-size: 16px
    }

    /*.site-footer {*/
    /*    padding: 30px 0 0 0*/
    /*}*/

    /*footer .footerLogo {*/
    /*    display: block;*/
    /*    margin: 0 auto 30px auto*/
    /*}*/

    /*footer #newsletter h6 {*/
    /*    font-size: 20px;*/
    /*    display: block;*/
    /*    text-align: center*/
    /*}*/

    /*footer #newsletter input[type=submit] {*/
    /*    display: block;*/
    /*    margin: 30px auto*/
    /*}*/

    /*footer .copyright {*/
    /*    text-align: center*/
    /*}*/

    /*footer .copyright p {*/
    /*    font-size: 14px;*/
    /*    line-height: 21px;*/
    /*    margin: 0 0 15px*/
    /*}*/

    /*#categories {*/
    /*    display: none*/
    /*}*/

    /*.shop--product--listing .items .item .wrapper {*/
    /*    padding: 15px 5px*/
    /*}*/

    .flex-product .yith-wcwl-add-button a, .flex-product .yith-wcwl-wishlistaddedbrowse i, .flex-product .yith-wcwl-wishlistexistsbrowse i {
        left: 0
    }

    /*.shop--product--listing .items .item .wrapper h3 {*/
    /*    font-size: 15px;*/
    /*    line-height: 18px*/
    /*}*/

    /*.shop--product--listing .items .item .wrapper p.price {*/
    /*    font-size: 16px;*/
    /*    line-height: 20px*/
    /*}*/

    /*.shop--product--listing .items .item:nth-child(odd) {*/
    /*    padding-right: 7px*/
    /*}*/

    /*.shop--product--listing .items .item:nth-child(even) {*/
    /*    padding-left: 7px*/
    /*}*/
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .suppliersPage .listing--items .item:nth-child(2n+5) {
        clear: both
    }

    .suppliersPage .listing--items .item:nth-child(3n+5) {
        clear: none
    }

    body.page-template-page-school-specials #banner {
        min-height: 300px
    }

    body.home #hero .item {
        min-height: 230px
    }

    #notice {
        padding: 0 15px;
        height: auto
    }

    #notice p {
        line-height: 26px
    }

    #logo {
        height: 100px
    }

    .main-navigation li {
        margin: 0 5px
    }

    .main-navigation a {
        font-size: 16px
    }

    #top-menu {
        text-align: right;
        margin-top: 35px
    }

    /*#categories ul li {*/
    /*    margin: 0 25px*/
    /*}*/

    /*#categories ul li:after {*/
    /*    right: -40px*/
    /*}*/

    /*#categories ul li a {*/
    /*    font-size: 14px*/
    /*}*/

    #banner {
        height: 300px
    }

    #banner h1 {
        font-size: 40px;
        line-height: 53px
    }

    #hero .item {
        min-height: 300px
    }

    #hero .item .overlay h1 {
        font-size: 40px;
        line-height: 50px
    }

    .aboutPage .overlay .wrapper {
        height: 530px
    }

    .aboutPage .left, .aboutPage .right {
        min-height: 530px
    }

    .best--for .items .item {
        width: 33.33333%;
        margin-bottom: 15px
    }

    .best--for .items .item:nth-child(3n+4) {
        clear: both
    }

    /*.shop--product--listing .items .item:nth-child(2n+3) {*/
    /*    clear: both*/
    /*}*/

    .homePage .intro h2 {
        font-size: 28px;
        line-height: 37px
    }

    .home--cats .box {
        min-height: 250px
    }

    .inner--nav .box {
        min-height: 200px
    }

    .inner--nav .box .bottom h6 {
        font-size: 18px
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    body.page-template-page-school-specials #banner {
        min-height: 300px
    }

    /*#categories ul li {*/
    /*    margin: 0 30px*/
    /*}*/

    body.home #hero .item {
        min-height: 300px
    }

    #logo {
        height: 100px
    }

    #top-menu {
        margin-top: 30px
    }

    .main-navigation li {
        margin: 0 15px
    }

    .main-navigation li a {
        font-size: 16px
    }

    #banner {
        height: 300px
    }

    #banner h1 {
        font-size: 40px;
        line-height: 53px
    }

    #hero .item {
        min-height: 300px
    }

    #hero .item .overlay h1 {
        font-size: 40px;
        line-height: 50px
    }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    body.home #hero .item {
        min-height: 350px
    }
}

@media screen and (min-width: 1401px) and (max-width: 1600px) {
    body.home #hero .item {
        min-height: 420px
    }
}

body.ui-slider-active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.box .values div, .box small div {
    display: inline-block;
    vertical-align: top
}

.box .values {
    font-size: 17px;
    margin: 0;
    font-weight: 500;
    color: var(--primary)
}

.box .values > div:first-child {
    margin-right: 2px
}

.box .values > div:last-child {
    margin-left: 2px
}

.box small {
    color: var(--text);
    display: block;
    margin-top: 8px;
    font-size: 14px
}

.box .slider {
    margin: 20px 10px;
    width: calc(100% - 20px)
}

.slider {
    --primary: #01783e;
    --handle: #fff;
    --handle-active: #01783e;
    --handle-hover: #e9efff;
    --handle-border: 2px solid var(--primary);
    --line: #cdd9ed;
    --line-active: var(--primary);
    height: 23px;
    width: 100%;
    position: relative;
    pointer-events: none
}

.slider .ui-slider-handle {
    --y: 0;
    --background: var(--handle);
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 23px;
    height: 23px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    outline: 0;
    display: block;
    pointer-events: auto
}

.slider .ui-slider-handle div {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
    -webkit-transform: translateY(calc(var(--y) * 1px));
    transform: translateY(calc(var(--y) * 1px));
    border: var(--handle-border);
    background: var(--background)
}

.slider .ui-slider-handle:hover {
    --background: var(--handle-hover)
}

.slider .ui-slider-handle:active {
    --background: var(--handle-active);
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.slider svg {
    --stroke: var(--line);
    display: block;
    height: 83px
}

.slider svg path {
    fill: none;
    stroke: var(--stroke);
    stroke-width: 1
}

.slider .active, .slider > svg {
    position: absolute;
    top: -30px;
    height: 83px
}

.slider > svg {
    left: 0;
    width: 100%
}

.slider .active {
    position: absolute;
    overflow: hidden;
    left: calc(var(--l) * 1px);
    right: calc(var(--r) * 1px)
}

.slider .active svg {
    --stroke: var(--line-active);
    position: relative;
    left: calc(var(--l) * -1px);
    right: calc(var(--r) * -1px)
}

.slider .active svg path {
    stroke-width: 2
}

body .dribbble {
    position: fixed;
    display: block;
    right: 20px;
    bottom: 20px
}

body .dribbble img {
    display: block;
    height: 28px
}

.woocommerce-tabs .wc-tabs {
    display: none
}

#top--christmas {
    background: #78123b;
    width: 100%;
    height: 50px;
    text-align: center
}

#top--christmas p {
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    margin: 0
}

@media (min-width: 320px) and (max-width: 767px) {
    #top--christmas {
        height: auto;
        padding: 5px
    }

    #top--christmas p {
        font-size: 14px;
        line-height: 26px
    }

    .suppliersPage .listing--items .item .wrapper img{
        height: 180px;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1399px) {
    #top--christmas {
        height: auto;
        padding: 5px
    }

    #top--christmas p {
        font-size: 14px;
        line-height: 22px
    }

    .suppliersPage .listing--items .item .wrapper img{
        height: 150px;
        width: 100%;
    }
}