/*body {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    height: 100vh;*/
/*    font-family: Montserrat;*/
/*    font-weight: 500;*/
/*    color: #444;*/
/*    color: #58595b;*/
/*}*/

a:hover, a:focus {
    color: #00b085;
}

#wrap {
    display: flex;
    flex-direction: column;
    flex: 1;
    flex: 1 0 auto; /* ie11 */
}

.sticky-wrap {
    min-height: 280px;
    position: relative;
    z-index: 100;
    transition: all .3s, width 0s;
}

.sticky-wrap.search-on {
    min-height: 360px;
}

.subheader-none .sticky-wrap {
    min-height: 170px;
}

.subheader-none .sticky-wrap.search-on {
    min-height: 250px;
}

.sticky-wrap.shrink {
    min-height: 150px;
}

.sticky-wrap.shrink.search-on {
    min-height: 230px;
}

.subheader-expanded .sticky-wrap.shrink {
    min-height: 150px;
}


.sticky-header {
    xtransition: all .3s, width 0s;
    box-shadow: none;
}

.sticky-wrap.shrink .sticky-header {
    /*box-shadow: 0 0 100px rgba(0,0,0,.1);*/
    transition: all .3s, width 0s;
}

.sticky-wrap.shrink .sticky-header .header-top {
    line-height: 40px;
    xfont-size: 12px;
}

.sticky-wrap.shrink .sticky-header .header-top a {
    line-height: 40px;
    height: 40px;
}

.sticky-wrap.shrink .sticky-header .header {
    height: 70px;
    min-height: 70px;
}

.sticky-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.sticky-wrap.shrink .sticky-header .header .main-navigation a,
.sticky-wrap.shrink .sticky-header .dropdown.menu > li > a {
    line-height: 70px;
}

.sticky-wrap.shrink .sticky-header .header .main-navigation .submenu a {
    line-height: 32px;
}

.header-top {
    background: #ebebeb;
    line-height: 60px;
    font-size: 14px;
    transition: all .2s, width 0s;
    font-weight: 600;
}

.header-top .cell {
    /*line-height: 60px;*/
}


