.no-js [data-responsive-toggle]{
    display:none;
}

.no-js .top-bar {
    display: none;
}

[data-responsive-menu] ul {
    display: none;
}

@media screen and (min-width: 40em) {
    .no-js .top-bar {
        display: block;
    }

    .no-js .title-bar {
        display: none;
    }
}


.title-bar .menu-icon {
    margin-left: .25rem;
    padding: 0 20px;
    line-height: 70px;
    background: #fff;
    color: #1db6c0;
    text-decoration: none;
}

.button-corporate p, .button-corporate:hover p, .button-corporate:focus p {
    font-size: 1em;
    font-family: "Proxima-Nova-L";
    line-height: 100%;
    margin-bottom: 0;
    font-weight: bold;
}

.pws .main-logo-wrapper {
    margin-top: 2em;
}

.pws .main-menu.eco-main-menu {
    margin-top: 2em;
}

.corp .main-logo-wrapper {
    margin-top: 1em;
}

.corp .show-with-consultant {
    margin-top: 1em;
}

.corp .main-menu.eco-main-menu {
    margin-top: 1em;
}

.eco-mobile.sticky-container {
    z-index: 9999999;
}
.consultant-aboutme .subscribe a {
    font-size: 0.85em;
    color: #3fae48;
    font-weight: bold;
}

#app-icon-content {
    background: #fffffff5;
    margin-top: 3em;
    z-index: 999999999 !important;
}
body.scroll-block {
    overflow: hidden;
    position: fixed;
}

.menu .active>a {
    background-color: #ffffff !important;
}

.eco-mobile .is-accordion-submenu-parent>a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1db6c0 transparent transparent !important;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem;
}

.desktop-search-icon {
    margin-right: 1em;
}

/*For Iphone 6/7/8/Plus Landscape  and iPad Portrait*/
@media screen and (min-width: 735px) and (max-width: 1023px){
    .host .hero-image-text, .join .hero-image-text{
        position: relative !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

div.site-header .button-corporate {
    margin-top: 3em;
}

    a.svg-logo {
        left: 0;
        margin: 0;
        padding: 1em 0.5em !important;
        position: relative;
        text-align: left;
        top: 0;
        width: 195px !important;
    }

    .row.sticky-container {
        height: 0;
    }

    .pws .main-logo-wrapper {
        margin-top: 0.5em;
    }

    .pws .main-menu.eco-main-menu {
        margin-top: 0.5em;
    }

    .corp .main-logo-wrapper {
        margin-top: 1em;
    }

    .corp .show-with-consultant {
        margin-top: 0.1em;
    }

    .corp .main-menu.eco-main-menu {
        margin-top: 0.1em;
    }

    .eco-mobile.sticky-container {
        z-index: 9999999;
    }
    .consultant-aboutme .subscribe a {
        font-size: 0.85em;
        color: #3fae48;
        font-weight: bold;
    }

    .topbar-left-cta-widget {
        width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .sticky-savings-message p, .savings-message p, .truncate-savings-message p a, .sticky-savings-message p a, .savings-message p, .truncate-savings-message p a  {
        font-size: 0.9em;
        font-family: "Proxima-Nova-L";
        color: #fff;
        line-height: 165%;
        width: 165px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .topbar-left-cta-widget p, .topbar-left-cta-widget p  a {
        margin-bottom: 0;
        font-family: "Proxima-Nova", "Proxima-Nova-L", "Helvetica Neue", Helvetica, Arial, sans-serif;
        width: 165px;
        white-space: nowrap;
        line-height: 165%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.container.topbar-wrapper ul li a {
        padding: .5rem 7px;
    }

    .find-cta {
        margin-top:15px !important;
    }

    .vertical.menu.accordion-menu {
        height: 355px;
        overflow-y: scroll;
    }

}

/*Disable mobile tray on iPad and above */
.mobile-topbar {
    display: none;
}

/*For Iphone 6/7/8/Plus Landscape  - disable mobile tray and mobile header */
@media screen and (min-width: 737px){
    #mobile-tray {
        display: none;
    }
    .eco-mobile, .corp-eco-mobile, .mobile-spacer, .corp-mobile-spacer {
        display:none;
    }
}

/* For Iphone 6/7/8/Plus Landscape */
    @media screen and (max-width: 736px){

    .host .hero-image-text, .join .hero-image-text{
        position: relative !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .consultant-aboutme-image {
        float: right;
        margin-top: -20px;
        width: 35px !important;
    }

    .consultant-aboutme-image img{
        float: right;
        width: 30px !important;
    }

    .site-header {
        display: none;
    }

    .mobile-topbar {
        background: #49ac52;
        height:29px !important;
        padding: 0.3em;
        color: #fff;
        display: block;
        font-size: 0.85em !important;
        text-transform: uppercase;
        font-weight: bold;
        z-index: 999999999;
        width: 100%;
        opacity: 0.95;
        position: relative;
    }

    .mobile-topbar a {
        color: #fff !important;
    }

    .svg-logo {
        top: 18px !important;
    }

    .mobile-search-icon {
        top: 48px !important;
    }

    .eco-mobile, .corp-eco-mobile {
        width: 100%;
        z-index: 10000;
        background: #fff;
        margin-top: 0;
        height: 3.3em !important;
        position: fixed;
    }
    .mobile-spacer {
        margin-top: 6.1em;
    }
    .corp-mobile-spacer {
        margin-top: 9.6em;
    }
    a.svg-logo {
        left: 0;
        margin: 0 31%;
        padding: 1em 0.5em !important;
        position: absolute;
        text-align: center;
        top: 0;
        width: 195px !important;
    }
    .app-mobile-menu {
        height: 3.3em !important;
    }

    .row.sticky-container {
        height: 0;
    }

    #shop-search-box input {
        border-right: 0;
        border-radius: 18px 0 0 18px;
        padding-left: 35px;
        width: 85% !important;
    }

    .site-header {
        display: none !important;
    }

    .button-corporate {
        margin: 0.1em 0 0.3em !important;
    }

    .mobile-topbar .menu {
        min-width: 120px
    }

    .row.sticky-container, .sticky {
    display: none;
    }

    .vertical.menu.accordion-menu {
        height: calc((var(--vh, 1vh) * 100) - 260px);
        overflow-y: scroll;
    }

    div#mobileTrayMore.reveal.without-overlay.mobile_more_modal{
        min-height: 55%; !important;
        max-height: 60%; !important;
        top: 130px !important;
    }

    .nochoice_options_buttons {
        width: 180px;
        margin-left: 85px;
    }

    .contact-me {
        padding-left: 25px;
    }
    .norwex-enter {
        border-left: 2px solid #ffffff;
        height: 20px;
        font-size: large;
    }
    .norwex-mobile-menu-icon {
        height: 1rem;
        font-size: 1rem;
    }
}


/*For Iphone 5/SE Portrait */
@media screen and (max-width: 320px) {
    #appnav-icon {
        position: absolute;
        left: 1px !important;
        top: 14px;
        cursor: pointer;
        padding: 10px 35px 16px 0;
    }

    .svg-logo img {
        max-width: 70% !important;
        height: auto;
        -ms-interpolation-mode: bicubic;
        display: inline-block;
        vertical-align: middle;
        margin: 0.5em !important;
    }

    .appnav-mobile {
        display: block;
        margin-top: -39px;
    }

    .mobile-search-icon {
        right: 0.5em !important;
    }

    .mobile-topbar .menu.vertical>li>a {
        display: block;
        padding: .3rem 0.7em;
        line-height: 1.7;
        color: #51b05a !important;
    }

    .eco-mobile .dropdown.menu > li.opens-right > .is-dropdown-submenu, .corp-eco-mobile .dropdown.menu > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 115% !important;
        border: 0px;
    }

    .vertical.menu.accordion-menu {
        height: calc((var(--vh, 1vh) * 100) - 260px);
        overflow-y: scroll;
    }

    div#mobileTrayMore.reveal.without-overlay.mobile_more_modal{
        min-height: 55%; !important;
        max-height: 60%; !important;
        top: 130px !important;
    }
    .nochoice_options_buttons {
        margin-left:20px;
    }

    .contact-me {
        padding-left: 5px;
    }
    .norwex-enter {
        border-left: 2px solid #ffffff;
        height: 20px;
        font-size: large;
    }
    .norwex-mobile-menu-icon {
        height: 20px;
        font-size: large;
    }
}

