/*light green #00abb9*/
/*ping #ec008c*/
/*deep green 043d46*/
.header-logo a img { height:120px;}
.main-header-wrapper { background: #00abb9}
.main-header-inner .main-menu {
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #00abb9;
}
.main-header-inner .main-menu ul li {
    border-right: 1px solid #fff;
}
.main-header-inner .main-menu ul > li > a {
    color: #fff;
}
.bdr-bottom1 {
    border-bottom: 3px solid #043d46;
}
.main-header-inner .main-menu ul li:hover > a  {
    color: #fff;
    /*background-color: #043d46;*/
}
.main-header-inner .main-menu ul.wstliststy02 li a:hover {
    color: #00abb9;
    text-decoration: underline;
}
.customer-account a.account-link strong {
    color: #00abb9;
}
.customer-account .fa { color: #ec008c; }
.customer-cart .icon { color: #ec008c; }
.customer-cart .cart-link strong { color: #00abb9; }
.btn-search {
    color: #fff;
    background-color: #00abb9;
    border-color: #00abb9;
}
.footer-widget .widget-body ul li a:before {
    color: #00abb9;
    content: "\f10c";
    position: absolute;
    left: -18px;
}
.footer-widget .widget-body ul li a:hover:before {
    color: #00abb9;
    content: "\f111";
}
.footer-widget-area a { color: #00abb9; }
.footer-widget-area a:hover { color:#d8373e; }
.footer-widget .widget-body ul li a:hover
{
    color: #00abb9;
}
.footer-newsletter__form-button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 2px;
    border: none;
    /*padding: 0 20px;*/
    font-family: inherit;
    font-size: 15px;
    -webkit-transition: background .2s, color .2s;
    transition: background .2s, color .2s;
    background-color: #00abb9;
    color: #fff;
    background-color: #00abb9;
    color: #fff;
}
.footer-newsletter__form-button {
    margin-left: 8px;
}
.footer-newsletter__form-input {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    border-radius: 2px;
    font-size: 15px;
    height: 40px;
    padding: 0 12px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: inherit;
    border: 1px solid #00abb9;
    color: #000;
}
.footer-newsletter__text {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 14px;
}
.footer-newsletter__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 380px;
}
.footer-categories a {
    padding-right: 10px;
    color: #00abb9;
    font-weight: 600;
}
.footer-bottom-wrap .copyright-text p a {
    color: #ec008c;
}
.footer-widget .widget-body ul li {
    margin-bottom: 6px;
}

.breadcrumb-wrap nav .breadcrumb .breadcrumb-item a {
    color: #00abb9;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-transform: none;
}
.breadcrumb-wrap nav .breadcrumb .breadcrumb-item.active a {
    color: #ec008c;
}
h1.title {
    color: #ec008c;
}
.vertical-product-box .title-container .product-code .code-tag {
    color: #00abb9;
}
.vertical-product-box .prices .current-price-container .current-price {
    color: #ec008c;
}
.vertical-product-box .buttons .add-to-cart input, .vertical-product-box .buttons .add-to-cart button {
    color: #043d46;
}
.vertical-product-box .title-container .heading a {
    color: #043d46;
}

/* ------- products details end ------- */

.availability .pd-availability-6 {
    color: #1fa35d;
}
.availability .pd-availability-10 {
    color: #ff9300;
}
.availability .pd-availability-0 {
    color: red;
}





#store-locator-map {
    height: 400px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
}

/* Styling for autocomplete search bar */
/*#pac-card {*/
/*    background-color: #fff;*/
/*    border-radius: 2px 0 0 2px;*/
/*    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);*/
/*    box-sizing: border-box;*/
/*    font-family: Roboto;*/
/*    margin: 10px 10px 0 0;*/
/*    -moz-box-sizing: border-box;*/
/*    outline: none;*/
/*}*/

.pac-container {
    z-index: 2000;
}

/*#pac-input {*/
/*    background-color: #fff;*/
/*    font-family: Roboto;*/
/*    font-size: 15px;*/
/*    font-weight: 300;*/
/*    margin-left: 12px;*/
/*    padding: 0 11px 0 13px;*/
/*    text-overflow: ellipsis;*/
/*    width: 400px;*/
/*}*/

/*#pac-input:focus {*/
/*    border-color: #4d90fe;*/
/*}*/

#title {
    color: #fff;
    background-color: #acbcc9;
    font-size: 18px;
    font-weight: 400;
    padding: 6px 12px;
}

.hidden {
    display: none;
}

#map-div {
    padding-left: 0;
    padding-right: 0;
}

/* Styling for an info pane that slides out from the left.
 * Hidden by default. */
#panel {
    height: 400px;
    background-color: white;
    /*position: fixed;*/
    overflow-x: hidden;
    overflow-y: scroll;
    transition: all .2s ease-out;
}

/*.open {*/
/*    width: 250px;*/
/*    padding-right:15px;*/
/*}*/