.header-top a {
    transition: all .3s;
    line-height: 60px;
    height: 60px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.header-top a.no-right-pad {
    padding-right: 0;
}

.header-top a:hover {
    transition: all 0s;
}

.header-top .gutter {
    display: inline-block;
    width: 10px;

}

.header-top .user-icon {
    opacity: .15;
    width: 18px;
    margin-right: 16px;
    vertical-align: middle;
    margin-top: -2px;
}

.header-top .phone-icon {
    opacity: .15;
    width: 18px;
    vertical-align: middle;
    margin-top: -2px;
    display: none;
}

.header {


    height: 110px;
    min-height: 110px;
    background: #fff;
    transition: all .3s, width 0s;
}

.header .logo {
    height: 60px;
}

.header .logomark {
    height: 58px;
    width: 52px;
    transition: all .3s, width 0s;
}

.header .logotype {
    width: 147px;
    margin-left: 13px;
    transition: all .3s, width 0s;
}


.is-stuck .header .logomark {
    transform: scale(.8);
}

.is-stuck .header .logotype {
    transform: scale(.8);
    margin-left: -10px;
}

.header .main-navigation {
    display: inline-flex;
}

.header .main-navigation a,
.dropdown.menu > li > a {
    font-weight: 700;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 16px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 110px;
    transition: all .2s;
    /*line-height: 30px;
    border-radius: 30px;
    margin-top: 40px;*/
}

li.menu-item {
    /*line-height: 120px;
    min-height: 120px;*/
}

.header .main-navigation a:hover {
    background: #cbf9d8 !important;
}

.header .submenu {
    padding-top: 10px;
    padding-bottom: 12px;
    border: none;
    border-top: 1px solid #00b085;
    border-top: 1px solid #ebebeb;
    border-top: 5px solid #00b085;
    box-shadow: 0px 30px 20px 0px rgba(0, 0, 0, .25);
    border-radius: 0 0 6px 6px;
    text-align: left;
    margin-top: 0px;
    z-index: 3;
}

.header .submenu a {
    font-weight: 500;
    font-size: 15px;
    white-space: nowrap;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 32px;
    /*padding-left: 16px;*/
    /*padding-right: 24px;*/
    padding-left: 24px;
    padding-right: 30px;
    transition: all 0s;
    margin-top: 0 !important;
}

.no-js {
    display: none;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    padding-right: 16px;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a:after {
    border: inset 4px;
    border-color: #6dd07a transparent transparent;
    right: 4px;
    margin-top: 0px;
    display: none;
}

.dropdown.menu > li.is-active > a {
    color: #00b085;
    background: #cbf9d8 !important;
    background: linear-gradient(to top, #cbf9d8 0%, #fff 50%) !important;

    background: #cbf9d8;
}

.dropdown.menu > li.is-active > a {
    transition: all 0s;
    cursor: pointer;
}

/* foundation mega menu hacks */

.menu, .is-dropdown-submenu-parent.products-mega-menu {
    position: static;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    position: absolute;
}

.header .current-menu-item > a, .header .current-submenu-item > a, .header .current-menu-parent > a,
.tax-product_category .menu-item-65 > a, .single-product .menu-item-65 > a {
    /*color: #00b085;*/
    color: #007e70;
}

.header .mega-menu {
    display: block;
    width: 100%;
    margin: 0 auto;
    left: 0%;
    right: 0%;
    background: linear-gradient(to left, #ebebeb 50%, #fff 50%);
    padding: 0;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu.mega-menu {
    top: 170px;
    transition: all .3s;
    border-radius: 0;
}

.is-stuck .dropdown.menu > li.opens-right > .is-dropdown-submenu.mega-menu {
    top: 110px;
}

.header .mega-menu .row {
    text-align: left;
}

.header .mega-menu .cell {
    background: white;
    padding: 34px 0;
}

.header .mega-menu .need-help-cell {
    background: #ebebeb;
    text-align: center;
}

.menu .need-help-link {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.nh-icon {
    width: 70px;
    height: 70px;
    display: block;
    margin-top: -6px;
    background: transparent url('../../assets/images/support.svg') no-repeat 0 0 / 100% auto;
    opacity: .4;
    transition: all .3s;
}

.need-help-link:hover .nh-icon {
    transform: scale(1.32);
    opacity: .6;
}

.nh-text {
    /*font-size: 20px;*/
    color: #58595b;
    display: block;
    /*font-size: 32px;*/
    /*font-size: 22px;*/
    /*line-height: 1.2;*/
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-top: 14px;
}

.need-help-link:hover .nh-text {
    color: #00b085;
}

.nh-link {
    color: #00b085;
    display: block;
    /*font-size: 18px;*/
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-top: 8px;
}

.need-help-link:hover .nh-link {
    color: #58595b;
}

.header .mega-menu a {
    padding-left: 0;
    padding-right: 0;
}

.mega-menu h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}

.header .submenu h4 a {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 15px;
}

.mega-menu ul {
    padding: 0;
    margin: 0;
}

.mega-menu li {
    list-style: none;
}

.header .search {
    /*margin-left: 10px;*/
    margin-left: 14px;
    display: inline-block;
    display: none;
}

.header .loupe {
    width: 16px;
    opacity: 0.6;
    cursor: pointer;
}

.search-on .header .loupe {
    opacity: .3;
}

.header .cart img {
    width: 48px; /* icon 5 */
    /*width: 38px; /* icon 0 */
    /*width: 48px;*/
    /*margin-left: 10px;*/
    margin-left: 26px;
    /*opacity: .6;*/

    /*opacity: .15;*/
    /*opacity: 1;*/
    opacity: .5;
}

.account-name {
    text-transform: capitalize;
}

.cart {
    position: relative;
    /*font-weight: 600;*/
    font-size: 16px;
    color: #00b085;
    display: inline-block;
    font-weight: 700;
    line-height: 110px;
    transition: all .3s, width 0s;
}

.sticky-wrap.shrink .sticky-header .cart {
    line-height: 70px;
}

.header .cart:hover .badge {
    transform: scale(1.4);
}

.header .badge .inner {
    position: relative;
    z-index: 2;
}

.header .badge .inner.off {
    opacity: 0;
}

.header .cart:hover .badge .inner {
    transform: scale(.3);
}


.badge .pulse.grow {
    transform: scale(4);
    opacity: 0;
    transition: all .3s;
}

.header-search {
    max-height: 0;
    height: 80px;
    overflow: hidden;
    transition: all .3s;
    border-top: 0px solid rgba(0, 0, 0, 0);
    background: #fff; /* needed for account pages */
}

.header-search .cell {
    position: relative;
}

.sticky-wrap.search-on .header-search {
    max-height: 79px;
    border-top: 1px solid rgba(0, 0, 0, .2);
}

.header-search .term {
    border: none;
    border-radius: 50px;
    border-radius: 50px 0 0 50px;
    height: 70px;
    height: 100px;
    box-shadow: none;
    font-weight: 600;
    padding-left: 65px;
    padding-left: 50px;
    xdisplay: none;
    margin-bottom: 0;
    font-size: 32px;
    height: 78px;
    font-size: 20px;
    width: 100%;
    display: inline-block;
    /*border-radius: 4px;
    border: 1px solid rgba(0,0,0,.2);*/
}

.header-search .term-container {
    position: relative;
    width: 95%;
}

.header-search .term-container:after {
    content: '';
    width: 70px;
    height: 70px;
    height: 26px;
    width: 26px;
    opacity: .6;
    position: absolute;
    top: 27px;
    left: 0px;
    background: transparent url('../../assets/images/loupe-black.svg') no-repeat center center / 26px auto;
    opacity: .5;
}

.header-search .term::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #64baa5;
}

.header-search .term:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #64baa5;
    opacity: 1;
}

.header-search .term::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #64baa5;
    opacity: 1;
}

.header-search .term:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #64baa5;
}

.header-search .term::-ms-input-placeholder { /* Microsoft Edge */
    color: #64baa5;
}

.header-search .term::placeholder { /* Most modern browsers support this now. */
    color: #4a9381;
    color: #64baa5;
    color: rgba(0, 0, 0, .5);
    /*color: #45aa9c;*/
}

.search-close {
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 50px;
    font-weight: 500;
    xcolor: red;
    line-height: 79x;
    width: 5%;
    text-align: right;
    color: rgba(0, 0, 0, .6);
}

.search-close:hover {
    color: rgba(0, 0, 0, .8);
}


.header-bottom {
    background: #0ab38a;
    background: linear-gradient(to right, #00b085, #b9e1d7);
    background: linear-gradient(to right, #00b085, #afda8e);
    color: #fff;
    min-height: 10px;
}

.subheader-account .header-bottom,
.single-orders .header-bottom {
    background: linear-gradient(to right, #353535, #666);
}

.header-bottom {
    background: #0ab38a;
    background: linear-gradient(to right, #00b085, #b9e1d7);
    background: linear-gradient(to right, #00b085, #afda8e);
    background: linear-gradient(to right, #4dc8aa, #afda8e);
    color: #fff;
    min-height: 10px;
    overflow: hidden;
}



.single-product .header-bottom-products,
.single-ss_product .header-bottom-products {
    line-height: 30px;
}

.single-product .header-bottom-products .fragment .fragment,
.single-ss_product .header-bottom-products .fragment .fragment {
    line-height: 110px;
    float: left;
}

.single-product .shrink .header-bottom-products .fragment .fragment,
.single-ss_product .shrink .header-bottom-products .fragment .fragment {
    line-height: 40px;
    float: left;
}

.single-product .shrink .fragment-title,
.single-ss_product .shrink .fragment-title {
    height: 40px;
    max-width: 1000px;
}

.fragment-title {
    display: inline-block;
    max-width: 680px;
    height: 110px;
    display: flex;
    align-items: center;
}

.fragment-title-inner {
    line-height: 30px;
}

.sticky-wrap.shrink .sticky-header .header-bottom-products,
.sticky-wrap.shrink .sticky-header .header-bottom-orders {
    line-height: 40px;
    min-height: 40px;
    font-size: 18px;
    xfont-weight: 500;
}

.fragment {
    display: inline-block;
    margin-left: -2000px;
    padding-left: 2000px;
    margin-right: 30px;
    position: relative;
    display: flex; /*ff48 fix. remove if causing problems on newer browsers. =*/
}

.fragment a {
    display: inline-block;
    margin-right: 30px;
    color: #fff;
    position: relative;
    z-index: 2;
    cursor: pointer;
    white-space: nowrap; /* needed for some small desktops */
}

.fragment a:hover {
    color: #ceffbe;
}

.header-bottom-orders .fragment a:hover {
    color: #ddd;
}

.fragment .fragment {
    xbackground: rgba(0, 0, 0, .1);
}

.fragment .fragment:after {
    content: '';
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    border-radius: 0 25px 0 0;
    -webkit-border-radius: 0 25px 0 0;
    -moz-border-radius: 0 25px 0 0;
    height: 3000px;
    width: 3000px;
    background: rgba(0, 0, 0, .1);
    background: rgba(28, 16, 75, 0.15);
    position: absolute;
    top: -1445px;
    right: 608px;
    transition: all .3s;
}

.header-bottom-orders .fragment .fragment:after {
    background: rgba(0, 0, 0, 0.25);
}

.sticky-wrap.shrink .sticky-header .fragment .fragment:after {
    top: -1479px;
    right: 612px;
    border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
}

.header-bottom .sup {
    /* bug fix. do not remove. */
    vertical-align: top;
}

/* expanded subheader stuff. possibly move to pages.css at some point */

.subheader-expanded .header-bottom {
    position: relative;
}

.subheader-expanded .header-bottom .header-bottom-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .3s;
}

.subheader-expanded .header-bottom .grid-container {
    position: relative;
    z-index: 2;
}

.shrink .header-bottom .header-bottom-bg {
    opacity: 0;
}

/* end expanded subheader */

.main-content {
    flex: 1;
    flex: 1 0 auto; /* ie11 fix */
}

.tax-product_category .main-content {
    background: linear-gradient(to right, #ebebeb 50%, #fff 50%);
}

.main-content .sidebar {
    background: #ebebeb;
    padding-right: 40px;
    padding-bottom: 60px;
}

.responsive-product-filters-toggle {
    display: none;
}

.tax-product_category .main-content .grid-x > .sidebar {
    width: 18%;
    width: 19%;
}

.tax-product_category .main-content .grid-x > .product-grid {
    width: 82%;
    width: 81%;
}

.sidebar .button.hollow {
    border: 1px solid rgba(0, 0, 0, .15);
    color: inherit;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    line-height: 40px;
    height: 40px;
}

.sidebar .button.hollow:hover {
    background: rgba(0, 0, 0, .15);
    transition: all 0.2s;
}

.tax-product_category .product-grid {
    background: #fff;
    padding-left: 40px;
}

.sidebar .title {
    height: 110px;
    xborder-bottom: 2px solid rgba(0, 0, 0, .075);
    overflow: auto;
    margin-bottom: -20px;
    align-items: center;
    display: flex;
    height: 130px;
    margin-bottom: -34px;
}

.product-grid .summary {
    min-height: 110px;
    xborder-bottom: 2px solid rgba(0, 0, 0, .075);
    overflow: auto;
    margin-bottom: 20px;
    background: rgba(255, 255, 255, .8);
    background: white;
    transition: all .3s;
    padding-bottom: 30px;
    margin-top: 45px;
    min-height: 0;
    border-bottom: 2px solid rgba(0, 0, 0, .05);
}

.product-grid .summary .count {
    margin-top: 64px;
    margin-top: 40px;
    font-weight: 600;

    margin-top: 64px;
    margin-top: 60px;
    font-weight: 700;
    text-align: center;
    font-size: 42px;
    font-size: 32px;
    xline-height: 1;
    margin-top: 0;
    font-size: 26px;
    color: #4f9d84;
    color: #00a27a;
    color: #4f9d84;
    color: #00a27a;
    color: #007e70;

    margin-bottom: 10px;
    line-height: 40px;
    text-align: left;
}

.product-grid .summary .tags-container {
    margin-bottom: 20px;
    margin-bottom: 0px;
    margin-top: 34px;
    margin-top: 45px;
    margin-top: 0;
}

.product-grid .summary .tags-container.hidden {
    visibility: hidden;
}

.tags-label {
    color: #999;
    line-height: 40px;
}

.product-grid .summary .tags-container .tag,
.tags span {
    display: inline-block;
    background: #eee;
    border-radius: 4px;
    line-height: 30px;
    padding: 0 8px;
}

.product-grid .summary .tags-container .tag {
    display: inline-block;
    background: #00b085;
    border-radius: 4px;
    line-height: 34px;
    padding: 0 6px 0 12px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    vertical-align: top;
    margin-left: 10px;
    margin-bottom: 10px;
}

.product-grid .summary .tags-container .tag:hover {
    background: #b03c00;
    text-decoration: line-through;
}


.product-grid .summary .tags-container .tag .close {
    display: inline-block;
    margin-left: 5px;
    opacity: .5;
    opacity: 1;
    font-size: 40px;
    font-weight: 500;
    vertical-align: middle;
}

.product-grid .summary .tags-container .tag + .tag,
.tags span + span {
    margin-left: 10px;
}

.sidebar h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    margin-top: 60px;
    margin-bottom: 0;
}

label > [type="checkbox"], label > [type="radio"] {
    margin-bottom: 0;
}

label {
    font-weight: inherit;
    font-size: 14px;
    color: inherit;
}

label, label.has-tip {
    font-weight: 600;
    font-weight: 600;
}

label.has-tip .label-name:after {
    content: '';
    width: 12px;
    height: 12px;
    background: transparent url('../../assets/images/help-tooltip-green.svg') no-repeat 0 0 / 100% auto;
    opacity: 1;
    display: inline-block;
    margin-left: 4px;
    margin-top: 6px;
    vertical-align: top;
}

.has-tip .label-name {
    border-bottom: 1px dashed #ccc;
}

.tooltip {
    border-radius: 4px;
    background: #2d2d2d;
    font-size: 14px;
    font-weight: 600;
    max-width: 400px;
    padding-left: 14px;
}

.tooltip.right:before {
    border-color: transparent #2d2d2d transparent transparent;
}

.tooltip.left:before {
    border-color: transparent transparent transparent #2d2d2d;
}

label span.option-count {
    display: inline-block;
    margin-left: 6px;
    display_: none;
    font-weight: 500;
    opacity: .5;
    display: none;
}

label span.option-count-filtered {
    display: inline-block;
    margin-left: 5px;
    display_: none;
}

.filter-fieldset {
    margin-top: 20px;
    margin-top: 24px;
}

.filter-fieldset strong {
    font-size: 16px;
    /*color: #777;*/
    font-weight: 700;
    font-size: 22px;
    font-size: 18px;
    xcolor: #333;
}

.footer {
    background: #f4f4f4;
    padding-top: 60px;
    padding-top: 46px;
    padding-bottom: 44px;
}

.footer a {
    transition: all .3s;
}

.footer a:hover {
    transition: all 0s;
}

.footer-logo {
    font-size: 28px;
    font-weight: 300;
    line-height: 86px;
    display: inline-block;
}

.footer-cs .medium-3 {
    width: 27%;
}

.footer-cs .medium-9 {
    width: 73%;
}

.cell-footer-cs {
    display: flex;
    align-items: center;
}

.cell-footer-cs .grid-x {
    flex: 1;
    flex: 1 0 auto; /* ie11 */
}

.footer-cs-icon {
    width: 48px;
    opacity: .6;
    width: 60px;
    margin-top: 6px;
    opacity: .15;
}

.footer-logo:hover, .footer-logo:focus {
    color: inherit;
}

.footer-logo img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.cell-social {
    display: flex;
    justify-content: right;
    align-items: center;
}

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

.footer .social a {
    position: relative;
    display: inline-block;
    width: 57px;
    height: 47px;
    padding: 0 5px;
}

.footer .social img {
    width: 48px;
    opacity: .6;
    width: 54px;
    opacity: .4;
    width: 47px;
    opacity: .65;
    margin-left: 1px;
}

.footer .social a .hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 5px;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    transition: all .7s;
    text-align: left;
}

.footer .social a .hover img {
    opacity: 1;
    transition: all .3s;
}

.footer .social a:hover .hover {
    opacity: 1;
    transition: all 0s;
}

.footer-bottom {
    background: #fafafa;
    line-height: 70px;
    line-height: 60px;
    line-height: 53px;
    padding-top: 1px;
    color: #808080;
    font-size: 12px;
    font-weight: 600;
}

.footer-bottom .menu {
    display: inline-flex;
}

.footer-bottom .menu a {
    font-weight: inherit;
    padding: 0;
    margin-left: 20px;
    transition: all .3s;
}

.footer-bottom .menu a:hover {
    transition: all 0s;
}

.row > .grid-container, .row > .grid-container > .grid-x,
.product-finder-bg > .grid-container, .product-finder-bg > .grid-container > .grid-x {
    height: 100%;
}

/* general styles. some to override foundation */

/*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {*/
/*    font-family: Montserrat;*/
/*}*/

/*a {*/
/*    color: #006652;*/
/*    color: #008773;*/
/*    color: #58595b;*/
/*}*/

/* homepage */

.product-finder {
    background: #0ab38a;
    background: linear-gradient(to right, #66d0b6, #afda8e);
    background: linear-gradient(to right, #4dc8aa, #afda8e), transparent url('../../assets/images/home-header-bottom-bg.jpg') no-repeat center center / auto auto;
    background: linear-gradient(to right, #3ec4a3e6, #a2d07fe8), transparent url('../../assets/images/home-header-bottom-bg.jpg') no-repeat center right / auto auto;
    xbackground: linear-gradient(to right, #3ec4a3e6, #a8d586f0), transparent url('../../assets/images/home-header-bottom-bg.jpg') no-repeat center right / auto auto;
    background: transparent url('../../assets/images/home-header-bottom-bg.jpg') no-repeat center right / auto auto;
    height: 340px;
}

.product-finder-bg {
    height: 340px;
    background: linear-gradient(to right, #3ec4a3e6, #a2d07fe8);
    background: linear-gradient(to right, rgba(62, 196, 163, 0.9), rgba(162, 208, 127, 0.9)); /*ie11*/
}

.product-finder .cell {
    position: relative;
}

.product-finder .pre-finder-text {
    text-align: center;
}

.product-finder .pre-finder-text .button,
.product-finder .pre-finder-text .button.white {
    height: auto;
    line-height: auto;
    width: auto;
    white-space: nowrap;
    font-size: 22px;
}

.button.white:hover,
.product-finder .pre-finder-text .button.white:hover {
    background-color: #00B085;
    border-color: #00B085;
    color: #fff;
}

@media screen and (max-width: 1200px) {
    .product-finder .pre-finder-text .button,
    .product-finder .pre-finder-text .button.white {
        font-size: 18px;
    }
}

@media screen and (max-width: 640px) {
    .product-finder .pre-finder-text .button,
    .product-finder .pre-finder-text .button.white {
        display: block;
        padding: 15px 25px;
        font-size: 16px;
        white-space: normal;
    }

    .product-finder .pre-finder-text {
        width: 95%;
        margin: 0 auto;
    }

}

.loading-redirect {
    opacity: 0;
    transition: all .3s;
}

.loading-redirect-no-anim {
    opacity: 0;
}

.product-finder .term {
    border: none;
    border-radius: 50px 0 0 50px;
    height: 100px;
    box-shadow: none;
    font-weight: 600;
    padding-left: 84px;
    xdisplay: none;
    margin-bottom: 0;
    height: 90px;
    font-size: 26px;
    width: 76%;
    display: inline-block;
}

.product-finder .button {
    border: none;
    box-shadow: none;
    margin-bottom: 0;
    height: 90px;
    font-size: 26px;
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
    line-height: 90px;
    font-weight: 700;
    padding: 0;
    background-color: #1B8A6F;
    border-radius: 0 50px 50px 0;
    margin-left: 0;
    width: 24%;
}

.product-finder .term-container {
    position: relative;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.product-finder .term-container:after {
    content: '';
    height: 90px;
    width: 90px;
    opacity: .6;
    position: absolute;
    top: 2px;
    left: 1px;
    background: transparent url('../../assets/images/loupe-dark-green.svg') no-repeat center center / 34px auto;
}

.product-finder form {
    display: flex;
    justify-content: center;
}

.product-finder .term::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #64baa5;
}

.product-finder .term:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #64baa5;
    opacity: 1;
}

.product-finder .term::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #64baa5;
    opacity: 1;
}

.product-finder .term:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #64baa5 !important;
}

.product-finder .term::-ms-input-placeholder { /* Microsoft Edge */
    color: #64baa5 !important;
}

.product-finder .term::placeholder { /* Most modern browsers support this now. */
    color: #64baa5;
    color: rgba(0, 0, 0, .5);
    /*color: #45aa9c;*/
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #777;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #777;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #777;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #777 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #777 !important;
}

::placeholder { /* Most modern browsers support this now. */
    color: #777 !important;
}


.finder-text {
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 24px;
    text-align: center;
    color: #fff;
    margin-top: -30px;
}

/* order builder page */

.order-builder {
    padding-bottom: 60px;
}

/* product page */

.single-product .main-content .row.variants,
.single-ss_product .main-content .row.variants,
.single-product .main-content .row.videos,
.single-ss_product .main-content .row.videos,
.single-product .main-content .row.downloads,
.single-ss_product .main-content .row.downloads {
    padding-top: 50px;
    padding-bottom: 50px;
}

.single-product .main-content .row.overview,
.single-ss_product .main-content .row.overview {
    padding-top: 70px;
    padding-bottom: 60px;
}

.single-product .main-content .row.breadcrumbs,
.single-ss_product .main-content .row.breadcrumbs {
    padding-bottom: 0;
}


.single-product .xzoom,
.single-ss_product .xzoom {
    box-shadow: none;
    width: 80%;
}

.single-product .xzoom-thumbs,
.single-ss_product .xzoom-thumbs {
    width: 468px;
    margin-top: 40px;
    margin-bottom: 0;
}

.xzoom-thumbs.one-thumb {
    display: none;
}


.single-product .single-product .xzoom-thumbs {
    display: inline-block;
}

.single-product .xzoom-gallery,
.single-ss_product .xzoom-gallery {
    border: 2px solid #c2c4c5;
}

.single-product .xactive,
.single-ss_product .xactive {
    box-shadow: none;
    border-color: #00B085;
}

.single-product .xzoom-preview,
.single-ss_product .xzoom-preview {
    background: #2f4f4f;
    box-shadow: none;
    border: 2px solid #666;
    margin-top: 3px;
}

.single-product .xzoom-lens,
.single-ss_product .xzoom-lens {
    cursor: crosshair;
    border: 2px solid #00B085;
    box-shadow: none;
    border-radius: 0;
}

.single-product .xzoom-loading,
.single-ss_product .xzoom-loading {
    background: url('../../js/samples-js/xzoom/xloading.gif');
}

.single-product h1,
.single-ss_product h1 {
    font-weight: 700;
    font-size: 42px;
    letter-spacing: -0.02em;
    max-width: 80%; /* attempt to wrap long titles nicely. adjust in future if looks bad. */
    margin-bottom: 0;
}

.single-product .tags,
.single-ss_product .tags {
    margin-top: 10px;
    margin-left: -10px;
}

.single-product .tags span,
.single-ss_product .tags span {
    padding: 0 12px;
    line-height: 33px;
    font-weight: 600;
    margin-left: 10px;
    margin-top: 10px;
}

.single-product .long-description,
.single-ss_product .long-description {
    margin-top: 30px;
}

.single-product .long-description p,
.single-ss_product .long-description p {
    line-height: 1.5;
}

.single-product .long-description a,
.single-ss_product .long-description a {
    color: #009F75;
    transition: all .3s;
}

.single-product .long-description a:hover,
.single-ss_product .long-description a:hover {
    color: #03735E;
    transition: all 0s;
}

.variants {
    background: #ebebeb;
}

.hide-size .col-size,
.hide-plateau_size .col-plateau_size,
.hide-volume .col-volume,
.hide-circumference .col-circumference,
.hide-colour .col-colour,
.hide-width .col-width {
    display: none;
}

.col-size, .col-plateau_size, .col-volume, .col-circumference, .col-colour, .col-width, .col-pack_size {
    text-align: center;
}

.col-size, .col-colour, .col-circumference {
    display: none; /* hidden at client's request */
}

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

.variants .grid-x > .small-2,
.variants .grid-x > .large-2 {
    width: 12%;
}

.variants .grid-x .col-code {
    width: 12%;
}


.variants .grid-x > .small-5 {
    width: 51%;
}

.variants h2 {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 2.25rem;
    margin-top: 50px;
}

.downloads {
    /**/
}

.downloads h2 {
    font-weight: 700;
}

.downloads a {
    display: block;
    line-height: 80px;
}

.downloads a + a {

}

.downloads .filesize {
    color: #bbb;
}

.downloads .icon {
    width: 51px;
    margin-right: 20px;
}

.single-product .main-content .row.videos,
.single-ss_product .main-content .row.videos {
    background: #ebebeb;
    padding-bottom: 60px;
}

.single-product .main-content .row.videos.light-videos,
.single-ss_product .main-content .row.videos.light-videos {
    /* if there are no downloads, make videos row white */
    background: #fff;
}

.videos h2 {
    font-weight: 700;
}

.videos h4 {
    font-size: 1rem;
    font-weight: 500;
    color: #fff !important;
}

.videos .video {
    position: relative;
    display: inline-block;
}

.videos .video .thumb {
    position: relative;
    display: inline-block;
}

.videos .video img {
    width: 100%; /* ie11 */
}

.videos .video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4) url('../../assets/images/video-play2.svg') no-repeat center / 149px auto;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: all .3s;
}

.videos .video:hover, .videos .video:focus {
    color: inherit;
}

.videos .video:hover .overlay {
    background-color: rgba(0, 0, 0, .6);
    background-size: 180px auto;
}

.single-product .mfp-iframe-holder .mfp-content,
.single-ss_product .mfp-iframe-holder .mfp-content {
    max-width: 1200px;
    width: 90%;
}

.single-product .mfp-close-btn-in .mfp-close,
.single-ss_product .mfp-close-btn-in .mfp-close {
    color: #fff;
    font-size: 4.5rem;
    font-weight: 300;
    right: 0px;
    top: -50px;
    opacity: 1;
}

/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.single-product .mfp-iframe-scaler,
.single-ss_product .mfp-iframe-scaler {
    padding-top: 53.75%;
}

.no-outline {
    outline: none;
}

.no-outline:focus {
    outline: none !important;
    box-shadow: none;
}

.no-outline:-moz-focusring {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important;
}


/* product page cart */

body .variants .variant.expanded {
    border-left: 5px solid #00B0852B;
    width: 100%;
    margin: 0 auto;
}

.variant .order.added {
    background-color: #34585E;
}

.product-cart {
    max-height: 250px;
    overflow: hidden;
    transition: all .3s;
    padding: 0;
    position: relative;
}

.product-cart.off {
    max-height: 0;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.product-cart .close {
    background: #5abf9e;
    /*display: inline-block;*/
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 100%;
    text-align: center;
    font-size: 35px;
    font-weight: 500;
    border: 1px solid #008F74;
    color: #008F74;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-cart .close:hover {
    border-color: #e65e5e;
    color: #e65e5e;
    transition: all 0s;
}

.product-cart .instruction {
    font-weight: 600;
}

.product-cart .instruction.tier-2 {
    border-top: 1px solid rgba(0, 0, 0, .12);
    padding-top: 1rem;
    margin-top: 5px;
}

.product-cart-add-buttons {
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

}

.product-cart-add-buttons .button {
    border-radius: 50px;
    margin-right: 10px;
    transition: all .3s;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.product-cart-add-buttons.tier-2 .button {
    border-color: #008F74;
    color: #008F74;
}

.product-cart-add-buttons.tier-2 .button:hover {
    border-color: #005948;
    color: #005948;
    transition: all 0s;
}

/* autocomplete */

.ui-autocomplete {
    background: #fff;
    border: 1px solid #ccc;
    z-index: 200;
}

.ui-autocomplete .ui-state-highlight {
    font-weight: 700;
}

/* cart misc */

body.page-id-71 {
    background: #ebebeb;
}

.page-id-71 .sticky-wrap {
    background: #ebebeb;
}

.box {
    border-radius: 4px;
    background: #fff;
    border: none;
}

.box + .box {
    margin-top: 40px;
}

.box .box-header {
    background: #4a4a4a;
    color: #fff;
    padding: 0 30px;
    line-height: 70px;
    font-size: 16px;
    border-radius: 2px 2px 0 0;
    font-weight: 700;
}

.new-box-notice {
    padding: 10px;
    padding-right: 40px;
    margin: 30px;
    margin-bottom: 00px;
    border: 1px solid #cc413a;
    font-size: 14px;
    color: #cc413a;
    border-radius: 6px;
    position: relative;
}

.new-box-notice .close-notice {
    position: absolute;
    right: 10px;
    top: 3px;
    font-size: 34px;
    line-height: 34px;
    color: #cc413a;
}

.new-box-notice .close-notice:hover {
    color: #5e130f;
}

.cart-errors {
    background: #cc413a;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
    transition: all .3s;
    max-height: 0;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
    border: none;
}

.cart-errors.on {
    margin-bottom: 40px;
    max-height: 100px;
    padding: 20px;
    border: 1px solid #cc413a;
}

.box.error .box-header {
    color: #fff;
    background: #c45a3a;
}

.box .box-full-badge {
    display: none;
    transition: all .5s;
}

.box.box-full .box-full-badge {
    display: inline-block;
}

.box.box-full-pulse .box-full-badge {
    color: red;
    transition: all 0s;
}

.box .column-headings {
    color: #00A47C;
    margin: 0 30px;
    font-weight: 600;
    padding-top: 14px;
    line-height: 40px;
    font-size: 14px;
    border-bottom: 1px dashed #4a4a4a;
}

.box .items {
    /*padding: 20px;
    padding-top: 0;
    padding-bottom: 10px;*/
}

.box .items .product {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 14px;
    margin: 0 30px;
    line-height: 1.4;
    padding: 10px 0;
}

.box .column-headings, .box .items .product {
    border-bottom: 1px solid #dedede;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.product .cell + .cell, .column-headings .cell + .cell {
    /*border-left: 1px solid #ebebeb;
    padding-left: 20px;*/
}

.box label {
    color: #999;
}

.box-name {
    background: #585858;
    border: none;
    box-shadow: none;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    margin: 0 0 0 10px;
    padding: 0;
    text-indent: 10px;
    width: 30%;
}

.box-row-add-product {
    padding: 30px;
    /*border-top: 1px solid #ebebeb;*/
    background: white;
    /*background: #f8f8f8;*/
    border-radius: 0 0 2px 2px;
    border-top: none !important;
}

.box-row-add-product label {
    display: inline-block;
}

.product .code {
    font-weight: 600;
}

.box .term {
    display: inline-block;
    margin-bottom: 0;
    box-shadow: none;
    height: 36px;
    margin-right: 0;
    background: #ebebeb;
    border: none;
    border-radius: 4px 0 0 4px;
    padding-left: 0;
    text-indent: 34px;
    font-weight: 500;
    font-size: 14px !important;
    position: relative;
    width: 300px;
    /*background: #c8f2e0;
    font-weight: 600;*/
}

.box.box-full .term {
    cursor: default;
}

.term-container {
    position: relative;
}

.box .term-container:after {
    content: '';
    width: 12px;
    height: 12px;
    background: transparent url('../../assets/images/loupe-black.svg') no-repeat 0 0 / 12px auto;
    opacity: 0.25;
    position: absolute;
    top: 12px;
    left: 12px;
}

.box .loupe {
    opacity: 0.35;
    margin-right: -26px;
    width: 14px;
    margin-left: 6px;
}

.box-row-add-product .button, .box-header .button {
    margin-bottom: 0;
    border-radius: 0 4px 4px 0;
    vertical-align: top;
    height: 36px;
    line-height: 36px;
    padding-top: 0;
    padding-bottom: 0;
}

.boxes .delete-box {
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    height: 36px;
    width: 36px;
    /*border: 2px solid #fff;*/
    font-size: 36px;
    line-height: 32px;
    font-weight: 500;
    vertical-align: top;
    margin-top: 17px;
    padding-left: 1px;
    margin-right: -8px;
}

.boxes .delete-box:hover {
    color: #e65e5e;
    border-color: #e65e5e;
    transition: all 0s;
}

.boxes .error .delete-box:hover {
    color: #5c0f0f;
    border-color: #5c0f0f;
}

.button .plus {
    font-size: 200%;
    font-weight: 500;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
    margin-right: 5px;
    margin-left: -5px;
    line-height: 8px;
}


.button.cart-nav-button {
    border-radius: 50px;
    padding: 18px 30px;
    font-weight: 700;
    font-size: 18px;

}

.button.cart-nav-prev {
    border-radius: 50px 16px 16px 50px;
    padding-left: 27px;
}

.button.cart-nav-prev .arrow {
    margin-right: 4px;
}

.button.cart-nav-next {
    border-radius: 16px 50px 50px 16px;
    padding-right: 27px;
}

.button.cart-nav-next .arrow {
    margin-left: 4px;
}


.arrow {
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
}

.arrow.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.arrow.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrow.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.boxes .delete-item {
    /*display: inline-block;
    height: 20px;
    width: 20px;
    border: 2px solid #bbb;
    color: #bbb;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    line-height: 16px;
    vertical-align: top;
    margin-top: 10px;*/
    /*height: 36px;
    width: 36px;
    line-height: 30px;*/

    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    text-align: center;
    vertical-align: top;
    width: 20px;

    padding-left: 1px;
    font-size: 22px;
    background: #b5b5b5;
    transition: all .3s;
}

.boxes .delete-item:hover {
    background: #e65e5e;
    transition: all 0s;
}

.box-label-row {
    padding: 20px 30px;
    border-top: 1px solid #ebebeb;
    border-top: 1px solid rgba(0, 0, 0, .10);
    font-size: 14px;
    line-height: 38px;
    color: #00A47C;
    font-weight: 600;
}

.box-label-row .medium-2 {
    max-width: 12%;
}

.box-label-row .medium-10 {
    width: 88%;
}

.receipt .box-label-row .medium-10 {
    width: 86%;
}

.box .box-patient-name {
    font-size: 14px;
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 0;
    font-weight: 500;
    min-height: 30px;
    background: #ebebeb;
    border: none;
    padding-left: 13px;
}

.box textarea {
    font-size: 14px;
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 0;
    font-weight: 500;
    min-height: 30px;
    height: 58px;
    background: #ebebeb;
    border: none;
    padding-left: 13px;
}

.button {
    background: #00B085;
    border-radius: 4px;
    font-weight: 600;
}

.add-box-buttons {
    margin-top: 40px;
    margin-bottom: 44px;
}

.add-box-buttons .add-label {
    font-weight: 600;
    margin-right: 18px;
    display: inline-block;
    line-height: 52px;
    vertical-align: top;
}

.add-box-buttons .button {
    border-radius: 50px;
    line-height: 50px;
    font-weight: 700;
    padding: 0 20px;
    margin-bottom: 0;
}

.add-box-buttons .button + .button {
    margin-left: 20px;
}

.add-instruction {
    padding-left: 0;
    padding-top: 10px;
    line-height: 1.6;
    color: #888;
    font-size: 13px;
    width: 90%;
    display: block;
}

.empty-cart-message {
    text-align: center;
    display: none;
}

.cart-actions {
    margin-top: 40px;
    display: none;
}

.empty-cart .cart-actions {
    display: none;
}

.empty-cart .box {
    display: none;
}

.cart-actions.on {
    display: block;
}

.empty-cart .empty-cart-message {
    display: block;
}

.cart-actions .button + .button {
    margin-left: 30px;
}

.box .empty-box {
    color: #999;
    padding-top: 30px;
    padding-left: 30px;
}

.box-full .box-row-add-product {
    opacity: .3;
}

.box .items .col-code {
    width: 12%;
}

.box .items .item-no-longer-available {
    color: #cc413a;
    font-weight: 600;
}

.col-quantity input[type=number] {
    box-shadow: none;
    width: 30px;
    padding: 0;
    text-align: center;
    height: 25px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    display: inline-block;
    margin-top: -3px;
    margin-bottom: -3px;
    border: 1px solid;
    background-color: #f1f1f1;
}

/* hide number arrows */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

/* /hide number arrows */

.col-quantity {
    display: flex;
}

.col-quantity label {
    display: inline-block;
    margin-left: 14px;
    color: inherit;
    font-weight: 500;
    line-height: inherit; /* dont remove */
}

.limited-units {
    margin-left: 6px;
    /* font-size: 12px; */
}

.box .items .col-remove {
    width: 3%;
    text-align: right;
}

.box .items .col-remove input {
    margin: 0;
}

.product .cell {
    align-items: center;
}

.box-empty .column-headings {
    display: none;
}

/* order progress */

.order-progress {
    position: relative;
    height: 24px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.order-progress .trail {
    border-bottom: 2px dotted #4F82DE;
    z-index: 1;
    position: absolute;
    top: 50%;
    width: 50%;
    left: 25%;
    margin-top: -1px;
    display: none;
}

.order-progress .trail-incomplete {
    border-bottom: 2px dotted #9fe6d9;
    border-bottom: 2px dotted #ccc;
    z-index: 1;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 30%;
    left: 35%;
}

.order-progress .step {
    background: #ccc;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    line-height: 24px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
    margin-left: -60px;
    z-index: 1;
    font-size: 12px;
    font-weight: 700;
}

.order-progress .step-1 {
    left: 35%;
}

.order-progress .step-2 {
    left: 50%;
}

.order-progress .step-3 {
    left: 65%;
}

.order-progress.progress-1 .step-1,
.order-progress.progress-2 .step-2,
.order-progress.progress-3 .step-3 {
    background: #4a4a4a;
}

.order-info {
    background-color: #dbf0f7;
    padding: 1rem;
    margin: 10px 0px;
    border-radius: 5px;
    font-size: 17px;
}

.product-grid .product {
    margin-bottom: 0px;
    overflow: hidden;
    transition: all .3s;
}

.product-grid .product.filtered {
    display: none;
    transform: scale(0);
    width: 0;
    height: 0;
}

.product-grid .product a {
    border-radius: 0;
    position: relative;
    padding: 40px 0px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 2px solid rgba(0, 0, 0, .05);
}

.product .button {
    border-radius: 50px;
    margin-top: 10px;
    border: 1px solid #00B085;
    color: #00B085;
    background: #fff;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 14px;
    z-index: 10;
    max-width: 160px;
}

.product:hover .button {
    background: #00B085;
    color: #fff;
    transition: all 0s;
    position: relative;
}

.product-grid .product a:hover {
    background: #eee;
    color: inherit;
}

.product .overlay {
    background: #22936391;
    mix-blend-mode: color;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: 0;
    border-radius: 6px;
    transition: all .5s;
}

.product:hover .overlay {
    opacity: 1;
    transition: all 0s;
    border: 1px solid #39b761;
}

.product-grid .product .thumb img {

    width: 260px;
    display: inline-block;
    margin-bottom: 20px;
    transition: all .5s;
}

.product:hover .thumb img {
    transform: scale(1.15);
    opacity: .75;
    transition: transform .1s, opacity .1s;
}

.product-grid .product .name {
    font-weight: 700;
    display: inline-block;
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, .5);
    transition: all .5s;
    font-size: 18px;
    color: #333;
}

.product-grid .product:hover .name {
    transition: all 0s;
}

.product .short-description {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    margin-top: 5px;
    color: #888;
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, .5);
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    flex: 2 0 auto; /* ie 11 */
}

.product:hover .short-description {
    color: #888;
}

.sidebar .disabled {
    color: #ccc;
}

.sidebar .disabled .label-name:after {
    opacity: .25;
}

.has-tip {
    font-weight: 500;
    border: none;
    display: block;
    cursor: default;
}

.products-wizard {
    padding: 10px 0 70px;
}

.products-wizard .grid-container {
    /*border-top: 2px solid #eee;
    padding-top: 20px;
    margin-top: 60px;*/
}

.products-wizard h2 {
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: 32px;
}


.products-wizard .cell {

}

.products-wizard a {
    display: inline-block;
    color: #fff;
    line-height: 220px;
    width: 100%;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    background: #30af90;
    transition: all .2s;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.products-wizard a:hover {
    background: #249076;
    transition: all 0s;
}

.products-wizard a.one-piece-pouches {
    background: transparent url('/wp-content/uploads/product-wizard-bg-stoma-1-piece-pouches.jpg') no-repeat center center / 400px auto;
}

.products-wizard a.two-piece-pouches {
    background: transparent url('/wp-content/uploads/product-wizard-bg-stoma-2-piece-pouches.jpg') no-repeat center center / 400px auto;
}

.products-wizard a.stoma-accessories {
    background: transparent url('/wp-content/uploads/product-wizard-bg-stoma-accessories.jpg') no-repeat center center / 400px auto;
}

.products-wizard a.stoma-seals {
    background: transparent url('https://www.omnigon.com.au/wp-content/uploads/product-bg-seals.jpg') no-repeat center center / 400px auto;
}

.products-wizard a.stoma-barriers {
    background: transparent url('https://www.omnigon.com.au/wp-content/uploads/product-bg-barrier.jpg') no-repeat center center / 400px auto;
}

.products-wizard a.stoma-other {
    background: transparent url('https://www.omnigon.com.au/wp-content/uploads/product-bg-other.jpg') no-repeat center center / 400px auto;
}

.products-wizard a.wound-pouches {
    background: transparent url('/wp-content/uploads/product-wizard-bg-wound-pouches.jpg') no-repeat center center / 400px auto;
}

.products-wizard a.wound-accessories {
    background: transparent url('/wp-content/uploads/product-wizard-bg-wound-accessories.jpg') no-repeat center center / 400px auto;
}

.products-wizard a.belts-waistbands {
    background: transparent url('/wp-content/uploads/product-wizard-bg-support-garments-belts-waistbands.jpg') no-repeat center center / 400px auto;
}

.products-wizard a.pants {
    background: transparent url('/wp-content/uploads/product-wizard-bg-support-garments-pants.jpg') no-repeat center center / 400px auto;
}

.products-wizard a:hover {
    background-size: 500px auto;
}

.products-wizard .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #30af90c2;
    /*background: linear-gradient(to right, #3ec4a3e6, #a8d586f0);*/
    /*background: linear-gradient(to right, #2ebb98b8, #8ec663b8);*/
    /*background: linear-gradient(to right, #001a31c4, #379d93d9);*/
    /*background: linear-gradient(to right, #002a31c4, #2b8f84d9);*/
    background: linear-gradient(to right, rgba(0, 42, 49, 0.8), rgba(43, 143, 132, 0.9));
    z-index: 2;
}

.products-wizard .button {
    background: transparent;
    border: 2px solid rgba(112, 208, 199, 0.42);
    border-radius: 50px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding: 20px 30px;
    margin: 0;
    position: relative;
    z-index: 3;
}

.products-wizard a:hover .button {
    background: #4dc8aa;
    border-color: #4dc8aa;
    transition: all 0s;
}

/* product page */

.variants .tip {
    border-bottom: 2px solid #00000030;
    text-align: center;
    border-bottom: 2px solid #00000030;
    font-size: 18px;
    color: #fff;
    padding: 20px 20px;
    border-radius: 50px;
    border-bottom: 0;
    margin: 0 -20px;
    background: #6b45bd;
}

.variants .tip .hand {
    opacity: 1;
    vertical-align: top;
    width: 26px;
    margin-right: 12px;
}

.variants .call-to-order-message {
    text-align: center;
    border-bottom: 2px solid #00000030;
    padding: 10px 10px;
    border-radius: 50px;
    border-bottom: 0;
    margin: 0 -20px;

    margin-bottom: 30px;
    font-weight: 600;
    background: none;
    font-size: 16px;
    line-height: 44px;
    background: #cc550d;
    color: #fff;
}

.variants .call-to-order-message a {
    color: #009F75;
    font-weight: 700;
    transition: all .3s;
    color: #fff;
    text-decoration: underline;
}

.call-to-order-message a:hover {
    color: #713a09;
    transition: all 0s;
}

.call-to-order-message .phone {
    margin-right: 12px;
    vertical-align: top;
    opacity: 1;
    margin-top: 5px;
    height: 34px;
}

/*div {
  background: red;
  width: 98px; height: 98px;
}*/
@keyframes createBox {
    50% {
        transform: scale(1.25);
    }
}


.variants .column-headings {
    color: #009F75;
    font-weight: 600;
    padding-top: 14px;
    line-height: 40px;
    font-size: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.variants .variant {
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    line-height: 50px;
    font-size: 16px;
    margin-top: -1px;
    transition: background 0s, border-color 0s;
    padding-left: 10px;
}

/*.variants .variant:nth-child(2n) {
    background: #fefefe;
}*/
.variants .variant.add-gap {
    margin-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.variants .variant:hover, .variants .variant.expanded {
    background: #d3e5e1;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 28px;
    /*border: 1px solid #d3e5e1;*/
    transition: background 0s, border-color 0s;
    cursor: default;
}

.variants .variant.no-order:hover {
    background: none;
    cursor: default;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.variants .code {
    font-weight: 600;
    font-size: 13px;
}

.variants .footnotes {
    margin-top: 40px;
    font-size: 12px;
}

.single-product a.order,
.single-ss_product a.order {
    background: #00B085 url('../../assets/images/cart-white.svg') no-repeat 5px 50% / 17px 50px; /* ie11 */
    padding: 8px 18px;
    padding-left: 30px;
    line-height: 20px;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    transition: all .3s;
}


.single-product .no-transitions a.order,
.single-ss_product .no-transitions a.order {
    transition: all 0s;
}

.single-product .variant:hover a.order, .single-product .expanded a.order,
.single-ss_product .variant:hover a.order, .single-ss_product .expanded a.order {
    background-color: #03735E;
    transition: all 0s;
}

.single-product .call-to-order,
.single-ss_product .call-to-order {
    text-align: center;
    display: inline-block;
    width: auto;
    font-weight: 600;
    font-size: 15px;
    line-height: 32px;
    border-radius: 50px;
}

.single-product .call-to-order:hover,
.single-ss_product .call-to-order:hover {
    cursor: default;
    background: rgba(0, 0, 0, .08);
}

.single-product .call-to-order:after,
.single-ss_product .call-to-order:after {
    content: '';
    width: 16px;
    height: 16px;
    background: transparent url('../../assets/images/help-tooltip-orange.svg') no-repeat 0 0 / 100% auto;
    opacity: 1;
    display: inline-block;
    margin-left: 8px;
    margin-top: 8px;
}

.single-product .mfp-content,
.single-ss_product .mfp-content {
    max-width: 740px;
    border-radius: 6px;
}


span.call-to-order.has-tip::before {
    content: attr(title);
    background-color: #000000e6;
    color: #fff;
    border-radius: 3px;
    display: none;
    position: absolute;
    width: 300px;
    right: 30px;
    padding: 10px;
    top: 30px;
    z-index: 2;
}

span.call-to-order.has-tip:hover::before {
    display: block;
}

span.call-to-order.has-tip {
    position: relative;
}

.popup-login {
    text-align: center;
    display: none;
}

.mfp-content .popup-login {
    display: block;
}

.popup-login h2 {
    font-weight: 700;
    font-size: 28px;
    color: rgba(0, 176, 133);
    margin-bottom: 18px;
}

.popup-login p {
    margin-bottom: 34px;
    margin-top: 0;
    font-size: 15px;
}

.popup-login h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
}

.popup-login a {
    line-height: 100px;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    border-radius: 3px;
    margin-bottom: 0;
}

.dump {
    max-height: 400px;
    overflow-y: scroll;
    font-size: 12px;
    line-height: 1;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    padding: 20px;
    margin: 20px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -html-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version */
}

.ui-autocomplete {
    min-height: 200px;
    overflow-y: auto;
    display: block;
    padding: 16px 0;
    width: 1000px;
    min-width: 1120px;
}

.page-id-71 .ui-autocomplete {
    min-width: 70%;
}

.ui-autocomplete .ui-state-disabled {
    opacity: .5;
    cursor: default;
}

.ui-helper-hidden-accessible {
    display: none;
}

.ui-menu-item {
    list-style-type: none;
    padding: 0 20px;
    line-height: 38px;
    font-size: 14px;
    cursor: pointer;
    color: #333;
}

.ui-menu-item:nth-child(even) {
    background: rgba(0, 0, 0, .04);
}

.ui-state-focus {
    background: #C2EED5;
}

.term-container {
    position: relative;
}

.ui-autocomplete-loading_:after,
.term-container.loading .loading-anim {
    /*text field :after doesnt work in firefox and prolly other browsers, prolly for security reasons, so don't bother. need container for :after*/
    background: url('../../assets/images/ajax-loader.gif') no-repeat right center;
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    bottom: -30px;
    left: 0;
}

.order-builder select {
    width: auto;
}

.special-instructions-container {
    border-top: 1px solid #eee;
    padding: 20px;
}

.sup {
    font-size: 60%;
    vertical-align: super;
    font-weight: 800;
}

.single-product .brand-logo,
.single-ss_product .brand-logo {
    height: 30px;
    margin-bottom: 20px;
}

.single-product .brand-logo.bbraun,
.single-ss_product .brand-logo.bbraun {
    height: 35px;
}

.single-product .brand-logo.eakin,
.single-ss_product .brand-logo.eakin {
    height: 42px;
}

.single-product .brand-logo.welland,
.single-ss_product .brand-logo.welland {
    height: 97px;
}

.single-product .brand-logo.omnigon,
.single-ss_product .brand-logo.omnigon {
    height: 59px;
}


.single-product .product-photo,
.single-ss_product .product-photo {
    width: 80%;
}

.cell-photos {
    position: relative;
}

.try-a-sample {
    background: transparent url('../../assets/images/hexagon-green-90.svg') no-repeat 0 0 / 100% auto;
    color: #fff;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 166px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    flex-direction: column;
    transition: all .3s;
    z-index: 2;
    display: none;
}

.try-a-sample .inner {
    transition: all .3s;
}

.try-a-sample:hover, .try-a-sample:active, .try-a-sample:focus {
    color: #fff;
}

.try-a-sample:hover {
    transform: scale(1.4);
}

.try-a-sample:hover .inner {
    transform: scale(.9);
}

.try-a-sample span span {
    font-weight: 600;
    display: inline-block;
    margin-top: 2px;
    font-size: 30px;
}

/* frm login form */

.frm_forms.frm_style_formidable-style.with_frm_style.frm_login_form,
#loginform-0,
#frm-reset-password-0 {
    /*display: flex;
    justify-content: center;*/
}

#loginform-0 > form {
    /*
    max-width: 300px;
    flex: 1;
    flex: 1 0 auto; */ /* ie11 */

    max-width: 300px;
    margin: 0 auto;
}

#frm-reset-password-0 > form {
    /* max-width: 500px;
    flex: 1;
    flex: 1 0 auto; */ /* ie11 */

    max-width: 500px;
    margin: 0 auto;
}


#loginform-0 .frm_submit, #loginform-0 .frm_checkbox,
#frm-reset-password-0 .frm_submit {
    text-align: center;
}

#loginform-0 input[type=submit],
#frm-reset-password-0 input[type=submit] {
    background: #00b085;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 10px 15px;
    font-weight: 700;
    min-width: 140px;
    margin-top: 10px;
}

.login-page {
    text-align: center;
    padding-bottom: 60px;
}

.lock {
    height: 200px;
    background: transparent url('../../assets/images/lock.svg') no-repeat center / 152px 230px; /* ie11 */
    margin: 60px 0 30px;
    opacity: .1;
}

.login-links {
    margin-top: 30px;
}

.login-links a {
    display: inline-block;
}

.login-links a + a {
    margin-left: 30px;
}

/* formidable login bugfix - remember me box is after submit button with no option to change it. silly. */

.frm_form_fields > fieldset {
    /*display: flex;
    flex-direction: column;*/
}

.frm_login_form .login-username {
    order: 1;
}

.frm_login_form .login-password {
    order: 2;
}

.frm_login_form .frm_submit {
    margin-top: 70px;
    position: relative;
    z-index: 2;
}

.frm_login_form .login-remember {
    margin-top: -90px;
    padding-bottom: 50px;
}

#form_customer-registration .frm_submit {
    text-align: center;
}

#form_customer-registration .frm_submit button {
    background: #00b085;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 15px 24px;
    font-weight: 700;
    min-width: 140px;
    margin-top: 10px;
    transition: all .3s;
}

#form_customer-registration .frm_submit button:hover {
    background-color: #03735E;
}