/*For Iphone 5/SE Landscape*/
@media screen and (min-width: 321px) and  (max-width: 568px) {
    #appnav-icon {
        position: absolute;
        left: 18px;
        top: 14px;
        cursor: pointer;
        padding: 10px 35px 16px 0;
    }

    .appnav-mobile {
        display: block;
        margin-top: -39px;
    }

    .mobile-search-icon .icon-search3 {
        margin-right: 85px;
    }
    .mobile-topbar .menu.vertical>li>a {
        display: block;
        padding: .3rem 0.7em;
        line-height: 1.7;
        color: #51b05a !important;
    }
    .mobile-search-icon {
        position: absolute;
        right: 0.5em;
        top: 1em;
        font-size: 1.8em;
        color: #1db5bf!important;
    }
    .vertical.menu.accordion-menu {
        height: calc((var(--vh, 1vh) * 100) - 260px);
        overflow-y: scroll;
    }

    div#mobileTrayMore.reveal.without-overlay.mobile_more_modal{
        min-height: 55%; !important;
        max-height: 60%; !important;
        top: 130px !important;
    }

    .nochoice_options_buttons {
        margin-left: 55px;
        width: 170px;
    }
}

/*For Iphone 6/7/8/ Landscape up iPad vertical */
@media screen and (min-width: 415px) and (max-width: 667px){

    .mobile-topbar .menu.vertical>li>a {
        display: block;
        padding: .3rem 0.7em;
        line-height: 1.7;
        color: #51b05a !important;
    }

    .mobile-search-icon {
        position: absolute;
        right: 0.5em;
        top: 1em;
        font-size: 1.8em;
        color: #1db5bf!important;
    }

    .row.sticky-container, .sticky {
        display: none;
    }

    .host .hero-image-text, .join .hero-image-text{
        position: relative !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .consultant-aboutme-image {
        float: right;
        margin-top: -20px;
        width: 35px !important;
    }

    .consultant-aboutme-image img{
        float: right;
        width: 30px !important;
    }

    .site-header {
        display: none;
    }

    .mobile-topbar {
        background: #49ac52;
        height:29px !important;
        padding: 0.3em;
        color: #fff;
        display: block;
        font-size: 0.85em !important;
        text-transform: uppercase;
        font-weight: bold;
        z-index: 999999999;
        width: 100%;
        opacity: 0.95;
        position: relative;
    }

    .mobile-topbar a {
        color: #fff !important;
    }

    .svg-logo {
        top: 18px !important;
    }

    .mobile-search-icon {
        top: 48px !important;
    }

    .eco-mobile, .corp-eco-mobile {
        *position: fixed;
        width: 100%;
        z-index: 10000;
        background: #fff;
        margin-top: 0;
        height: 3.3em !important;
        position: fixed;
    }
    .mobile-spacer {
        margin-top: 6.1em;
    }
    .corp-mobile-spacer {
        margin-top: 9.6em;
    }
    a.svg-logo {
        left: 0;
        margin: 0 31%;
        padding: 1em 0.5em !important;
        position: absolute;
        text-align: center;
        top: 0;
        width: 195px !important;
    }
    .app-mobile-menu {
        height: 3.3em !important;
    }

    .row.sticky-container {
        height: 0;
    }

    #shop-search-box input {
        border-right: 0;
        border-radius: 18px 0 0 18px;
        padding-left: 35px;
        width: 85% !important;
    }

    .search-icon.iconav-mid.icon-search3 {
        display: none;
    }
    .site-header {
        display: none !important;
    }

    .button-corporate {
        margin: 0.1em 0 0.3em !important;
    }
    .vertical.menu.accordion-menu {
        height: calc((var(--vh, 1vh) * 100) - 260px);
        overflow-y: scroll;
    }

    .nochoice_options_buttons {
        margin-left: 60px;
        width: 170px;
    }

    .contact-me {
        padding-left: 45px;
    }
    .norwex-enter {
        border-left: 2px solid #ffffff;
        height: 20px;
        font-size: large;
    }
    .norwex-mobile-menu-icon {
        height: 20px;
        font-size: large;
    }
}


.catalog-category-name {
    text-align: center;
    margin-top: 1em;
}

.catalog-category-name h1, .catalog-category-name h2 {
    color: #1aaab5;
}


.orderListContainer div.row.listitem{
    margin-bottom: 1em;
}

.appnav-icon-content .menu.vertical li {
    display: block;
    border-bottom: 1px solid #e2eff7;
    padding: 0.4em 0 0.4em 0;
}

.page-wrapper .sticky-container {
    z-index: 999999 !important;
}

.your-consultant {
    color: #3fae48;
    font-weight: bold;
}

#product-preview {
    border: 1px solid #eee;
}

.list-content.corp {
    margin-bottom: 1em !important;
    padding-bottom: 1em !important;
}

.product-details-page-content .gallery-nav-container {
    margin-top: 2em;
}

#OrderHeader .pws-top-cta {
    margin-bottom: 1em;
}

.list-item.pws-product-display {
    margin-top: 2em;
}

.sticky.is-stuck.is-at-top .site-header{
    display: none;
}


