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

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    /* 1 */

    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 2 */

}

html,
button,
input,
select,
textarea {
    font-family: 'News Cycle', sans-serif;
}

body {
    margin: 0;
}

a:focus {
    outline: 0;
}

a:active,
a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

b,
strong {
    font-weight: bold;
}

p,
pre {
    margin: 1em 0;
}

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

img {
    border: 0;
    /* 1 */

    -ms-interpolation-mode: bicubic;
    /* 2 */
}

form {
    margin: 0;
    padding: 10px 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */

    margin: 0;
    /* 2 */

    vertical-align: baseline;
    *vertical-align: middle;
    /* 3 */

}

button,
input {
    line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */

    cursor: pointer;
    /* 3 */

    *overflow: visible;
    /* 4 */

}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */

    padding: 0;
    /* 2 */

    *height: 13px;
    *width: 13px;
    /* 3 */

}

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */

    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */

    box-sizing: content-box;
}

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

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

b,
strong,
.strong {
    font-weight: bold;
}

ul, ol {
    padding: 0;
    list-style-type: none;
}

.clearfix {
    zoom: 1;
    clear: both;
}

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

.clearfix:after {
    clear: both;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.text-left {
    text-align: left;
}

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

.text-right {
    text-align: right;
}

body {
    font-family: 'News Cycle', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #474747;
}

.wrap, #container #content {
    width: 970px;
    margin: 0 auto;
    position: relative;
}

#container #content {
    padding: 20px 0;
}

#outer-top {
    background: #0a8251;
    min-height: 44px;
}

#outer-header {
    background: url(../images/header-bg.png) repeat-x;
    height: 88px;
}

#outer-client {
    background: #e8e7e3;
    padding-bottom: 130px;
}

#outer-footer {
    background: #0a8251;
}

#outer-copy {
    background: url(../images/footer-bottom-green.png) repeat-x;
    height: 80px;
    position: relative;
    z-index: 2;
    top: -17px;
}

a,
a:visited {
    color: #222222;
    text-decoration: none;
}

a:focus,
a:visited:focus {
    color: #444444;
}

a:hover,
a:visited:hover {
    color: #444444;
    text-decoration: underline;
}

a:link,
a:visited:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
    text-rendering: optimizelegibility;
    font-weight: normal;
    color: #000;
    font-family: 'Roboto Slab', Georgia, serif;
    line-height: 1.5;
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
    text-decoration: none;
}

h1,
.h1 {
    font-size: 2.5em;
    line-height: 1.333em;
}

h2,
.h2 {
    font-size: 1.75em;
    line-height: 1.4em;
    margin-bottom: 0.375em;
    text-transform: uppercase;
}

h3,
.h3 {
    font-size: 1.125em;
    font-weight: bold;
}

h4,
.h4 {
    font-size: 1.1em;
    font-weight: 700;
}

#inner-header {
    padding-top: 8px;
}

#logo {
    float: left;
}

#topsearch {
    margin: auto;
    float: left;
}

a.dc-mega:before {
    content: "Shop by ";
    color: #000 !important;
}

.dcjq-mega-menu ul.menu ul, .dcjq-mega-menu ul.menu li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dcjq-mega-menu ul.menu ul {
    display: none;
    /* Hides non-mega links */
}

.dcjq-mega-menu ul.menu .sub ul {
    display: block;
    /* overrides above hide */
}

#main-menu {
    background: #fff url(../images/main-menu-bg-green.png) repeat-x;
    width: 968px;
    height: 72px;
    margin: 0 auto;
    border-left: 1px solid #a2a2a2;
    border-right: 1px solid #a2a2a2;
}

.dcjq-mega-menu ul.menu {
    position: relative;
    /* Important - required for positioning of mega menu */
    line-height: 16px;
    font-family: 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    font-size: 15px;
    float: left;
    width: 560px;
}

.dcjq-mega-menu ul.menu li {
    float: left;
    border-left: 1px solid #a2a2a2;
}

.dcjq-mega-menu ul.menu li:first-child {
    float: left;
    border-left: none;
}

.dcjq-mega-menu ul.menu li a {
    float: left;
    display: block;
    padding: 24px 25px;
    color: #0a8251;
    text-decoration: none;
}

.dcjq-mega-menu ul.menu li.mega-hover a, .dcjq-mega-menu ul.menu li a:hover {
    background-position: 100% -40px;
    color: #000;
    cursor: pointer;
}