/* end formidable login bugfix */

/* forgot password page */

.forgot-password-page {
    text-align: center;
    padding: 60px 0;
}

.forgot-password-page .instruction {
    margin-bottom: 40px;
}

.forgot-password-page .frm_description, .forgot-password-page .frm_required {
    display: none;
}


/* skinned checkboxes. remove if clients with old browsers ever experience difficulty. */

.skinned .filter-fieldset label,
.skinned-checkbox,
.skinned-radio {
    position: relative;
    background: rgba(0, 0, 0, .1);
    border-radius: 50px;
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 15px;
    padding-left: 41px;
    line-height: 1.8;
}

.skinned-radio.radio-checked {
    background-color: #00B085;
    color: #fff !important;
}

.skinned-radio.radio-checked .green-radio {
    background-color: #4a4a4a !important;
}

.box .skinned-checkbox,
.skinned-radio {
    margin: 0;
    margin-top: -2px;
}

.deliver-to-row .skinned-radio {
    margin-top: 0;
}

.checkout .deliver-to-row label {
    margin-right: 20px;
}

.skinned-radio {
    padding-left: 26px;
    left: 0;
}


.box .skinned-radio .green-radio {
    margin-top: -2px;
    left: 0;
}

.deliver-to-row .skinned-radio .green-radio {
    margin-top: 0;
}