.sticky.is-stuck.is-at-top .sticky-logo {
    display: block;
    margin-left:-30px;
}

.sticky.is-stuck.is-at-top .sticky-profile-photo {
    display: block;
    margin-top: -5px;
    height: 45px;
    width: 30px;
}

.sticky .sticky-profile-photo {
    display: none;
}

.sticky.is-stuck.is-at-top .sticky-search {
    display: block;
    margin-top: -5px;
}

.sticky .sticky-search {
    display: none;
}

.top-menu-message {
    margin-top: 5px;
    height:30px;
    margin-left:50px;
}
.sticky-logo {
    display: none;
}

.sticky.is-stuck .savings-message {
    display: none;
}

.savings-message {
    text-transform: none !important;
    display: block;
    margin-top: 7px;
}

.sticky.is-stuck .sticky-savings-message {
    display: block;
}

.sticky-savings-message {
    text-transform: none !important;
    display: none;
}

.sticky-savings-message p, .savings-message p, .truncate-savings-message p a, .sticky-savings-message p a, .savings-message p, .truncate-savings-message p a  {
    font-size: 14px;
    font-family: "Proxima-Nova-L";
    color: #fff;
    line-height: 110%;
    margin-bottom: 0.25rem;
}

.sticky-profile-photo img {
    width: 20px;

}

.consultant-information-wrapper .subscribe a{
    margin-top: 0.9em;
    color: #3fae48;
    font-weight: bold;
}

.consultant-information-wrapper .image-wrapper img{
    border-radius: 0%;
    border: 0px solid #fefefe;
}

.consultant-information-wrapper .image-wrapper {
    margin-top: 0.5em;
}

.consultant-information-wrapper .consultant-aboutme {
    margin-top: 1em;
}

.consultant-information-wrapper .consultant-aboutme a {
    color: #444;
}

.consultant-information-wrapper.consultant-lead{
    border: 1px solid #DBDBDB;
    margin-top: 0px;
    padding-bottom: 25px;
    margin-bottom: 25px;
}


.sticky-logo .topbar-left-cta-widget {
    width: 98px;
    text-align: center;
}

.consultant-information-wrapper {
    font-size: 0.9em;
    margin-top: 0.9em;
}

.consultant-information-wrapper .consultant-aboutme {
    padding-left: 0.2em;
    padding-right: 0.2em;
}

.consultant-information-wrapper .image-wrapper{
    padding-right: 0.2em;
}

.consultant-information-wrapper-contact .show-with-consultant{
	margin-top: -20px;
}

nav ul.pws-order-steps li a,
nav ul.pws-order-steps li a:visited {
    display: block;
    padding: 0 20px;
    line-height: inherit;
    background: #fff;
    color: #1db6c0;
    text-decoration: none;
}

nav ul li a:hover,
nav ul li a:visited:hover {
    background: #1db6c0;
    color: #ffffff;
}

nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
    padding-left: 4px;
    content: ' ▾';
}

nav ul li ul li {
    min-width: 190px;
}

nav ul li ul li a {
    padding: 15px;
    line-height: 20px;
}

.nav-dropdown {
    position: absolute;
    display: none;
    z-index: 1;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

/* Mobile navigation */
.appnav-mobile {
    display: none;
    position: absolute;
    top: 0;
    margin-left: 1em;
    background: #fff;
    height: 55px;
    width: 70px;
}

@media screen and (max-width: 1024px) {
    .host .hero-image-text, .join .hero-image-text{
        position: relative !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .home-landing .hero-image {
        display: inline-block;
        clear: both;
        float: none;
        width: 100%;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 617px;
        left: 0;
        position: relative !important;
        top: 0;
    }
}

@media only screen and (max-width: 798px) {
    .appnav-mobile {
        display: block;
        margin-top: -30px;
    }
    nav {
        width: 100%;
        padding: 33px 0 15px;
    }
    nav ul {
        display: none;
    }
    nav ul li {
        float: none;
    }
    nav ul li a {
        padding: 15px;
        line-height: 20px;
    }
    nav ul li ul li a {
        padding-left: 30px;
    }
    .nav-dropdown {
        position: static;
    }

    .footer-links {
        padding-bottom: 4.5em;
    }

    .row.sticky-container {
        display: block;
    }

    .appnav-list {
        display: block !important;
    }
}

@media screen and (min-width: 799px) {
    .row.sticky-container {
        display: block;
    }

    .appnav-list {
        display: block !important;
    }
}

#appnav-icon {
    position: absolute;
    left: 18px;
    top: 22px;
    cursor: pointer;
    padding: 10px 35px 16px 0px;
}

#appnav-icon span,
#appnav-icon span:before,
#appnav-icon span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #1db6c0;
    position: absolute;
    display: block;
    content: '';
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#appnav-icon span:before {
    top: -10px;
}

#appnav-icon span:after {
    bottom: -10px;
}

#appnav-icon.active span {
    background-color: transparent;
}

#appnav-icon.active span:before, #appnav-icon.active span:after {
    top: 0;
}

#appnav-icon.active span:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#appnav-icon.active span:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

article {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
}


.svg-logo img {
    max-width: 100% !important;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
    margin: 0.5em !important;
}


div.impersonate {
    margin: 0 0 0;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 0px solid hsla(0,0%,4%,.25) !important;
    border-radius: 0;
    position: relative;
    color: #0a0a0a;
    background-color: #e1faea;
    line-height: 230%;
}


.app-mobile-menu {
    height: 3.8em;
    background: #fff;
    /*border-bottom: 1px solid #1db6c0;*/
    border-bottom: 1px solid #eee;
    padding: 1em 0.7em 0.7em 0.7em;
    clear: both;
}

.menu-burger {
    font-size: 2em;
    color: #1db6c0;
}


.mobileTrayMore {
    background: #00b5bf;
}

.reveal.without-overlay {
    background: #fffdfdf2;
    width: 90% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    top: 6em !important;
    bottom: 4em !important;
    border: 1px solid #1db6c036;
    padding: 3em 1em 1em 1em;
}

#mobileTrayMoreCorp {
    top: 10em !important;
}

.cart-items-view {
    max-height: 15em;
    overflow-y: scroll;
    margin-bottom: 0.4em;
}

.total-amt {
    margin-bottom: 0.5em;
    font-weight: bold;
}