.dcjq-mega-menu ul.menu li a.dc-mega {
    padding-right: 42px;
    /* Additional padding for arrow */
    position: relative;
    /* Required for arrow positioning */
    color: white;
}

.dcjq-mega-menu ul.menu li a .dc-mega-icon {
    display: block;
    position: absolute;
    top: 26px;
    right: 15px;
    width: 14px;
    height: 10px;
    background: url(/static/images/common.webp) no-repeat -163px -326px;
}

.dcjq-mega-menu ul.menu li .sub-container {
    position: absolute;
    /* Required */
    margin-left: -2px;
}

.dcjq-mega-menu ul.menu li .sub {
    padding: 20px 20px 20px 10px;
}

.dcjq-mega-menu ul.menu li .sub-container.mega .sub {
    padding: 10px 10px 0 0;
}

.dcjq-mega-menu ul.menu li .sub .row {
    /* Clear the sub-menu floats */
    width: 100%;
    overflow: hidden;
    clear: both;
    background: #fff;
    font-family: 'News Cycle', sans-serif;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .4);
}

.dcjq-mega-menu ul.menu li .sub li {
    float: none;
    font-size: 1em;
    font-weight: bold;
    border-left: none;
    border-bottom: 1px dashed #ddd;
}

.dcjq-mega-menu ul.menu li .sub li.see-more {
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-bottom: none;
}

.dcjq-mega-menu ul.menu .sub li.mega-hdr li.see-more a {
    font-weight: bold;
    background: none;
}

.dcjq-mega-menu ul.menu .sub li.mega-hdr li.see-more a:after {
    content: " \2192";
}

.dcjq-mega-menu ul.menu li .sub li.mega-hdr {
    /* Sub-menu headers - i.e. 2nd level navigation */
    float: left;
    /* Float the sub-menus and give them a fixed width to from the mega menu rows */
    width: 174px;
    margin: 0 10px 20px 10px;
}

.dcjq-mega-menu ul.menu li .sub a {
    /* Clear the styles from the top-level links and set the font styles */
    background: none;
    border-left: none;
    text-shadow: none;
    color: #111;
    padding: 7px 10px;
    display: block;
    float: none;
    text-decoration: none;
    font-size: 0.9em;

}

.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.dcjq-mega-menu ul.menu li .sub li.mega-hdr {
    border-bottom: none;
}

.dcjq-mega-menu ul.menu li .sub li.mega-hdr.hidden a.mega-hdr-a {
    color: #fff;
    cursor: normal;
}

.dcjq-mega-menu ul.menu li .sub li ul li {
    margin-right: 20px;
    border-left: none;
}

.dcjq-mega-menu ul.menu .sub li.mega-hdr li a {
    color: #444;
    font-weight: normal;
    padding: 3px 0 3px 25px;
    position: relative;
    top: 0;
    left: 0;
}

.dcjq-mega-menu ul.menu .sub li.mega-hdr li a i {
    background: url(/static/images/common.webp) no-repeat -177px -326px;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 10px;
    top: 8px;
}

.dcjq-mega-menu ul.menu li .sub-container.non-mega .sub {
    padding: 20px 20px 20px 10px;
    background: #fff;
    font-family: 'News Cycle', sans-serif;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .4);
    margin-top: 8px;
}

#content {
    margin-top: 2.2em;
}

h2.home {
    font-size: 22px;
    text-align: center;
}

input[type="text"] {
    margin-top: 1px !important;
    padding: 9px;
    border: 1px solid #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.woocommerce .woocommerce-error {
    clear: both;
}

#inner-client span {
    color: #0a8251;
}

.footer {
    clear: both;
}

#inner-footer a {
    color: #fff;
}

#inner-footer li {
    list-style: none;
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 8px;
    padding-left: 15px;
}

.quality {
    float: left;
    width: 475px;
    border: 1px solid #e4e2e2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
    min-height: 547px;
    list-style: none;
}

.quality img {
    float: left;
}

.quality .description {
    width: 260px;
}

.quality .product-pricing {
    top: 0;
    right: 0;
    z-index: 9;
    position: absolute;
}

.boxformwh {
    width: 100%;
    margin-bottom: 10px;
}

.breadcrumbs {
    float: left;
    padding: 0 10px 0 0;
    background: #8cc895;
}

.breadcrumbs {
    color: #fff !important;
    display: flex;
    align-items: center;
    width: 100%;
}

div#content nav.breadcrumbs {
    padding: 0 8px;
}

.breadcrumbs .breadcrumbs-item {
    display: flex;
    align-items: center;
}