.skinned .filter-fieldset label:hover /*,
.skinned-checkbox:hover,
.skinned-radio:hover*/
{
    background: rgba(0, 0, 0, .08);
}

.skinned .filter-fieldset label.disabled:hover,
.skinned-checkbox.disabled:hover,
.skinned-radio.disabled:hover {
    background: none;
}

.skinned .filter-fieldset label input[type=checkbox],
.skinned-checkbox input,
.skinned-radio input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.skinned .filter-fieldset label .green-checkbox,
.skinned-checkbox .green-checkbox,
.skinned-radio .green-radio {
    position: absolute;
    top: 3px;
    left: 15px;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 2px;
}

.skinned-radio .green-radio {
    border-radius: 50%;
}

.skinned .filter-fieldset label input:checked ~ .green-checkbox,
.skinned-checkbox input:checked ~ .green-checkbox,
.skinned-radio input:checked ~ .green-radio {
    background: #17ae89;
    border: 1px solid transparent;
}

/* Disabled state */
.skinned .filter-fieldset label input:disabled ~ .green-checkbox,
.skinned-checkbox input:disabled ~ .green-checkbox,
.skinned-radio input:disabled ~ .green-radio {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6;
}

/* Check mark */
.green-checkbox:after {
    position: absolute;
    display: none;
    content: '';
}