@media screen and (max-width: 639px){
    a.svg-logo {
        left: 0;
        margin: 2% 25% !important;
        padding: 1em 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 155px;
    }
}



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

    .page-wrapper {
        margin: 0 auto;
        background: #FFF;
        max-width: 1195px;
        border-right: 1px solid #FCFCFC;
        border-left: 1px solid #FCFCFC;
        border-bottom: 1px solid #FCFCFC;
        border-top: 0px solid #FCFCFC;
        box-shadow: 0px 0px 0px 0px #DBDBDB !important;
        border-radius: 0  !important;
        -webkit-border-radius: 0  !important;
        -moz-border-radius: 0  !important;
        -o-border-radius: 0  !important;
    }

    a.mobile-logo {
        left: 0;
        margin: 0 25% !important;
        padding: 1em 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 45% !important;
    }

    .mobile-cart-items {
        position: absolute;
        right: 1em;
        top: 1em;
        font-size: 1.8em;
        color: #1db5bf!important;
    }

    .mobile-search-icon {
        position: absolute;
        right: -0.5em;
        top: 1em;
        font-size: 1.8em;
        color: #1db5bf!important;
    }

    .mobile-cart-items .badge{
        top: 0.5em !important;
        background: #1db5bf!important;
        position: absolute;
    }
}


.account-info.left {
    padding-top:0.5em;
}

.product-list-header  {
    margin-top: 1rem;
}

.product-list-title {
    color: #00b5bf;
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    /*line-height: 110%;*/
}

.safe-haven-wrapper {
    border: 1px solid #dce0db;
    padding: 0.5em;
    margin-bottom: 1em;
    margin-top: 1em;
    text-align: center;
}

p.text-center.make-safe-haven {
    text-transform: uppercase;
    color: #3fae48;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 0.5em;
    font-family: Helvetica, Arial, sans-serif;
}

div.eco-safe-haven-differenc p {
    text-align: center !important;
}

.product-tag-size {
    font-size: 2em;
    border: 1px solid #1db5bf;
    border-radius: 59%;
    padding: 0.1em;
    margin-right: 0.1em;
}

.product-tags .callout {
    margin: 0 0 1rem;
    padding: 0.2em;
    border: 0px solid hsl(0, 0%, 90%) !important;
    position: relative;
    color: #7b7b7b;
    background-color: #fff;
    border-radius: 2px;
}

.make-safe-haven {
    text-transform: uppercase;
    color: #3fae48;
    font-size: 1.5em;
    font-weight: bold;
}

.svg-logo {
    width: 200px;
}

.add-to-cart .input-group-field, input.input-group-field {
    width: 100px;
    height: auto;
}

.input-group.product-add-qty {
    padding-left: 0px;
    display: table;
    width: 100px;
    margin-bottom: 1rem;
}

#product-description, #product-detailed-description, #problems-solutions, #howtouse, #features, #didyouknow {
    color: #252525 !important;
    font-family: "Proxima-Nova-L" !important;
    font-size: 1em !important;
    line-height: 150% !important;
}

#product-detailed-description {
    margin-bottom: 0.5em;
}


.topbar-wrapper {
  color: #fff;
  font-family: "Proxima-Nova-SB", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  background: #3fae49 !important;
  width: 100% !important;
  padding: .2rem 1rem;
  font-size: 1em;
  position: relative;
  z-index: 9999;
  height: 3rem;
}

.topbar-menu li {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #389740;
}

.topbar-menu li:last-child {
    border-right: none
}

.is-anchored .no-border-when-anchored, .topbar-menu li li {
    border-right-width: unset;
    border-right-style: unset;
    border-right-color: unset;
}

.topbar-right-column {
  height:40px;
}

.topbar-promo-wrapper a {
  color: #fff !important;
  text-decoration: none !important;
}

.topbar-wrapper a {
  text-transform: none;
  text-decoration: underline;
}

.login-icon-container {
    text-align: center;
    line-height: 0.4rem;
}

@media screen and (min-width: 50em) {
    .login-icon-container {
        height: 2.6rem;
        padding-top: .6rem;
    }
}

.login-subtitle {
    font-size: 0.5rem;
}

.menu > li > a {
  display: block;
  padding: .2em 1em 0.2em 1em;
  line-height: 1;
  text-decoration: none !important;
  font-size: 1em;
}

.menu.submenu > li > a {
  display: block;
  padding: .7em 1em;
  line-height: 1;
  text-decoration: none !important;
  font-size: 1em;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 0;
  top: 107% !important;
  border: 0px;
}

.badge.cart {
    background: #a1d16d85;
    color: #fefefe;
}

.mobile-header .badge.cart {
    background: #03b6c0;
    color: #ffffff;
    position: absolute;
    right: 2em;
}

.eco-main-menu li.active.is-submenu-item.is-dropdown-submenu-item {
    background: #eff5ef !important;
    color: #3fae49;
}


.eco-main-menu .active.is-submenu-item.is-dropdown-submenu-item .menu .active>a {
    background: none;
    color: #3fae49;
}


.eco-main-menu .dropdown.menu>li.opens-right>.is-dropdown-submenu, .eco-secondary-menu .dropdown.menu>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 68% !important;
    border: 0;
    border-radius: 0 0 5px 5px;
    padding: 0rem 0 0 0 !important;
    list-style: none !important;
}

.eco-main-menu .is-submenu-item.is-dropdown-submenu-item, .eco-secondary-menu .is-submenu-item.is-dropdown-submenu-item  {
    text-transform: none;
    padding: 0.5em;
}

.eco-main-menu .is-submenu-item.is-dropdown-submenu-item a {
    color: #3fae49;
    text-decoration: underline;
    line-height: inherit;
    cursor: pointer;
}

.site-sub-header .top-bar ul a:hover, .site-sub-header .top-bar ul a:focus {
    background-color: #FFFFFF !important;
    color: #3fae48 !important;
    text-transform: none;
}

.menu-first-icon {
    color: #3fae48;
}

.menu-search-icon {
    margin-left: 3em;
    z-index: -99999;
    color: #3fae48;
}

.topbar-promo-wrapper {
  background: #01b6c0;
  padding: 0.5em;
  color: #fff;
  font-size: 0.8em;
  text-decoration: none;
  min-height: 42px;
}

.topbar-wrapper a {
    color: #fff;
    text-transform: none !important;
    font-size: 12px;
}

.topbar-promo-wrapper a {
  color: #fff;;
}