.breadcrumbs a {
    color: #00664F !important;
    line-height: 1;
    padding: 10px;
    padding-left: 0;
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

.breadcrumbs span {
    font-weight: 700;
    color: #00664F;
}

.breadcrumbs .breadcrumbs-separator {
    background: transparent url(/static/images/breadcrumb.svg) no-repeat center;
    background-size: cover;
    width: 5px;
    height: 10px;
    display: block;
    margin-right: 12px;
}

#inner-footer *, #inner-copy * {
    color: white;
}

#inner-footer {
    padding: 10px 0 20px;
}

#inner-footer h3, #inner-footer .heading {
    font-size: 18px;
    margin: 5px 0;
}

#inner-footer ul {
    list-style: none;
    margin: 0;
}

#inner-footer li {
    padding: 0;
    margin-bottom: 5px;
}

#footer-contacts span {
    color: #8fe393;
    width: 60px;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
}

.footer-separator {
    background: #008672;
    margin: 0 20px;
    height: 2px;
    margin: 10px 40px 15px 0;
}

#get-in-touch {
    margin-left: 30px;
    margin-right: 20px;
}

#shop-for-filters {
    margin-left: 10%;
    margin-right: 20%;
}

.social-media {
    margin: 5px 0;
}

.social-media a {
    padding: 0 5px;
}

#outer-copy {
    top: 0;
    margin-top: -17px;
    overflow: hidden;
}

#inner-copy {
    padding-top: 17px;
}

#inner-copy p {
    margin: 20px 0;
}

#inner-copy * {
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
}

.mcafee {
    margin: 20px 0;
    width: 80px;
    height: 28px;
    background-image: url(/static/images/common.webp);
    background-position: -82px -329px;
    text-indent: -9999px;
    display: inline-block;
}

.review .verified-buyer {
    padding-right: 25px;
    font-size: 12px;
    line-height: 17px;
    background: url(/static/images/new_homepage/reviewer_verified.png) no-repeat right center;
    margin-bottom: 10px;
}

.review .rating {
    width: 120px;
    display: inline-block;
    background: url(/static/images/new_homepage/review_stars.png) no-repeat 0 center;
    text-indent: -9999px;
    margin-bottom: 10px;
}

.review .rating.rating-1 {
    width: 23px;
}

.review .rating.rating-2 {
    width: 47px;
}

.review .rating.rating-3 {
    width: 71px;
}

.review .rating.rating-4 {
    width: 95px;
}

#outer-client {
    background: #F7F5EE;
    padding-bottom: 30px;
}

#inner-client h2.home {
    text-align: center;
    color: black;
    text-transform: none;
    font-size: 29px;
    margin: 40px 0 10px;
}

#inner-client span {
    color: inherit;
}

#customer-reviews {
    margin-top: 50px;
}

#customer-reviews {
    position: relative;
    top: 0;
    left: 0;
}

#customer-reviews .slide-inner {
    margin: 0 50px;
}

.review {
    padding: 0 15px;
}

.reviews-slider-prev, .reviews-slider-next {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    top: 15%;
    text-indent: -9999px;
}

.reviews-slider-prev {
    left: 0;
    background: url(/static/images/new_homepage/review_left.png) no-repeat center center;
}

.reviews-slider-next {
    right: 0;
    background: url(/static/images/new_homepage/review_right.png) no-repeat center center;
}

#inner-copy .bs_row {
    margin-left: 0;
    margin-right: 0;
}

#inner-copy .col-sm-5, #inner-copy .col-sm-6, #inner-copy .col-sm-1 {
    padding-left: 0;
    padding-right: 0;
}

#inner-copy .copy-links {
    margin-right: 30px;
}

@media (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {
    #inner-footer {
        text-align: left;
    }
}

@media (min-width: 1024px) {
    #inner-footer {
        text-align: left;
    }

    #footer-logout {
        display: none;
    }
}

@media (max-width: 767px) {
    #inner-client, #inner-footer, #inner-copy {
        padding-left: 15px;
        padding-right: 15px;
    }

    #get-in-touch, #shop-for-filters, #quick-links {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }

    #inner-copy * {
        font-size: 12px;
    }

    #inner-copy p {
        margin: 0 !important;
    }

    #inner-copy .text-right {
        text-align: center;
    }

    #outer-copy {
        padding: 0 !important;
    }

    #inner-client h2.home {
        font-size: 20px;
    }

    .breadcrumbs {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
}