/* Show check mark */
.skinned .filter-fieldset label input:checked ~ .green-checkbox:after,
.skinned-checkbox input:checked ~ .green-checkbox:after,
.skinned-radio input:checked ~ .green-radio:after {
    display: block;
}

/* Checkbox tick */
.green-checkbox:after {
    /*top: 4px;
    left: 8px;
    width: 3px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;*/
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 3px 3px 0;
    top: 1px;
    left: 6px;
    width: 6px;
    height: 10px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;
    top: 1px;
    left: 5px;
    content: '';
}

/* Disabled tick colour */
.skinned .filter-fieldset label input:disabled ~ .green-checkbox:after,
.skinned-checkbox input:disabled ~ .green-checkbox:after {
    border-color: #7b7b7b;
}

/* radio tick */

/* Radio button inner circle */
.skinned-radio .green-radio:after {
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    content: '';
    position: absolute;
}

/* Disabled circle colour */
.skinned-radio input:disabled ~ .green-radio:after {
    background: #7b7b7b;
}


/* end skinned checkboxes */

.xcontrol-group {
    display: inline-block;
    width: 200px;
    height: 210px;
    margin: 10px;
    padding: 30px;
    text-align: left;
    vertical-align: top;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.control {
    position: relative;
    padding-left: 30px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #0003;
    border-radius: 3px;
}


/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}