.topbar-left-cta-widget {
    padding: 0.5em;
    font-size: 12px;
    color: #fff;
    text-align: left;
    text-transform: none;
    font-family: "Proxima-Nova-SB", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.topbar-left-cta-widget p, .topbar-left-cta-widget p  a {
    margin-bottom: 0;
    font-family: "Proxima-Nova", "Proxima-Nova-L", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.is-submenu-item.is-dropdown-submenu-item {
    color: #3fae48 !important;
    background: #fff !important;
}

div.container.topbar-wrapper ul li .is-submenu-item.is-dropdown-submenu-item a:active {
    color: #ffffff !important;
}

div.container.topbar-wrapper ul li .is-submenu-item.is-dropdown-submenu-item a:hover {
    color: #3fae48 !important;
}

div.container.topbar-wrapper ul li .is-submenu-item.is-dropdown-submenu-item a {
    padding: .75rem 7px;
    font-size: 12px;
    color: #6F818C;
    text-align: left;
}

div.container.topbar-wrapper ul li .is-submenu-item.is-dropdown-submenu-item .menu .active>a {
    background: #fbf8f8;
    color: #fefefe;
}


@media screen and (max-width: 680px) {
    .site-header {
    border-bottom: 0px solid #eee;
}

  div.site-header div.row {
    margin: 0em;
}
}


.site-header .main-menu .menu>li>a {
    color: #3fad49 !important;
  text-transform: none;
}

.site-header .main-menu {
    padding-top: 10px;
    padding-bottom: 10px;
}

.site-header {
  border-bottom: 1px solid #eee;
}

.site-header a.svg-logo {
    max-width: 200px !important;
    /*height: auto;*/
    -ms-interpolation-mode: bicubic;
    /*display: inline-block;*/
    vertical-align: middle;
    /*margin: 0.5em !important;*/
}

.site-sub-header {
  text-transform: none;
}

.site-sub-header  .top-bar ul a {
    background-color: #FFFFFF !important;
    color: #6F818C !important;
    text-transform: none;
}

.specials-tag {
  color: #d48129;
  font-size: 0.8em;
}

.button-corporate {
  text-transform: none !important;
}

@media screen and (min-width: 1024px) {
.site-header .eco-main-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10%;
    margin-right: 10%;
}

    .site-header .eco-main-menu-corp {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 15%;
        margin-right: 10%;
    }

}

@media screen and (max-width: 1024px) {
    .site-header .eco-main-menu {
        padding-top: 10px;
        padding-bottom: 10px;
        /*margin-left: 10%;*/
        /*margin-right: 1%;*/
    }
    .site-header .eco-main-menu-corp {
        padding-top: 10px;
        padding-bottom: 10px;
        /*margin-left: 1%;*/
        /*margin-right: 1%;*/
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .site-header .eco-main-menu {
        padding-top: 10px;
        padding-bottom: 10px;
        /*margin-left: 15%;*/
        /*margin-right: 5%;*/
    }

    .site-header .eco-main-menu-corp {
        padding-top: 10px;
        padding-bottom: 10px;
        /*margin-left: 10%;*/
        /*margin-right: 5%;*/
    }
}


#mobile-tray {
     position: fixed;
     margin-bottom: 0em;
     bottom: 0;
     width: 100%;
     z-index: 999999;
     /*background: #032e59;*/
     background: #01b6c0;
     /*background: rgb(22, 153, 192) !important;*/
     color: #fff !important;
     min-height: 3em;
     padding: 0.4em 0.9em 3em 0.9em;
     text-align: left;
     font-size: 17px;
     text-decoration: none;
     height: 3.5em !important;
 }

#mobile-tray .tray, #mobile-tray .tray.icon-eco-bulb {
    font-size: 2em;
    margin-right: 0em;
}

#mobile-tray a.tray-icon {
    display: inline-block !important;
    color: #fff;
  font-size: 12px;
}

#mobile-tray .tiny-text {
    font-size: 0.8em;
    margin-top: 0.4em;
}

.corp-mobile-tray {
    padding: 0.4em 0.9em 2em 0.9em !important;
}
.tiny-text {
    font-size: 0.8em;
}

.mobile-button-full{
    width: 100% !important;
}


#mobile-tray a {
  font-size: 20px;
  text-decoration: none;
    height: 3em !important;
}


#mobile-tray .badge {
  position: absolute;
  top: 0.7em;
}

#mobile-tray .badge.cart {
  background: #49ac52;
  border: 1px solid #49ac52;
}

#mobile-tray .badge.offers {
  background: #f5246f;
}

 .badge.top-cart {
  background: #49ac52;
  border: 1px solid #49ac52;
   position: absolute;
   right: 0.3em;
}


@media screen and (max-width: 1024px) {
  a.mobile-logo {
    margin-right: 1em;
    margin-top: 2em;
  }

  .mobile-search, .mobile-cart {
    font-size: 1.5em;
    margin-right: 0em;
    color: #1db5bf;
    z-index: 999999;
}
    .mobile-search {
        float: left !important;
    }

  .mobile-cart {
    margin-left: 0.5em;
    float: right;
  }
}



/* You can add global styles to this file, and also import other style files */

body {
    background-color: #ffffff !important;
    color: #5c6f7c;
    /* font-family: "Proxima-Nova", "Proxima-Nova-L", Helvetica, Arial, sans-serif; */
    font-size: 16px;
}

a {
  text-decoration: none;
}

hr {
    max-width: 75rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #c4d3d5 !important;
    border-left: 0;
    margin: 1.25rem auto;
    clear: both;
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a;
    display: inline-block !important;
}

.breadcrumbs {
	margin: 0 auto 0 auto;
}

.breadcrumbs li {
    display: inline;
    float: none;
    color: #5d6f7c;
    font-size: .6875rem;
    cursor: default;
    text-transform: capitalize;
  font-size: 0.9em;
}

.img-responsive {
  max-width: 100%;
  height: auto;
  display:block;
}

.page-wrapper {
    margin: 0 auto;
    background: #FFF;
    max-width: 1195px !important;
    border-right: 1px solid #FCFCFC;
    border-left: 1px solid #FCFCFC;
    border-bottom: 1px solid #FCFCFC;
    border-top: 0px solid #FCFCFC;
    box-shadow: 0px 0px 0px 0px #DBDBDB !important;
    /* box-shadow: 0px 5px 10px 0px #DBDBDB; */
    border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -o-border-radius: 15px 15px 15px 15px;
}


.featured-content {
    margin-bottom: 2em;
    width: 1195px !important;
  margin-left: auto;
  margin-right: auto;
}

h2 {
  margin-top: 0.5em;
}


footer {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    max-width: 1195px;
    background-color: #edf1f2 !important;
    border-top: 0px solid #C2D1D4 !important;
    font-size: 0.875em;
    padding: 2rem 0;
  margin-top: 2em !important;
}


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

  .inner-content {
    padding: 1em 20px 0 20px;
}

  .page-wrapper {
    margin: 0 auto;
    background: #FFF;
    max-width: 1195px !important;
    border-right: 1px solid #FCFCFC;
    border-left: 1px solid #FCFCFC;
    border-bottom: 1px solid #FCFCFC;
    border-top: 0px solid #FCFCFC;
    box-shadow: 0px 0px 0px 0px #DBDBDB !important;
    /* box-shadow: 0px 5px 10px 0px #DBDBDB; */
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}

  .title-bar {
    background: #ffffff;
    color: #7a7a7a;
    padding: 1rem;
}

  .button-corporate {
    margin: 0.5rem 0em;
}
}


.color-badge {
  height:1em;
  width: 1em;
}