#panel .place {
    font-family: 'open sans', arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-block-end: 0px;
    margin-bottom: 0px;
}
#panel .address {
    color:#666;
    font-family: 'open sans', arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-block-end: 0px;
    margin-bottom: 0px;
}
#panel .phone {
    color:#666;
    font-family: 'open sans', arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-block-end: 0px;
    margin-bottom: 0px;
}
#panel .distanceText {
    color: #444;
    font-family: 'open sans', arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-align:right
}

#panel .directions,  #panel .select-store{
    font-size:11px;
    font-weight:400;
    padding:2px 4px;
}

.ui-autocomplete {
    z-index: 1051 !important;
}

.modal-xl {
    max-width: 60% !important;
}

.modal-xxl {
    max-width: 70% !important;
    max-height: 70% !important;
}

.text-muted {
    color: #999 !important;
}
.color-black { color:#000; }

.social {
    display: inline-block;
    line-height: 32px;
    width: 32px;
    height: 32px;
    color: #fff;
    text-align: center;
    margin-right: 3px;
    margin-bottom: 3px;
    font-size: 12px;
    border-radius: 2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.social-full-width {
    width: 100%;
    margin-bottom: 6px;
    font-size: 13px;
}
.social-google-plus {
    background-color: #DE4B39;
}
.social:last-child {
    margin-right: 0;
}
.social:hover, .social:focus {
    color: #fff;
    opacity: .9;
}
.or-seperator {
    margin: 20px 0 10px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.map-info-window { font-size:14px;}
.map-info-window div { margin:3px 0}

.order-comment { height: 100px}


/* Notify */
.alert-minimum-order-notification {
    background-color: #ffffbb;
    border-color: #ffffbb;
    /*border-ius: 3px;*/
    color: #000;
    padding: 10px;
    font-size:14px;
}

.alert-minimum-order-notification > [data-notify="icon"] {
    margin-right: 12px;
    font-size: 40px;
    color:red;
}

.alert-minimum-order-notification > [data-notify="title"] {
    color: #000;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.alert-minimum-order-notification > [data-notify="message"] {
    line-height: 140%;
}

.form-group {
    position: relative;
}
.form-group .form-control-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    color: #aaa;
    right:0;
    top: 0;
}
#user-location-icon {
    cursor: pointer !important;
}

.promo-text-background {
    border: none; !important;
    background: repeating-linear-gradient(
            45deg,
            #ec008c,
            #ec008c 3px,
            #e5e5e4 3px,
            #e5e5e4 6px
    );
}
.promo-text {
    font-weight: 400;
    line-height: 30px;
    font-size:16px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif
}
.promo-text b, .promo-text strong { color: #ec008c; }




.responsive-banner {
    display: inline-block;
    /*margin: 50px;*/
    /*width: 60%;*/
    max-width: 490px;
    min-width: 320px;
    position: relative;
    /*min-height: 300px;*/
    /*max-height: 450px;*/
    border-radius: 10px;
    overflow: hidden;
    background-image: linear-gradient(to bottom right, #D45BA1, #A784E0);
    background-repeat: no-repeat;
    text-align: left;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.responsive-banner.second {
    background-image: linear-gradient(to bottom right, #F4C28E, #E67163);
}
.responsive-banner.third {
    background-image: linear-gradient(to bottom right, #589FE5, #74DAC4);
}
.container-envelope {
    max-width: calc(100%);
    padding: 15px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 200px;
    max-height: 450px;
}
/*.col-xs-12 {*/
/*    -webkit-box-flex: 0;*/
/*    -webkit-flex: 0 0 100%;*/
/*    -ms-flex: 0 0 100%;*/
/*    flex: 0 0 100%;*/
/*    max-width: 100%;*/
/*    -webkit-align-self: flex-end;*/
/*    -ms-flex-item-align: end;*/
/*    align-self: flex-end;*/
/*}*/

@media (min-width: 650px) {
    /*.col-xs-12 {*/
    /*    -webkit-align-self: center;*/
    /*    -ms-flex-item-align: center;*/
    /*    align-self: center;*/
    /*}*/
    .container-envelope {
        max-width: calc(100% - 100px);
    }
}
/*p {*/
/*    clear: both;*/
/*    font-family: 'Work Sans', Helvetica, sans-serif;*/
/*    text-transform: none;*/
/*    text-rendering: optimizeLegibility;*/
/*    font-weight: 500;*/
/*    line-height: 1.15;*/
/*    word-wrap: break-word;*/
/*    margin: 1em 0 0.5em;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    color: #fff;*/
/*    position: relative;*/
/*    word-wrap: break-word;*/
/*    font-size: 20px;*/
/*    text-transform: uppercase;*/
/*    margin-bottom: 20px;*/
/*}*/
/** {*/
/*    -webkit-box-sizing: border-box;*/
/*    -moz-box-sizing: border-box;*/
/*    box-sizing: border-box;*/
/*}*/
.container-envelope a.more-link {
    background-color: rgba(255, 255, 255, 0.35);
    display: inline-block;
    padding: 12px 18px;
    color: #fff;
    text-decoration: none;
    /*font: 500 15px 'Work Sans', Helvetica, sans-serif;*/
    line-height: 1.5;
    text-align: center;
    border: none !important;
    position: relative;
    border-radius: 6px;
    /*text-transform: uppercase;*/
    -webkit-transition: .1s all ease-in-out;
    -moz-transition: .1s all ease-in-out;
    -o-transition: .1s all ease-in-out;
    transition: .1s all ease-in-out;
}
.container-envelope a.more-link:hover {
    background-color: rgba(255, 255, 255, 0.50);
}
.container-envelope svg, .container-envelope img {
    fill: rgba(0, 0, 0, 0.1);
    position: absolute;
}
.container-envelope img {
    max-width : 35%;
}
.container-envelope .cirle-a {
    bottom: -80px;
    left: -80px;
}
.container-envelope .cirle-b {
    top: -30px;
    right: 70%;
}
.container-envelope .cirle-c {
    top: -330px;
    right: -300px;
}
.container-envelope .cirle-d {
    top: 195px;
    right: 145px;
}
.container-envelope img {
    top: 0;
    right: 0;
}

/*body {*/
/*    background-color: #eff2f7;*/
/*    margin-bottom: 50px;*/
/*    text-align: center;*/
/*}*/
/*html, button, input, select, textarea {*/
/*    font-family: 'Source Sans Pro', Helvetica, sans-serif;*/
/*    color: #90b0bf;*/
/*}*/
/*h1 {*/
/*    text-align: center;*/
/*    margin: 30px 15px;*/
/*}*/
/*.link-container {*/
/*    text-align: center;*/
/*}*/
/*.link-container a.more-link {*/
/*    font-family: 'Source Sans Pro', Helvetica, sans-serif;*/
/*    background-color: #90b0bf;*/
/*    color: #fff;*/
/*    display: inline-block;*/
/*    margin-right: 5px;*/
/*    margin-bottom: 5px;*/
/*    line-height: 1.5;*/
/*    text-decoration: none;*/
/*    text-transform: none;*/
/*    font-weight: 400;*/
/*    letter-spacing: 1px;*/
/*}*/

.number-store-circle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 12px;
    color : #fff;
    font-weight: 600;
    background: #00abb9;
    border: 2px solid #00abb9;
    text-align: center;
    font-size:20px;
}
.stores-bg-green { background: #00abb9; color : #fff; font-weight: 600; padding: 3px 4px 3px 0; margin-left:-4px;}

.static_page blockquote.simple  {
        padding: 5px 5px 5px 20px;
        margin: 0 0 20px 0px;
        border-left: 5px solid #eee;
        text-align: left;
        /*clear: both;*/
        /*float: left;*/
        width: 100%;
        color: #404040;
        display: block;
}

.static_page h4.underline {
    font-size: 16px !important;
    font-weight: bold;
    margin-bottom: 30px;
    position: relative;
}
.static_page h4.underline::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -10px;

    background: #ec008c;
    margin: 0 auto;
}

/* List */
.static_page ol {
    counter-reset: index;
    padding: 0;
}

/* List element */
.static_page ol li {
    counter-increment: index;
    display: flex;
    flex-wrap: wrap;
    text-align: left !important;
    align-items: center;
    padding: 12px 0;
    box-sizing: border-box;
}
.static_page ol li strong {
    margin-right: 0.3em;
}


/* Element counter */
.static_page ol li::before {
    content: counters(index, ".", decimal-leading-zero);
    font-size: 1.2rem;
    text-align: right;
    font-weight: bold;
    /*min-width: 50px;*/
    padding-right: 12px;
    font-variant-numeric: tabular-nums;
    align-self: flex-start;
    /*background-image: linear-gradient(to bottom, aquamarine, orangered);*/
    /*background-attachment: fixed;*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
}


/* Element separation */
.static_page ol li + .static_page ol li {
    border-top: 1px solid rgba(255,255,255,0.2);
}


.static_page details {
    padding:20px;
    border-bottom: 1px solid #ccc;
}

.static_page details p {
    margin-top:20px;
    margin-bottom:0px;
}

.static_page details summary {
    list-style: none;
    cursor: pointer;
    position: relative;
    padding-left: 2em;
}

.static_page details summary::-webkit-details-marker {
    display: none;
}

.static_page details summary::before {
    content: "+";
    position: absolute;
    left: 0;
    top: -8px;
    color: #ec008c;
    transition: content 0.2s;
    font-weight: bold;
    font-size:26px;
}

.static_page details[open] summary::before {
    content: "-";
    position: absolute;
    left: 5px;
    top: -10px;
    color: #ec008c;
    transition: content 0.2s;
    font-weight: bold;
    font-size:26px;
}