/* Checked state */
.control input:checked ~ .control__indicator {
    background: #00b085;
    border: 1px solid transparent;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #00b085;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
    display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
    /*top: 4px;
    left: 8px;
    width: 3px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;*/
    width: 7px;
    height: 13px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 3px 3px 0;
    top: 1px;
    left: 6px;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

/* my orders page */

.no-orders {
    text-align: center;
    margin-top: 140px;
}

.no-orders .button {
    margin-top: 30px;
}

.orders-page {
    padding-top: 60px;
    padding-bottom: 60px;
}

.orders-page .orders-headings {
    color: #00B085;
    font-weight: 700;
}

.orders-page .order-row {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 10px;
    margin-top: 10px;
}

.orders-page .order-no {
    font-weight: 700;
}

.orders-page .button {
    margin-bottom: 0;
}

/* single order page */

.single-orders .order {
    padding-bottom: 60px;
}

.order-thank-you {
    padding: 80px 40px 64px;
    font-size: 16px;
    background: #DAFFEE;
    background: #DDFFE1;
}

.order-thank-you h2 {
    font-size: 50px;
    font-weight: 700;
    margin-top: 0;
}

.order-nav {
    margin-top: 40px;
}

.order-nav-dropdown {
    border-radius: 4px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0;
}

.order-nav .button {
    margin-bottom: 0;
}

.order-receipt {
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, .1);
    min-height: 800px;
    margin-top: 40px;
}