.button {
	display: inline-block;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	transition: background-color .25s ease-out,color .25s ease-out;
	vertical-align: middle;
	border-radius: 3px;
	padding: .85em 1em;
	margin: 0 0 1rem;
	font-size: .9rem;
	color: #fff;
	background-color: #02AAB5 !important;
	border-color: #02AAB5 !important;
	text-transform: uppercase;
}

.button:hover, .button:focus {
	display: inline-block;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	transition: background-color .25s ease-out,color .25s ease-out;
	vertical-align: middle;
	border-radius: 3px;
	padding: .85em 1em;
	margin: 0 0 1rem;
	color: #fff;
	background-color: #00B4C0 !important;
	border-color: #00B4C0 !important;
	text-transform: uppercase;
}

.button .corporate {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: 1em 0.9em !important;
    margin: 0 0.5em !important;
    font-size: .8rem;
    color: #fff;
    background-color: #00BCD4;
    border-color: #00BCD4;
    border-width: 0px;
    border-style: none;
    text-decoration: none;
    text-transform: none;
}

.button .corporate:hover, .button .corporate:focus {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: 1em 0.9em !important;
    margin: 0 0.5em !important;
    font-size: .8rem;
    color: #fff;
    background-color: #0a98b5;
    border-color: #0a98b5;
    /*background-color: #00BCD4;*/
    /*border-color: #00BCD4;*/
    border-width: 0px;
    border-style: none;
    text-decoration: none;
    text-transform: none;
}

.button.button.small-corp.pws_find_consultant_button {
	margin: 0 0 1rem 0 !important;
}

.button.button.small-corp.pws_find_consultant_button:hover, .button.button.small-corp.pws_find_consultant_button:focus {
	margin: 0 0 1rem 0 !important;
}

.button.button.small-corp {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: 1em 0.9em !important;
    margin: 0 0.5em !important;
    font-size: .8rem;
    color: #fff;
    background-color: #00BCD4;
    border-color: #00BCD4;
    border-width: 0px;
    border-style: none;
    text-decoration: none;
    text-transform: none;
}

.button.button.small-corp:hover, .button.button.small-corp:focus {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: 1em 0.9em !important;
    margin: 0 0.5em !important;
    font-size: .8rem;
    color: #fff;
    background-color: #0a98b5;
    border-color: #0a98b5;
    /*background-color: #00BCD4;*/
    /*border-color: #00BCD4;*/
    border-width: 0px;
    border-style: none;
    text-decoration: none;
    text-transform: none;
}

.button.button.small-greenbay {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: 1em 0.9em !important;
    margin: 0 0.5em !important;
    font-size: .8rem;
    color: #fff;
    background-color: #50b948;
    border-color: #50b948;
    border-width: 0px;
    border-style: none;
    text-decoration: none;
    text-transform: none;
}

.button.button.small-greenbay:hover, .button.button.small-greenbay:focus {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: 1em 0.9em !important;
    margin: 0 0.5em !important;
    font-size: .8rem;
    color: #fff;
    background-color: #62BB46;
    border-color: #62BB46;
    /*background-color: #00BCD4;*/
    /*border-color: #00BCD4;*/
    border-width: 0px;
    border-style: none;
    text-decoration: none;
    text-transform: none;
}


.button.button.small-corporate-delete {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: 1em 0.9em !important;
    margin: 0 0.5em !important;
    font-size: .8rem;
    color: #fff;
    background-color: #c01f2f;
    border-color: #c01f2f;
    border-width: 0px;
    border-style: none;
    text-decoration: none;
    text-transform: none;
}

.button.button.small-corporate-delete:hover, .button.button.small-corporate-delete:focus {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: 1em 0.9em !important;
    margin: 0 0.5em !important;
    font-size: .8rem;
    color: #fff;
    background-color: #c00c2a;
    border-color: #c00c2a;
    /*background-color: #00BCD4;*/
    /*border-color: #00BCD4;*/
    border-width: 0px;
    border-style: none;
    text-decoration: none;
    text-transform: none;
}

.postfix.button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
}

.superscript {
  position: relative;
  top: -0.5em;
  font-size: 70%;
}

#topcontrol {
  position: fixed;
  bottom: 95px !important;
  padding: 0.5em 0.5em;
  /*position: absolute;*/
  right: 1px;
  opacity: 1;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  background: rgb(29, 181, 191) !important;
  /* background: #06427d !important; */
  color: #fff;
  text-align: center;
  display: inline-block;
  z-index: 30;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

#cta_form select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    border: 1px solid #dce0db;
    background: white;
    padding: 10px;
    color: #313334;
    height: 40px;
    outline-color: #00b5c0;
    border-radius: 3px;
}

.heart-it {
  color: #d48129;
}


footer {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  background-color: #edf1f2 !important;
  border-top: 0px solid #C2D1D4 !important;
  font-size: 0.875em;
  padding: 2rem 0;
}

.footer-need-help a {
  color: #444;
  text-decoration: none;
}

.footer-need-help h2 {
  color: #000;
  font-weight: bold;
}

.footer-need-help ul li {
  color: #444;
  list-style: none;
}

.footer-need-help hr {
  max-width: 75rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #d1dee6 !important;
  border-left: 0;
  margin: 1.25rem auto;
  clear: both;
}



.callout {
  margin: 0 0 1rem;
  padding: 1rem;
  border: 0px solid hsla(0, 0%, 4%, .25) !important;
  border-radius: 0;
  position: relative;
  color: #0a0a0a;
  background-color: #fff;
}

.callout a {
  color: #0075bc;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer;
}

.product-count, .product-filters {
  text-transform: uppercase;
  font-size: 0.9em;
}

.color-badge {
  display: inline-block;
  height: 2em;
  margin-right: 0.5em;
  padding: .3em;
  min-width: 2.1em;
  font-size: .6rem;
  text-align: center;
  border-radius: 50%;
  /*background: #2199e8;*/
  color: #fefefe;
}

.product-grid .callout {
    margin: 0 0 1rem;
    padding: 1rem;
    /* border: 1px solid hsl(0, 28%, 98%) !important; */
    /* border-radius: 0; */
    border: 0px solid hsl(0, 0%, 90%) !important;
    position: relative;
    color: #7b7b7b;
    background-color: #fff;
    border-radius: 6px;
    /* min-height: 15em; */
}

.product-title a:link {
    text-align: center !important;
    padding: 0.8em 1em 1.5em 0.8em !important;
    display: block;
}
.featured-product-title a:link {
    text-align: center !important;
    padding: 0.8em 1em 0.5em 0.8em !important;
    display: block;
}



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

  .add-to-cart .input-group {
  width: 100%;
}

  .product-savings-advice[_ngcontent-c4], .product-savings-advice[_ngcontent-c4] a[_ngcontent-c4] {
    margin-top: 0.5em;
    font-size: 0.95em;
}
}


.accordion-title .last-child:not(.is-active)>.accordion-title {
    border-bottom: 0 solid #e6e6e6 !important;
    border-radius: 0 0 0 0;
}

.product-information .accordion-title {
  text-transform: uppercase;
  color: #444;
  font-size: 1.1em;
  padding: 0.8rem 0.8em;
  text-decoration: none;
  line-height: 1;
}

.product-information .accordion-title:hover, .product-information .accordion-title:focus  {
  text-transform: uppercase;
  color: #444;
  font-size: 1.1em;
  padding: 0.8rem 0.8em;
  text-decoration: none;
  line-height: 1;
}

.product-information .accordion-title:first-child {
    position: relative;
    display: block;
    border-top: 1px solid #999 !important;
    border-bottom: 0px solid #999 !important;
    border-left: 0px solid #999 !important;
    border-right: 0px solid #999 !important;
    border-bottom: 0;
    line-height: 1;
}

.product-information .accordion-title {
    position: relative;
    display: block;
    border-top: 1px solid #999 !important;
    border-bottom: 1px solid #999 !important;
    border-left: 0px solid #999 !important;
    border-right: 0px solid #999 !important;
    border-bottom: 0;
    line-height: 1;
}



.product-information .accordion {
  border-left: 0px;
  border-right: 0px;
}


.categories ul {
    list-style-type: none;
}

.subheader {
  text-decoration: none;
}


a.category-tags {
  /*font-size: 0.8em;*/
  font-size: 12px;
    margin-left: 0.2em;
}

.testimonials-container  {
  margin-bottom: 2em;
}

.loveit .state-icon {
  color: #ee2108;
  margin-right: 0.3em;
}
.wantit .state-icon {
  color: #ee2108;
  margin-right: 0.3em;
}

.loveit-text, .wantit-text {
  color: #ee2108;
  font-size: 0.9em;
}

.price-lead {
  font-size: 2em;
  margin-top: 1em;
  clear: both;
}

.product-savings-advice, .product-savings-advice a {
  margin-top: 2.5em;
  font-size: 0.95em;
}

.shareit {
  color: #808f99;
}

.safe-haven-difference {
    margin-bottom: 1em;
}

.produdct-dimensions {
  color: #7f8e99;
  font-style: italic;
  margin-bottom: 1em;
    margin-top: 1em;
}


.product-grid .color-badge {
  border-radius: 50%;
  margin-right: 0.3em;
}

.product-grid .color-wrapper {
  width: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}

.slick-dots li button {
  width: 2em !important;
  height: 2em !important;
}


/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 4em;
    height: 4em;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 4em;
    height: 4em;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}


.slick-dots li button:before {
    font-family: 'slick';
    font-size: 26px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#panel-description {
    display: none;
}


div.catalog_item_attributes {
	border-radius: 50%;
	cursor: pointer;
}

.product-colors-patterns {
	margin-bottom: 10px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 130px;
    margin-top: 0.5em;
}

.no-product-colors-patterns {
	height: 2.688em !important;
}

.product-colors-patterns .slick-prev::before {
    color: #000000;
    font-family: 'icomoon' !important;
}

.product-colors-patterns .slick-next::before {
	color: #000000;
	font-family: 'icomoon' !important;
}

.product-detail-product-colors-patterns .slick-prev::before,
.product-gallery-nav .slick-prev::before {
    color: #000000;
    font-family: 'icomoon' !important;
}

.product-detail-product-colors-patterns .slick-next::before,
.product-gallery-nav .slick-next::before {
    color: #000000;
    font-family: 'icomoon' !important;
}

.product-colors-patterns .slick-arrow {
    z-index: unset !important;
}

.product-description.slice-height {
	line-height: 1.2em;
	max-height: 4.9em;
	overflow: hidden;
}

.product-detailed-description {
	line-height: 1.2em;
	max-height: none;
	overflow: visible;
}

.product-detailed-description.collapsed {
	line-height: 1.2em;
	max-height: 0;
	overflow: hidden;
}

.jplist-grid-view  #product-list-view .list-view-details {
	border: 1px solid #F0F0F0;
	background: #f2f2f2;
	padding: 5px 0;
}

.jplist-grid-view #product-list-view .list-item.pws-product-display .list-content {
	border: none !important;
}

.search-results-block div.row.search-results-list:nth-child(2n) {
	background: #f1f1f1 none repeat scroll 0 0 !important;
}

.search-results-block .search-results-list {
	padding: 10px 0;
}

.search-results-block .search-results-list .search-results-list-label {
	margin-right: 10px;
	float: left;
}

.search-results-block .search-results-buttons {
	text-align: right;
}

.search-results-block .search-results-buttons a.button {
	margin: 5px 0;
	border-radius: 3px;
}

#shop-search-box input {
    width: 85% !important;
}

/* Edge */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #shop-search-box a.shop-combobox-toggle {
        margin-top:-5px !important; }
}

/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
    #shop-search-box a.shop-combobox-toggle {
        margin-top:0px !important; }
}

/*safari*/
@media not all and (min-resolution:.001dpcm) { @media {
    #shop-search-box a.shop-combobox-toggle {
        margin-top:0px !important; }
}}

.jplist-drop-down {
    margin-top: 0 !important;
}

.jplist-panel .jplist-pagination button {
    margin-top: 0 !important;
}

.jplist-label {
    margin-top: 0 !important;
}

.jplist-panel.panel-bottom {
    margin-top: 10px;
}

.product-gallery-nav {
    margin-top: 20px;
}
.validation-error {
	margin-top: -20px;
	margin-bottom: 10px;
}

.product-preview {
	padding: 10px;
}
.reveal-overlay {
	z-index: 999999 !important;
}
.breadcrumbs a {
	color: #1db6c0;
}

@media screen and (max-width: 680px) {
.product-colors-patterns {
    margin-top: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 65px;
}
.no-product-colors-patterns {
	height: 2.8em !important;
}
.items-per-page-drop-down {
        margin-bottom: 1em;
    }
}
.product-detail-product-colors-patterns {
	margin: 1em 0 -1em -5px !important;
    width: 140px;
}

.no-padding-left {
	padding-left:0 !important;
}

.product-love-it-container {
	cursor: pointer;
}

.product-love-it-container.disabled {
	cursor: not-allowed;
}

.product-love-it-container.disabled .loveit-text, .product-love-it-container.disabled .loveit .state-icon {
	color: #ee2108 !important;
}

.mtray-wide {
    width: 20%;
}

.columns.mtray-more {
    text-align: center;
}

.menu-padding-top {
    margin-top:100px;
}

.find-cta {
    margin-top:30px;
}