.receipt h2 {
    font-size: 30px;
    font-weight: 700;
}

/* create account page */

.expanded-account-type {

}

.expanded-account-type .button-group {
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.expanded-account-type .button {
    width: 50%;
    font-size: 20px;
    padding: 30px;
    background: #ededed;
    color: inherit;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 30px;
}

.expanded-account-type .button:hover {
    background: #bbb;
}

.expanded-account-type .button-group input {
    display: none;
}

.expanded-account-type .button-group input:checked + label,
.expanded-account-type .button-group input:checked + label:active {
    background-color: #00b085;
    color: #fff;
}

.page-id-90 #frm_field_62_container {
    display: none;
}

#frm_form_2_container #frm_field_74_container {
    display: none;
}

#frm_form_2_container {
    display: none;
}

#frm_form_2_container {
    max-width: 600px;
    margin: 0 auto;
}

#frm_form_2_container .frm_hidden_container .frm_primary_label {
    visibility: visible;
}

/* welcome page */

.welcome-page {
    padding: 60px 0;
}

.welcome-page h1 {
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 30px;
}

.welcome-pro {
    margin-top: 50px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 30px 0;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.welcome-page h2 {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 28px;
}

.welcome-page .recommended {
    color: #00B085;
}

.welcome-page .stopwatch {
    background: transparent url('../../assets/images/welcome-speed.svg') no-repeat 50% 0 / 150px 90px; /* ie11 */
    height: 118px;
    opacity: .2;
}

.welcome-page p {
    margin-bottom: 40px;
}

.welcome-page .welcome-pro p {
    margin-bottom: 24px;
}


/* account details page */

.page-my-details {
    padding: 60px 0;
}

.page-my-details .instruction a {
    color: #00A47C;
}

.page-my-details .instruction a:hover {
    color: #03735E;
}

#frm_form_4_container {
    margin: 0 auto;
    max-width: 700px;
}

.page-my-details .instruction {
    font-size: 14px;
}

#form_account-settings .frm_submit {
    text-align: center;
}

#form_account-settings .frm_submit button {
    background: #00b085;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 15px 24px;
    font-weight: 700;
    min-width: 140px;
    margin-top: 40px;
    transition: all .3s;
}

#form_account-settings .frm_submit button:hover {
    background-color: #03735E;
}

.with_frm_style input, .with_frm_style textarea, .with_frm_style select {
    font-weight: 500;
}

.frm_style_formidable-style.with_frm_style #form_account-settings .frm_required {
    color: #00A47C;
    font-weight: 600;
    font-size: 20px;
    vertical-align: top;
    line-height: 1;
    margin-top: 5px;
    display: none;
}

.page-my-details h4 {
    color: #484848;
}

.page-my-details hr {
    margin: 30px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.page-my-details hr.pad-top {
    margin-top: 40px;
}

.page-my-details .your-email {
    color: #484848;
    font-weight: 600;
}

/* my account page */

.page-my-account {
    padding: 60px 0 60px;
}

.page-my-account .instruction {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.page-my-account .grid-container {
    /*border-top: 2px solid #eee;
    padding-top: 20px;
    margin-top: 60px;*/
}

.page-my-account h2 {
    font-size: 42px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}


.page-my-account .cell {

}

.page-my-account a {
    display: inline-block;
    line-height: 200px;
    width: 100%;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    background: #d5d5d5;
    background: #ededed;
    transition: all .5s;
}

.page-my-account a:hover {
    background: #bbb;
    color: inherit;
    transition: all 0s;
}

.page-id-73 .main-content {
    background: #ebebeb;
}

.checkout .box {
    margin-top: 40px;
}

.toggle-items {
    color: #fff;
    font-size: 14px;
}

.error .toggle-items:hover {
    color: #5c0f0f;
}

.box-item-summary {
    background: #fff;
    max-height: 500px;
    transition: all .3s;
    padding: 30px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    overflow: hidden;
    margin: 0 30px;
}

.box-item-summary.off {
    margin-bottom: 0;
    max-height: 0;
    border-bottom-width: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}

.basic-checkout .box h4 {
    padding-left: 30px;
    padding-top: 20px;
}

.box-summary {
    border-radius: 4px;
    padding: 0;
}

.box-summary .items .product {
    margin: 0;
}

.box-summary .column-headings {
    margin: 0;
}

.box-summary .col-remove {
    display: none;
}

.box-summary .box-label-row {
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-weight: 500;
    padding: 5px 0 0;
    margin-top: 5px;
}

.order-builder .box-summary .box-label-row {
    border-top: none;
}

.order-builder .box-summary .box-header {
    display: none;
}

.order-builder .box-summary .delivery-address {
    display: none;
}

.order-receipt {
    font-size: 14px;
}

.receipt {
    padding: 40px;
    min-height: 1000px;
}

.receipt h2 {
    margin: 0;
    line-height: 80px;
    text-indent: 15px;
    font-size: 38px;
}

.receipt-date {
    margin: 0;
    line-height: 80px;
    padding-right: 15px;
    font-size: 16px;
}

.order-receipt .box-header {
    color: #fff;
    margin-bottom: 5px;

    color: #fff;
    margin-bottom: 5px;
    line-height: 40px;
    text-indent: 15px;
    font-weight: 700;

    /*background: #e1e1e1;
    color: inherit;*/
    background: #666;
    margin-bottom: 0;
    border-radius: 4px;
}

.receipt .column-headings {
    font-weight: 700;
    color: #00B085;
    line-height: 1.4;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 9px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.receipt .column-headings .col-code {
    font-weight: 700;
}

.receipt input[type=checkbox] {
    margin: 0;
}

.receipt .cell {
    /*border-left: 1px solid rgba(0,0,0,.1);
    padding-left: 15px;*/
}

.receipt .col-code {
    text-indent: 15px;
    max-width: 14%;
    font-weight: 500;
    border-left: none;
}

.receipt .product .code {
    font-weight: 500;
}

.receipt .col-remove {
    text-align: right;
    max-width: 2%;
    display: none;
}

.receipt .col-quantity {
    text-align: center;
}

.receipt .product {
    line-height: 1.4;
    padding: 5px 0;
}

.receipt .sup {
    line-height: 12px;
}

.order-receipt .box-summary {
    margin-top: 40px;
}

.receipt .box-label-row {
    color: inherit;
    line-height: 1.4;
    padding-top: 14px;
    margin-top: 9px;
}

.receipt .box-label-row + .box-label-row {
    margin-top: 14px;
}

.receipt .memo-box {
    margin-top: 9px;
}

.receipt .box-label-row .col-code {
    font-weight: 700;
    color: #00B085;
}

.checkout input[type=text] {
    border: 1px solid #ccc;
    margin: 0;
    border-radius: 4px;
    max-width: 400px;
    box-shadow: none;
    margin-bottom: 10px;
    text-indent: 6px;
    font-weight: 500;
    font-size: 14px;
}

.addresses input.short, .addresses select.short,
.address-list input.short, .address-list select.short {
    width: 110px;
}

.checkout .box label {
    color: #58595b;
    font-size: 14px;

}

/*.deliver-to-row label {*/
/*    color: #ffffff !important;*/
/*    font-size: 14px;*/
/*    background: #13af8b;*/
/*}*/

.deliver-to-row .skinned-radio .green-radio {
    left: 4px;
    background-color: #ffffff !important;
}

.deliver-to-row .skinned-radio input:checked ~ .green-radio {
    background-color: #4a4a4a !important;
}


.questionnaire .question .req,
label .req {
    display: inline-block;
    margin-left: 5px;
    color: #cc413a;
    font-size: 22px;
    vertical-align: top;
    margin-top: 2px;
}

.frm_style_formidable-style.with_frm_style .frm_required {
    display: inline-block;
    margin-left: 1px;
    color: #cc413a;
    font-size: 22px;
    vertical-align: top;
    margin-top: 5px;
    line-height: 20px;
    font-weight: 600 !important;
}

.deliver-to-row label {
    display: inline-block;
    margin-right: 0;
}

.deliver-to-row {
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
}

.addresses {
    padding: 0 30px 30px;
    margin-top: 24px;
}

.no-saved-addresses {
    color: #666;
    max-height: 50px;
    display: none;
    overflow: hidden;
    transition: all .3s;
    line-height: 36px;
    margin-bottom: 20px;
}

.no-saved-addresses.off {
    max-height: 0;
    margin-bottom: 0;
}

.saved-address-label {
    font-size: 14px;
    max-height: 200px;
    transform: all ease .3s;
    overflow: hidden;
    margin-bottom: 20px;
}

.saved-address-label.off {
    max-height: 0;
    margin-bottom: 0;
}

.saved-address-list-container {
    overflow: hidden;
    display: inline-block;
    width: 300px;
    transition: all .3s;
}

.order-builder .saved-address-list {
    width: 280px;
    height: 38px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    color: inherit;
    margin-bottom: 0;
    line-height: 20px;
    outline: none;
    border: 1px solid #4a4a4a;
}

.order-builder .saved-address-list:focus {
    outline: none !important;
    box-shadow: none;
}

select:-moz-focusring {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important;
}


.add-address {
    margin-bottom: 0;
    margin-top: 0px;
    vertical-align: top;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 14px;
}

.add-address:hover {
    background-color: #03735E;
}

.button:hover, .button:focus {
    background-color: #03735E;
}

.add-address-form {
    overflow: hidden;
    transition: all .3s;
    max-height: 700px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 20px;
    margin-top: 24px;
}

.add-address-form.off {
    max-height: 0;
    border-top-width: 0;
    padding-top: 0;
    margin-top: 0;
}

.add-address-form-header {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 30px;
}

.add-address-form-actions {
    margin-top: 18px;
}

.addresses .grid-x > .small-2,
.addresses .grid-x > .large-2 {
    max-width: 140px;
}

.addresses label {
    line-height: 39px;
}

.addresses input[type=text] {
    max-width: 400px;
    transition: all 0s;
    display: inline-block;
}

.checkout input[type="text"]:focus {
    border-color: #00B085;
}

.checkout .row.error input, .checkout .row.error select {
    border: 1px solid #ee927c;
}

.address-list .row.error input, .address-list .row.error select {
    border: 1px solid #cc413a;
}

.checkout .row .valid {
    display: inline;
}

.checkout .row.error .valid:after {
    content: 'This field cannot be blank.';
    display: inline-block;
    margin-left: 14px;
    color: #cc413a;
    font-size: 14px;
}

.checkout .row.error label {
    color: #cc413a;
}

.addresses select {
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 10px;
}

.add-address-form-actions .button {
    margin-right: 10px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    padding: 0 16px;
    line-height: 36px;
}

.saved-address-list-container.off {
    width: 0;
}

.deliver-to-patient.off, .deliver-to-hospital.off {
    display: none;
}

.checkout .questionnaire {
    background: #fff;
    padding: 30px;
    border-radius: 4px;
    font-size: 14px;
    margin-top: 60px;
}

.q-header {
    margin-bottom: 16px;
}

.questionnaire fieldset {
    text-align: left;
}

.questionnaire .row {
    padding: 10px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.questionnaire label {
    display: inline-block;
    font-weight: 500;
}

.questionnaire label + label {
    margin-left: 10px;
}

.questionnaire .question {
    font-weight: 600;
    line-height: 38px;
}

.questionnaire input[type=text], .questionnaire select {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    box-shadow: none;
    width: 250px;
    border: 1px solid;
}

.questionnaire .invalid {
    border: 1px solid #cc413a !important;
}

/* address book page */

.page-address-book {
    padding: 60px 0;
}

.page-address-book > .grid-container > .grid-x > .cell {
    /*max-width: 980px;
    margin: 0 auto;*/
}

.address-book-add {
    margin-bottom: 60px;
}

.address-list .address {
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 4px;
    background: rgba(0, 0, 0, .03);
}

.address-list .form-on .address-label, .address-list .form-on
.actions {
    max-height: 0;
    border-top: 0px solid rgba(0, 0, 0, .1);
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    opacity: 0;
}

.address-list .address-label {
    padding: 30px;
    overflow: hidden;
    transition: all .3s;
    max-height: 200px;
}

.address-list .form {
    padding: 30px;
    display: none;
    transition: all .3s;
    max-height: 0;
    border-top: 0px solid rgba(0, 0, 0, .05);
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    overflow: hidden;

}

.address-list .address {
    display: flex;
    flex-direction: column;
}


.address-wrap {
    flex: 2 0 auto; /* ie11 */
}

.address-list .form-on .form {
    transition: all .3s;
    max-height: 700px;
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 24px;
    display: block;
}

.address-list .actions {
    padding: 15px 30px;
    border-top: 1px solid rgba(0, 0, 0, .05);
    overflow: hidden;
    transition: all .3s;
    max-height: 200px;
}


.address-list .form-actions {
    padding-top: 30px;
}

.address-list label {
    line-height: 39px;
}

.address-list input[type=text] {
    border: 1px solid #ccc;
    margin: 0;
    border-radius: 4px;
    max-width: 400px;
    box-shadow: none;
    margin-bottom: 10px;
    text-indent: 6px;
    font-weight: 500;
    font-size: 14px;

    max-width: 400px;
    transition: all 0s;
}

.address-list input[type="text"]:focus {
    border-color: #00B085;
}

.address-list select {
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
}

.address-list .button {
    margin-bottom: 0;
}

.address-list .button + .button {
    margin-left: 10px;
}

.address-list .label-address-default {
    display: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 40px;
}

.address-list .default .label-address-default {
    display: inline-block;
}

.address-list .default .address-make-default {
    display: none;
}

/* EDITS */
/*.product-finder,
.product-finder-bg {
    height: 200px;
}*/
.covid-notice.module {
    padding-top: 30px;
    padding-bottom: 1px;
}

.covid-notice h3,
.covid-notice h4,
.covid-notice p {
    color: #00B085;
}

.covid-notice h3,
.covid-notice h4 {
    margin-bottom: 0;
}

.covid-notice .button {
    color: #FFF;
    padding: 15px 30px;
    border-radius: 20px;
}