.party_details_mobile {
    margin-top: 2.5rem;
    background: #ffffff;
    height: 2rem !important;
    color: #50b05a;
    display: block;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #eff0ef;
    border-top: 1px solid #eff0ef;
}
.mobile_party_name {
    margin-top:0px !important;
}

.party_details_desk {
    margin-top: 8px;
    height: 30px;
    line-height: 110%;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    text-align: left;
    font-size: 18px;
    text-overflow: ellipsis;
    text-transform: none;
    font-family: "Proxima-Nova-SB", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.party_name_mobile {
    height: 2rem;
    width: 100%;
    overflow: hidden;
    line-height: 1.95rem;
    background: #49ac52;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem !important;
    font-weight: bold;
    font-family: "Proxima-Nova-SB", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.xdsoft_.xdsoft_datetimepicker.xdsoft_noselect {
    z-index: 1000000 !important;
}

#launchEventModalContent  {
    margin-top: 30px;
}

.party-name-spacer {
    margin-top: 11.6em !important;
}
.nochoice_border {
    border: 1px solid #000000;
    margin-bottom: 10px;
}

.nochoice_options {
    margin-bottom: 30px;
}
.nochoice_label, .checkout-option-label {
    font-weight: bold;
}

.consultant-text {
    font-weight: bold;
    padding-top: 5px;
    padding-left: 10px;
}

.office-suite-option-label {
    margin-left: 50px;
}

.office-suite-option-text {
    font-size: 12px; margin-left:100px;
}

.navigationContainer {
    margin-top: 1.1em;
}

.checkout-flashmsg {
    padding-left: 0.7em;
    margin-right: 1.5em;
    border-left: 1px solid #afc8d8 !important;
}

.continue-shopping-flashmsg {
    margin-right: 0.7em;
}

.continue-shopping-btn {
    margin-left: 1em !important;
    margin-right: 1em !important;
}

.button.button-continue-shopping, .button-continue-shopping, .btn.btn-primary.button-continue-shopping {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    color: #02AAB5 !important;
    background-color: #ffffff !important;
    border-color: #02AAB5 !important;
    text-transform: uppercase;
}

.checkout-header-cart {
    margin-top: 3em !important;
}

.checkout-header-cart .cartItemCount {
    font-size: 1.3em !important;
    text-align: center;
}

.checkout-header-cart .cartItemCountNova {
    font-size: 1.3em !important;
    text-align: right;
}

.checkoutsite-header {
    background: #fff !important;
}

.inner-content .alert.alert-box {
    padding: 1em;
}

.checkout-header-cart .cartItemCount a {
    color: #333 !important;
}

.breadcrumbs {
    text-align: left !important;
    left: 0 !important;
}

.breadcrumbs a, .breadcrumbs a:hover {
    color: #1aaab5 !important;
    background: none !important;
}

nav {
    float: none !important;
    position: relative !important;
    left: 0% !important;
    display: inline-block !important;
    text-align: left !important;
}

.alert.alert-box {
    background: #ffd3d3 !important;
    margin-bottom: 0.5em;
}

.epd-business {
    margin: 0px !important;
}

.business-enrollment-instructions {
    margin-bottom: 20px;
    font-size: 0.950em;
}
#footer-logo-wrapper {
    margin: 1.5em 1.5em 0.5em 1.5em !important;
}

#footer-logo-wrapper img#footer-house-icon {
    float: right !important;
}

#eco-footer {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-color: rgb(237, 241, 242);
    border-top: 0 solid #C2D1D4;
    font-size: 0.875em;
    padding: 2rem 0;
}

.spyglass {
    position: absolute;
    margin-left: 13px;
    margin-top: 18px;
    color: #00b5bf;
    font-size: 0.83em;
}

.spyglass-container {
    margin-top: 42px;
}

.spyglass-div {
    position: absolute;
    margin-top: 5px;
}

.search-bar {
    margin-left: 0;
}

@media screen and (min-width: 40em) {
    .search-bar {
        margin-left: 25%;
        margin-right: 25%;
    }
}

.search-row {
    margin-top: -10% !important;
}

.button-corporate-search {
    width: 200px !important;
}

.header-bottom {
	border-bottom: 1px solid #6f818b
}

.booking-calendar {
	font-size: 26px;
}

.add-pws-booking-click {
	height: 50px !important;
	width: 155px;
	padding: 5px !important;
}

.pws-booking-label {
	font-size: 16px;
	font-weight: bold;
}

#mobile-banner {
    padding: 0 !important;
}

.app-mobile-column {
    height: 30px;
}
.mobile-banner-row {
    background: #B9DDB1;
    height: 60px !important;
    display: block;
    position: relative;
}

.closeOut {
    padding-left: 0.45em;
    margin-top: 0.25em;
    font-size: 2em;
}

.mobile-banner-shopping-img {
    max-width: 50px;
    margin-top: 9%;
    border-radius: 30%;
}

.mobile-banner-text {
    font-size: 0.85em;
    margin-top: 0.8em;
}

.mobile-banner-button {
    font-size: 0.625em !important;
    margin-top: 1.2em !important;
    height: 3.5em !important;
    background: #087DBD !important;
    border-radius: 1em !important;
}

.hidden {
    display: none;
}

#pws_login {
    margin-top: 10px;
}
#pws_login .pws_login_form {
    border: 1px solid black;
    padding: 18px;
    margin-top: 5px;
}
#pws_login .svg-logo img {
    max-width: 95% !important;
}
#pws_login legend {
    color: #00B4C0;
    font-weight: bold;
}
#pws_login .pws_login_submit {
    background-color: #00B4C0 !important;
    border-color: #00B4C0 !important;
    color: white;
    width: 100%;
    padding: 7px;
    text-transform: none;
}
#pws_login .pws_create_account {
    width: 100%;
    padding: 7px;
    text-transform: none;
}
#pws_login hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    border-style: inset;
    border-width: 1px;
}
#pws_login .pws_privacy_policy {
    display: block;
    font-size: 0.8em;
    text-decoration: underline;
}
.pws_password_reset_msg {
    display: block;
    margin-bottom: 10px;
}

.show-for-small-only .sku-main {
	padding: 0;
}

#pws-party-details {
	margin-top: 5px;
}

#pws-party-attach-sidebar {
	margin-top: 50px;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-1 {
    margin-bottom: 1rem;
}

.text-nowrap {
    white-space: nowrap;
}

span.out-of-stock-message {
    color: grey;
    font-style: italic;
    font-weight: bold;
}

.mobile-topbar .badge {
        position: absolute;
        top: 0.1em;
        padding: 0.3em;
        font-size: 0.5rem;
}
.mobile-cart-subtotal {
    font-size: 0.8em;
    padding-left: 20px;
}
.success.row a {
    color:#ffffff;
}
.font-size-150 {
        font-size: 1.5em;
}