/*
    +-+-+-+-+-+-+ GLOBAL STYLES +-+-+-+-+-+-+
        =BODY
        =HEADER
        =NAVIGATION BAR
        =MAIN
        =COLUMN-LEFT
        =COLUMN-RIGHT
        =BOTTOM WRAP
        =FOOTER
        =DISCLAIMERS
        =MOBILE FOOTER
*/


/*
------------------------------- =BODY ------------------------------- */

body {}
@media screen and (min-width: 768px){
    body:before {
      content: "";
      position: fixed;
      top: -10px;
      left: 0;
      width: 100%;
      height: 10px;
      z-index: 100;
      -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
      -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
      box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    }
    .js-quickview:before{
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
}

/*
------------------------------- =HEADER ------------------------------- */
.secure-checkout{
    font-weight: bold;
    font-size: 0.9rem;
    margin-right: 1rem;
}
.checkout-phone{
    text-align: center;
    margin: 0.5rem auto;
    display: block;
    width: 80%;
    border-top: 1px solid #000;
    padding-top: 0.5rem;
}
.header {
    background: #fff;
    margin: 0 auto;
}

.header.stuck, .header .main-header.stuck {
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

#js-sticky-header {
    width: 100%;
    z-index: 999;
    display: block;
    position: fixed;
    top: -120px;
    background: #24364a;
}

@media screen and (min-width: 960px) {
    #js-sticky-header.slideDownSticky {
        top: 0;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
}

#js-sticky-categories-nav .nav-group-2, #js-sticky-categories-nav .nav-group-3 {
    display: none !important;
}


/* ------------------------  pre-header ------------------------ */

.pre-header {}

.pre-header nav {
    z-index: 2;
}

.pre-header a {
    color: #fff;
}

.pre-header .pre-header--promo {
    color: #fff;
    font-size: 0.75rem;
    height: 2rem;
    line-height: 2;
}

@media only screen and (min-width: 768px) {
    .pre-header .pre-header--promo {
        font-size: 0.875rem;
        height: 2.50rem;
        line-height: 2.5;
    }
    .pre-header a:hover {
        color: #8e61ab;
    }
    #js-mobile-autocomplete {
        display: none !important;
    }
}

.global-sign-in {
    background: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);
    float: none;
    font-size: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    position: absolute;
    top: -15rem;
    right: 0;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1002;
}

.global-sign-in.open {
    top: 2.50rem;
}

.global-sign-in form, .global-sign-in p {
    margin-bottom: 0.50rem;
}

.global-sign-in a {
    color: #0074d9;
}


/* ------------------------ main-header ------------------------ */

.main-header {
    z-index: 2;
    /*padding-bottom: .5rem;*/
}
@media only screen and (min-width: 768px){
    .main-header .wrap{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .checkout .main-header .wrap{
        padding: 1rem 0.75rem 2rem;
    }
}

.middle-header{
    z-index: 3;
}

@media only screen and (max-width: 768px) {
.middle-header{
    height: 7.5rem;
}    
}

@media only screen and (min-width: 960px) {
    .main-header {
        font-size: 0.875rem;
        /*height: 7.5rem;*/
        padding: 0;
    }
    .checkout .main-header{
        height: 7.5rem;
    }
}


/* ------------------------ sticky header ------------------------ */

#js-sticky-header {
    width: 100%;
    z-index: 2001;
    display: none;
    position: fixed;
    top: -120px;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
    background-color: #fff;
    font-size: 14px;
}
.sticky-wrap {
    clear: both;
    display: block;
    margin: 0 auto;
    position: relative;
    width: auto;
    max-width: 1250px;
    zoom: 1;
}
.js-az-menu-trigger>span.sticky-menu__icon,
.js-az-menu-trigger>span.sticky-menu__arrow {
    color: #fff;
    top: 15px;
}
.js-az-menu-trigger>span.sticky-menu__arrow {
    font-size: 16px;
    top: 6px;
}
.sticky-header .top-bar__dropdown {
    margin-top: 18px;
    background: #EBEBEB;
    position: absolute;
    top: 42px;
    left: 0;
}
.sticky-header .top-bar__dropdown-inner {
    padding: 30px;
}
.sticky-header .top-bar__dropdown-label {
    color: #676767
}
.sticky-header .top-bar__dropdown-item a {
    color: #000000;
}
.sticky-header .top-bar__dropdown-item {
    padding-bottom:10px;
}
.sticky-header .search-form {
    margin-top: 1px;
    border: 2px solid #8e61ab;
}
.sticky-header .search-form__input,
.sticky-header .search-form__button {
    height: 55px;
    line-height: 2.5
}
.sticky-header .search-form__input {
    background: #f5f5f5;
    padding: 0px 1.5rem;
}
.sticky-header .search-form__button {
    padding: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #8e61ab;
    width: 45px;
    height: 59px;
}
.sticky-header .top-bar__menu {
    padding: 19px 35px;
}
.sticky-header .js-mini-basket {
    color: #000000;
    border-left: 1px solid #e1e1e1;
    position: relative;
}

.sticky-header .js-mini-basket-count {
 color: #ffffff;
 font-weight: 700;
 font-weight:700;
 background: #8e61ab;
 color: #fff;
 padding: 0rem 0.5rem;
 border-radius: 2.75rem;
 display:inline-block;
}
/*.sticky-header .js-mini-basket-count:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 27px;
    width: 25px;
    height: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 15px;
    background-color: #8D63AB;
    z-index: -1;
}*/

.sticky-header__logo {
    display: inline-block;
    left: .5rem;
    width: 50%;
    height: 60px;
    vertical-align: top;
}
.sticky-header__logo img {
    padding-top: 1.5rem;
    margin-left: 0.5rem;
    image-rendering: -webkit-optimize-contrast;
}
.sticky-header-trigger {
    background: #303030;
    width: 90%;
    margin: 0 auto;
    display: block;
}
.sticky-dark-wrapper {
    background: #303030;
    height: 61px;
    display: inline-block;
    width: 45%;
}
.sticky-right {
    color: #000;
    height: 60px;
    text-transform: uppercase;
}
#js-all-categories-nav {
    max-width: 1145px;
}
#js-sticky-categories-nav .nav-group-2,
#js-sticky-categories-nav .nav-group-3 {
    display: none!important
}
#js-all-categories-nav .nav-group-2 {
    background:#fff;
}
#js-all-categories-nav .nav-group-2:before,
#js-all-categories-nav .nav-group-2:after  {
    display:none;
}
.sticky-header span.sticky-menu__shopnow {
    color: #fff;
    font-size: 13px;
    top: 6px;
    text-transform: uppercase;
    font-weight: 700;
}
.sticky-header span.sticky-my-cart {
    margin-right: 10px;
}
.sticky-header .js-az-menu-trigger > span {
    margin-right: 0;
}
.sticky-navigation-header {
    line-height: 3rem;
    vertical-align: middle;
    text-align: center;
    overflow:hidden;
}
.sticky-navigation-header a {
    cursor: pointer;
    display: block;
    font-size: 0.75rem;
    height: 100%;
    line-height: 1;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    text-decoration: none;
    color: #000;
}
.sticky-navigation-header a span {
    font-size: 1.4rem;
}
.sticky-navigation-header  a small {
    display: inline-block;
    font-size: 0.625rem;
    width: 100%;
}
.sticky-navigation-header .mini-basket-icon {
    top:0px;
}
.header.sticky-shown  {
    margin-top: 60px;
}
.sticky-navigation .navigation-set {
    border-top: 1px solid #dedede;
}
.sticky-navigation .level-1, .mobile-navigation .level-2, .mobile-navigation .level-3, .mobile-navigation .level-4, .mobile-navigation .back {
  background:none;
  border:0 none;
  box-shadow:none;
  cursor:pointer;
  font-size:0.875rem;
  line-height:1.5;
  overflow:hidden;
  padding-left:1rem;
  text-decoration:none;
  text-transform:uppercase;
  vertical-align:middle;
  white-space:normal;
  width:100%;
  border-bottom:1px solid #dedede
 }
.sticky-header .top-bar__dropdown-item {
    font-size:14px;
}
.sticky-header .top-bar__dropdown-item a {
    color: #000000;
    text-transform:lowercase;
}
.navigation-bar.hidden {
    display:none;
}

.sticky-dark-wrapper:hover {
    cursor:pointer;
}
@media screen and (max-width:1060px) {
.sticky-dark-wrapper .js-az-menu-trigger {
    font-size:14px !important;
    }
    #js-sticky-header span.sticky-menu__shopnow {
        top:8px;
    }
}
@media screen and (min-width: 960px) {
    #js-sticky-header {
        display: block;
        height: 60px;
    }
    #js-sticky-header.slideDownSticky {
        top: 0;
        pointer-events: all
    }
    #js-sticky-header .top-bar__menu .top-bar__dropdown {
        display: none!important
    }
    #js-sticky-header.slideDownSticky .top-bar__menu:hover .top-bar__dropdown {
        display: block!important
    }
    .header.sticky-shown {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        border-bottom: 1px solid #e1e1e1;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    .header.sticky-shown .main-header,
    .header.sticky-shown .nav-group-1 {
        display: none;
    }
    main.sticky-is-shown {
        margin-top: 200px
    }
}


/* ------------------------ mobile-main-header ------------------------ */
.mobile-main-header {
    background: #fff;
    height: 4.5rem;
    overflow: hidden;
    text-align: center;
    line-height: 6rem;
}
.checkout .mobile-main-header {
    background: #fff;
    height: 10.25rem;
    line-height: 2;
    overflow: hidden;
    text-align: center;
}
.mobile-main-header .secure-checkout{
    font-weight: bold;
    font-size: 0.7rem;
    margin-right: 1rem;
    line-height: 2.5;
}
.mobile-basket-button{
    /*line-height: 3;*/
}
li.mobile-menu-button {
    background: #4d4d4d; 
    height: 4.5rem; 
}

.mobile-menu-button span {
    position: relative;
    top: -0.75rem;
}
@media only screen and (min-width: 768px){
    .mobile-menu-button span {
        position: relative;
        top: 5px;
    }
}
.mobile-main-header .mobile-menu-button span {
    display: inline-block;
    font-size: 1.50rem;
    line-height: 2.667;
    vertical-align: middle;
    width: 100%;
}
.mobile-main-header-logo {
    line-height: 4.5rem;
    height: 4.5rem;
}
.medium-menu-button {
    font-size: 3em;
}

.mobile-basket-button .mini-basket-count, .mobile-basket-button .mini-basket-inner {
    line-height: 2;
}
.mobile-basket-button .mini-basket-inner {
    right: 32%;
}

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

    .back-to-top {
        background: #8e61ab;
        bottom:1rem;
        right:; 1rem;
      border-radius:25px;
    }
    .back-to-top span {
        width: 3rem;
        height: 3rem;
    }
    #js-chaser [data-icon]::before {
        content: attr(data-mobile);
        position: relative;
        top: 7px;
        right:1px;
    }
}

/* ------------------------ service-links ------------------------ */

.service-links {
    margin: 0 auto 0.5rem;
    font-size: 0.9rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.service-links a {
    color: #fff;
    font-size: 0.8rem;
    display: inline;
}
.service-links .header-wishlist-icon span{
    margin-right: 3px;
}
.service-links #quick-order-svg{
    height: 19px;
    fill: #fff;
    vertical-align: middle;
    -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
    transform: rotate(20deg);    
    display: inline;
    width:20px;
}
@media screen and (min-width: 960px) {
    .service-links {
        margin: 0 auto 0.75rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

.service-link-phone {
    position: relative;
    top: 1px;
}

.service-links .breadcrum-border {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}


/* ------------------------ mini-basket ------------------------ */

.mini-basket {
     height: 4rem;
    line-height: 7.5;
    display: inline-block;
    font-size: 0.8rem;
}
.mini-basket span{
    font-weight: 600;
    line-height: 5.5;
}
.mini-basket-icon {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1;
    position: relative;
    height: 22px;
    width: 38px;
}
@media screen and (min-width: 767px) {
    .mini-basket-icon {
        display: inline-block;
        font-size: 1.75rem;
        line-height: 1;
        position: relative;
        top: 25px;
    }
    .mobile-navigation-header .mini-basket-icon {
        top: 0;
    }
}

.mobile-basket-button .mini-basket-inner {
    line-height: 1.5;
}

.mini-basket-count {
    padding: 0 5px;
    font-size: 0.75rem;
}

@media screen and (min-width: 960px) {
    #js-mini-basket {
        position: relative;
        top: 2px;
    }
}

.mini-basket-inner {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 25%;
}
@media screen and (min-width: 768px) {
    .mini-basket-inner {
        display: inline-block;
        position: absolute;
        top: 8px;
        right: 5px;
    }   
}
.mobile-basket-button .mini-basket-inner {
    /*background: #8e61ab;*/
}


    .mini-basket-count, .mini-basket-text {
    padding: 0rem 0.5rem;
    line-height: 2;
    border-radius: 2.75rem;
    }


.mini-basket-count {
    background: #8e61ab;
    color: #fff;
}

.mini-basket-down-arrow {
    font-size: .8em;
    position: relative;
    top: 1px;
}

.mini-basket-container {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.10);
    /*box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);*/
    float: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    top: -40rem;
    right: 12px;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1001;
}

.round-bottom-left {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}

.round-bottom-right {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}

.mini-basket-container.open {
    top: 6rem;
    right: 0;
}

@media only screen and (min-width: 768px) {
    .mini-basket-container:after, .mini-basket-container:before {
        border: solid transparent;
        content: " ";
        position: absolute;
        bottom: 100%;
        left: 80%;
        pointer-events: none;
        width: 0;
        height: 0;
    }
    .mini-basket-container:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 9px;
        margin-left: -4px;
    }
    .mini-basket-container:before {
        border-color: rgba(0, 0, 0, 0);
        border-bottom-color: rgba(0, 0, 0, 0.10);
        border-width: 10px;
        margin-left: -5px;
    }
    .mini-basket-container.open {
        top: 8.5rem;
        right: 12px;
    }
}
.mini-basket-container .button.bg-white{
    border:none;
    border-top: 1px solid #8e61ab;
}
@media screen and (min-width: 960px) {
    .mini-basket-container.open {
        top: 4rem;
        right: 12px;
    }
}
@media only screen and (max-width: 959px) {
    .mini-basket-count, .mini-basket-text{
        padding: 0rem 0.5rem;
    }
}
@media screen and (min-width: 767px) {
    .mobile-basket-button .mini-basket-inner {
        line-height: 2;
    }
}
.mini-basket-content {
    cursor: default;
    padding: 1rem;
}


.mini-basket-content h3 span {
    border-bottom: 1px solid #8e61ab;
}

.mini-basket-content h5 {
    font-size: 1.125rem;
    line-height: 1;
    margin-bottom: 0.50rem;
}

.mini-basket-table-wrap {
    font-size: 0.875rem;
    overflow: hidden;
    overflow-y: auto;
    max-height: 300px;
    margin-top: 1rem;
}

.mini-basket-row {
    border-top: 1px solid #dedede;
    padding: 0.50rem 0;
}
.mini-basket-row.tray-product{
    padding: 0 0 0.50rem 0.50rem;   
}
.mini-basket-row.tray-product, .mini-basket-row.mix-product{
    border-top: 0;
}
.mini-basket-content a.button {
    font-size: 1.125rem;
}

.mini-basket-close {
    cursor: pointer;
    color: #a1adb9;
    font-size: 1.5rem;
    position: absolute;
    right: .5rem;
    top: 0;
    z-index: 1;
}

.mini-basket-image {
    border: 1px solid #dee5e7;
}

.mini-basket-seperator {
    font-size: 0.5rem;
    color: #a2afbc;
}


/*
------------------------------- =NAVIGATION BAR ------------------------------- */

.navigation-bar {
    border-bottom:1px solid #ebebeb;
    position: relative;
    text-align: center;
    z-index: 1;
}
#js-SFNT .navigation-bar{
    border-bottom:none;
}

.navigation-set {
    /*height: 0;*/
    opacity: 0;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.navigation-set li {
    /*display: inline-block;*/
    display: table-cell;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    white-space: nowrap;
}

.navigation-set li a {
    display: block;
    font-weight: bold;
}

@media only screen and (min-width: 960px) {
    .navigation-set {
        font-size: 0;
        margin: 0 auto;
        opacity: 1;
        padding: 0;
        text-align: center;
        max-width: 1170px;
        height: 100%;
    }
    .navigation-set .level-1, .nav-item-1 a {
        font-size: 15px;
        text-transform: uppercase;
        line-height: 3;
        display: inline-block;
    }
    .navigation-set .level-1 > span, .navigation-set .level-1 > span > a {
        line-height: 2.75;
        height: 3.25em;
        color: #252525;
    }
    .navigation-set .open-global-search {
        width: 4%;
    }
    .navigation-set .level-1 span {
        display: inline-block;
        text-align: center;
        padding-left: 40px;
        padding-right: 40px;
    }
    .navigation-set > .level-1:first-child a {
        /*border-left: 1px solid #dedede;*/
    }
    .navigation-set .level-1:hover > span a {
        box-shadow: inset 0 -4px 0 0 #8e61ab;
    }
}


/* ------------------------ first sub-level ------------------------ */

.navigation-set li ul {
    border-top: 1px solid #dedede;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2);
    display: none;
    font-size: 0.75rem;
    line-height: 1.5;
    margin: 0;
    min-width: 100%;
    padding: 1rem;
    position: absolute;
    left: 0;
    z-index: 999;
}

.navigation-set li:hover ul {
    background: #fff;
    display: block;
}

.navigation-set li ul li {
    display: block;
    margin: 0 0.75rem;
}

.navigation-set .level-2 {
    font-size: 1rem;
    font-weight: 100;
    min-width: 10rem;
    line-height: 2;
}

.navigation-set > .level-1:first-child .level-2 a, .navigation-set li ul .level-2 a {
    border: 0 none;
    margin-bottom: 0.25rem;
    text-align: left;
    text-transform: none;
}

.navigation-set .level-2 a:hover {
    /*font-weight: normal;*/
}


/*.navigation-set .level-2 a:after {
background: #8e61ab;
content: '';
display: block;
position: relative;
bottom: 0;
width: 33%;
height: 2px;
}*/

.navigation-set .level-2 a i {
    font-size: 0.75rem;
    position: absolute;
    top: 0.50rem;
    right: 0;
}


/* ------------------------ second and subsequent sub-levels ------------------------ */

.navigation-set li:hover ul ul {
    border: 0 none;
    box-shadow: none;
    display: none;
    margin: 0;
    padding: 0;
}

.navigation-set li ul li ul {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
}

.navigation-set li ul li:hover > ul {
    display: block;
}

.navigation-set .level-3 {
    font-size: 0.875rem;
    line-height: 2;
    margin: 0;
}

.navigation-set > .level-1:first-child .level-2 .level-3 a, .navigation-set ul .level-2 .level-3 a {
    border-bottom: 0 none;
    color: #818181;
    margin-bottom: 0;
}

.navigation-set ul .level-2 .level-3 a:after {
    display: none;
}

.navigation-set ul .level-2 .level-3 a:hover, .navigation-set > li:first-child .level-2 .level-3 a:hover {
    color: #8e61ab;
}


/* ------------------------ horizontal-mega-menu ------------------------ */

.navigation-set.horizontal-mega-menu {
    position: relative;
}

.navigation-set.horizontal-mega-menu .level-1 {
    position: static;
}

.navigation-set.horizontal-mega-menu .level-1 ul {
    padding-bottom: 0;
    white-space: normal;
}

.navigation-set.horizontal-mega-menu li ul li {
    display: inline-block;
    height: auto;
    vertical-align: top;
}

.navigation-set.horizontal-mega-menu li ul .level-2 {
    margin-bottom: 1rem;
}

.navigation-set.horizontal-mega-menu li ul li ul {
    display: block;
    position: relative;
    top: auto;
    left: auto;
}

.navigation-set.horizontal-mega-menu li ul li ul li {
    display: block;
}


/* ------------------------ vertical-fly-out ------------------------ */

.vertical-fly-out li {
    display: block;
}

.vertical-fly-out li ul {
    top: 0;
    left: 100%;
}


/* ------------------------ single-navigation-column ------------------------ */

.single-navigation-column {

    padding-right: 1rem;
    vertical-align: top;
}

.single-navigation-column li {
    display: block;
    font-size: 0.75rem;
    height: auto;
    line-height: 1.75;
}

.single-navigation-column .single-navigation-title {
    font-size: 1rem;
    font-weight: 700;
    height: 2em;
    line-height: 2;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}

.single-navigation-column li a {
    padding: 0;
}

.single-navigation-column li:hover > a {
    background: transparent;
}


/* ------------------------ global-search ------------------------ */

.global-search {
    border-top: 1px solid #dedede;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2);
    margin-bottom: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

.global-search input[type="search"], .global-search button {
    display: inline-block;
}

.global-search input[type="search"] {
    float: left;
    width: 92%;
}

.global-search button {
    width: 8%;
}

.global-search button:before {
    line-height: 2;
}

.search-form {
    margin-bottom: 0;
    margin-top: 0.3rem;
}

.search-form .search-input {
    padding-left: 1.25rem;
    font-weight: 100;
    border-radius: 0.25rem 0 0 0.25rem;
    border: 2px solid #8e61ab;
}

.search-form input, 
.search-form button {
    border: 0;
}

.search-form input, 
.search-form button {
    height: 3.5em;
    line-height: 3.3em;
    padding: 0.25rem 1.5rem;
}
.search-input {
    background: #f5f5f5;
    border: 0;
    color: #6c7784;
}
.search-input:hover {
    background: #e4eaeb;
}
.search-button {
    background: #f5f5f5;
    color: #9ba8b5;
    border:none;
}
.search-button:hover {
    background: #555555;
    color: #f5f5f5;
}
.search-form button {
    background: #8e61ab;
    color: #fff;
}
.search-form button:hover,
.js-add-to-cart:hover,
button.button.button-square.button-block.column.one-sixths.bg-transparent.search-button:hover {
    background: #c8afd6 !important;
}

input#l-mobile-search {
    border: 2px solid #8e61ab;
    margin-top: 1px;
}

button.button.button-square.button-block.column.one-sixths.bg-transparent.search-button {
    background: #8e61ab;
    color: #fff;
    margin-top: 1px;
}


.search-form [data-icon]:before{
    font-weight: 700;
}

@media screen and (min-width: 960px) {

}


/* ------------------------ mobile off-canvas navigation ------------------------ */

.mobile-menu {
    -webkit-backface-visibility: hidden;
    /* improves performance issues on mobile */
    background: #fff;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* enables momentum scrolling in iOS overflow elements */
    -webkit-perspective: 1000;
    /* improves performance issues on mobile */
    position: fixed;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 9999;
}

.mobile-menu-top, .mobile-menu-bottom {
    left: 0;
    width: 100%;
    height: 100%;
}

.mobile-menu-top {
    top: -100%;
}

.mobile-menu-top-open .mobile-menu-top {
    top: 0
}

.mobile-menu-right, .mobile-menu-left {
    top: 0;
    width: 16rem;
    height: 100%;
}

.mobile-menu-right {
    right: -16rem;
}

.mobile-menu-right-open .mobile-menu-right {
    right: 0
}

.mobile-menu-bottom {
    bottom: -100%;
}

.mobile-menu-bottom-open .mobile-menu-bottom {
    bottom: 0
}

.mobile-menu-left {
    left: -16rem;
}

.mobile-menu-left-open .mobile-menu-left {
    left: 0
}

.mobile-menu-header {
    background: #292929;
    color: #fff;
    font-size: 1rem;
    line-height: 3;
    margin: 0;
    overflow: hidden;
    padding: 0 1rem;
    text-align: center;
    vertical-align: middle;
}

.mobile-menu-header .close-mobile-menu {
    display: inline-block;
    float: right;
    font-size: 2rem;
    line-height: 1.5;
    opacity: .50;
    text-decoration: none;
    vertical-align: middle;
}

.mobile-navigation-gray {
    background: #a2afbc !important;
}


/* ------------------------ Menu Transitions ------------------------ */

.mobile-navigation, .wrap, .large-wrap {
    -webkit-backface-visibility: hidden;
    /* improves performance issues on mobile */
    -webkit-perspective: 1000;
    /* improves performance issues on mobile */
}

/* ------------------------ Site Overlay ------------------------ */

.site-overlay {
    background: transparent;
    display: none;
}

.mobile-menu-active .site-overlay {
    background: #999;
    background: rgba(0, 0, 0, 0.5);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
}


/* ------------------------ Menu Appearance ------------------------ */

.mobile-navigation-bar .column {
    color: #2b2b2b;
    cursor: pointer;
    line-height: 2.50rem;
    text-transform: uppercase;
}

.mobile-menu .mini-basket-icon {
    right: 10px;
    top: 2px;
}

@media only screen and (max-width: 959px) {
    .mobile-navigation-header {
        line-height: 3rem;
        vertical-align: middle;
        text-align: center;
    }
    .mobile-navigation-header a {
        cursor: pointer;
        display: block;
        font-size: 0.75rem;
        height: 100%;
        line-height: 1;
        padding-top: 1.0rem;
        padding-bottom: 0.625rem;
        text-decoration: none;
        color: #000;
    }
    .mobile-navigation-header a:hover {
        color: currentColor;
    }
    .mobile-navigation-header a span {
        font-size: 1.0rem;
    }
    .mobile-navigation-header a span.mobile-contact-number {
        font-size: 0.8rem;
        margin-left:5px;
        font-weight:700;
    }
    .mobile-navigation-header a small {
        display: inline-block;
        font-size: 0.625rem;
        width: 100%;
    }
    .mobile-navigation-search {
        border: 1px solid #dedede;
        margin: 0.75rem;
    }
    .mobile-navigation-search input[type="search"] {
        border-color: transparent;
    }
    .mobile-navigation-search .button *[data-icon] {
        margin: 0;
    }
    .mobile-navigation {
        width: 200%;
        -webkit-overflow-scrolling: touch;
        -webkit-tap-highlight-color: transparent;
    }
    .mobile-navigation ul {
        display: block;
        float: left;
        opacity: 1;
        overflow: hidden;
        position: relative;
        table-layout: auto;
        -webkit-tap-highlight-color: transparent;
        text-align: left;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 50%;
        height: 100%;
        z-index: 0;
    }
    .mobile-navigation ul li > ul {
        display: none;
    }
    .mobile-navigation ul li {
        display: table;
        overflow-x: hidden;
        width: 100%;
    }
    .mobile-navigation ul li svg{
        height: 15px;
        vertical-align: middle;
        margin-right: 5px;
        -ms-transform: rotate(20deg); /* IE 9 */
        -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
        transform: rotate(20deg);        
    }
    .mobile-navigation ul li svg .cls-1{
        fill: #24364a;
    }
    .mobile-navigation .open-global-search {
        display: none;
    }
    .mobile-navigation ul li span.icon{
        display: inline;
        margin-right: 5px;
    }
    .mobile-navigation ul li span {
        border: none;
        cursor: pointer;
        display: block;
        font-size: 0.875rem;
        line-height: 3.50rem;
        overflow: hidden;
        padding: 0;
        -moz-transition: none;
        -webkit-transition: none;
        transition: none;
        width: 100%;
        min-height: 3.50rem;
    }
    #js-mobile-navigation #js-navigation-set {
        border-top: 1px solid #dedede;
    }
    .mobile-navigation ul li span.parent {
        display: table-cell;
        width: 80%;
    }
    #l-mobile-search {
        border: 0;
        padding: 0 2rem;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border-right: 0;
        border-left: 0;
        -webkit-appearance: none;
        height: 3rem;
        line-height: 2.5;
        font-weight: 100;
    }
    .search-button{
        height: 3rem;
        line-height: 2.5;
    }
    .mobile-navigation ul li span.next {
        display: table-cell;
        width: 20%;
        text-align: center;
        background: rgba(0, 0, 0, .1);
    }
    .mobile-navigation ul li span.next:active {
        background: transparent;
    }
    .mobile-navigation ul li span.back {
        max-width: none;
    }

    .mobile-navigation .level-1, .mobile-navigation .level-2, .mobile-navigation .level-3, .mobile-navigation .level-4, .mobile-navigation .back {
        background: none;
        border: 0 none;
        box-shadow: none;
        cursor: pointer;
        font-size: 0.875rem;
        line-height: 1.5;
        overflow: hidden;
        padding-left: 1rem;
        text-decoration: none;
        text-transform: uppercase;
        vertical-align: middle;
        white-space: normal;
        width: 100%;
        border-bottom: 1px solid #dedede;
    }
    .mobile-navigation .back {
        line-height: 1;
        min-height: 2.50rem;
    }
    .mobile-navigation .back span {
        display: inline;
    }
    .mobile-navigation ul li:hover > ul {
        display: none;
    }
    .mobile-navigation ul li:hover > span, .mobile-navigation ul li:hover > span a {
        box-shadow: none;
    }
    .mobile-navigation ul li:hover > span:active {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background-color: transparent;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .mobile-navigation ul.hide {
        overflow: hidden;
        margin-left: -50%;
        white-space: nowrap;
    }
    .mobile-navigation ul.hide li, .mobile-navigation ul.hide li span {
        overflow: hidden;
    }
    .mobile-navigation .navigation-trail {
        height: 3.50rem;
    }
    .mobile-navigation .navigation-trail span {
        cursor: default;
        display: table-cell;
        font-size: 0.75rem;
        line-height: 1.5;
        padding: 0 1rem;
        text-align: left;
        text-indent: 0;
        vertical-align: middle;
    }
}


/*
------------------------ =MAIN ------------------------ */

main {}

.hdft-header, .hdft-footer, .prod-ctgy-hdft-header, .prod-ctgy-hdft-footer, .content-item, .page-title {
    clear: both;
}

.morecontent span {
    display: none;
}
.morelink {
    /*display: block;*/
}
/*
    ------------------------ =COLUMN-LEFT ------------------------ */

.column-left {}

.single-column .column-left {
    display: none;
}


/* ------------------------ category tree navigation ------------------------ */

.category-tree {
    background: #fff;
    margin-bottom: 2rem;
    border-bottom: 1px solid #ccc;
}
#WRDPRESS .category-tree{
    border-bottom: none;
}
.category-tree li a{
    color: #363636;
    text-transform: uppercase;
}
.category-tree h5, .category-tree-heading {
    font-size: 19px;
    color: #363636;
    font-weight: 100;
}

.category-tree .level-1, .category-tree .level-2, .category-tree .level-3, .category-tree .level-4 {
    list-style: none;
    font-weight: 100;
}

.category-tree .level-1 {
    font-weight: normal;
}

.category-tree .level-1 {
    line-height: 3;
    border-top: 1px solid #e1e1e1;
}
.category-tree .level-1 a{
    letter-spacing: 0.1rem;
}
.category-tree .level-1.active a {
    color: #8e61ab;
    font-weight: bold;
}

.category-tree .level-1.active {
    /*margin-bottom: -15px;*/
}

.category-tree .level-2.active {
    /*margin-bottom: -5px;*/
}

.category-tree .level-2 {
    margin: 10px 0;
}

.category-tree .level-3 {
    margin: 5px 0;
}
.category-tree .level-4 {
    margin: 8px 0;
}

.category-tree .level-2, .category-tree .level-3, .category-tree .level-4 {
    font-size: 0.875rem;
    line-height: 2;
    padding-left: 0.75rem;
    text-transform: none;
}

.category-tree .level-2 a, .category-tree .level-3 a, .category-tree .level-4 a {
    text-transform: none;
}

.category-tree .level-2.active, .category-tree .level-3.active, .category-tree .level-4.active {
    font-weight: normal;
    color: #434a54;
}

.category-tree .level-3 {
    padding-left: 1.50rem;
}
.category-tree .level-4 {
    padding-left: 1.6rem;
}

.category-tree a {
    display: block;
    position: relative;
    text-decoration: none;
}

.category-tree .level-2 a:hover:before, .category-tree .level-3 a:hover:before, .category-tree .level-2.active a:before, .category-tree .level-4 a:hover:before, .category-tree .level-3.active a:before, .category-tree .level-4.active a:before {
    content: "E";
    font-family: 'ElegantIcons';
    font-size: 0.75rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    top: 0.5rem;
    left: -0.75rem;
    speak: none;
    text-transform: none;
}


/*
    ------------------------ =COLUMN RIGHT ------------------------ */

.column-right {
    min-height: 30rem;
}

.single-column .row .column-right {
    border: none;
    left: auto;
    width: 100%;
}

@media only screen and (min-width: 960px) {
    .single-column .row .column-right {
        padding-right: 0.75rem;
    }
}


/* ------------------------ breadcrumbs ------------------------ */

.breadcrumbs {
    /*background: #e8e8e8;*/
    color: #818181;
    font-size: 0.875rem;
    line-height: 2;
}

@media only screen and (min-width: 768px) {
    .breadcrumbs {
        line-height: 3.5;
    }
}

.breadcrumbs li {
    /*display: inline-block;*/
}

.breadcrumbs a {
    color: #656d78;
    margin-right: 0.375rem;
    text-decoration: none;
    font-weight: 100;
}

.breadcrumbs .current-item, .breadcrumbs .breadcrumb_last {
    color: #000;
    font-weight: bold;
    margin-right: 0.375rem;
}

.breadcrumb-border {
    padding-right: 0.375rem;
    padding-left: 0.25rem;
}

.next-btn a,
.prev-btn a {
    letter-spacing: .1rem;
    font-size: 0.7rem;
    font-weight: 700;
    color: #8e61ab;
    position:relative;
}


.next-btn .arrow-btn,
.prev-btn .prev-arrow-btn {
    font-size: 1.5rem;
    display:inline-block;
    vertical-align: middle;
    margin-left: .5rem;
    margin-right: .5rem;
    line-height: .5;
    top: -.3rem;
}


/* ------------------------ page titles ------------------------ */

.page-title {
    font-weight: 400;
    line-height:1;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: 'Playfair Display SC', sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
}
.page-title img{
    vertical-align: top;
    margin-left: 10px;
}


/* ------------------------ main content ------------------------ */

.main-content {
    margin-bottom: 1rem;
    padding: 0 1rem;
}

.single-column .main-content {
    padding: 0;
    margin-top: 2rem;
    margin-bottom: 0;
}

.prod_multi.single-column .main-content,
.prod.single-column .main-content{
    margin-top: 0;
}

.main-content-row {
    padding: 0;
    /*padding: 1rem 0 5rem;*/
    /*margin-bottom: 5rem;*/
}


/*
------------------------ =BOTTOM WRAP ------------------------ */

.bottom-wrap {
    clear: both;
    /* important - do not remove */
    height: 0;
}


/*
------------------------ =FOOTER ------------------------ */

.footer {
    font-size: 0.875rem;
    margin-top: 0   ;
    padding: 0.75rem 0 1rem;
    color: #bccbda;
    font-weight: 100;
}

@media screen and (min-width: 768px) {
    .footer {
        padding-top: 2.50rem;
    }
}

.footer ul {
    margin-bottom: 1rem;
    opacity: 1;
    padding: 0;
    font-weight: 100;
}

.footer ul a {
    display: block;
    font-size: 0.875rem;
    line-height: 2;
    color: #cacaca;
    font-weight: 100;
}
.footer ul a:hover{
    color: #fff;
}
#footer-we-support ul{
    margin: 0;
}
#footer-we-support li{
    padding: 0 0 25px;
}


/* ------------------------ footer-contact ------------------------ */

.footer-contact li {
    /*border-top: 2px solid #fff;*/
    color: #cacaca;
    padding: 0.75rem 0;
}

.footer-contact li:before {
    color: #fff;
    font-size: 1rem;
    padding-right: 0.5rem;
    float: left;
    min-height: 25px;
    margin-top: 3px;
}

.email-us-icon:before {
    margin-top: 6px !important;
}

.footer .footer-contact a {
    display: inline;
}


/* ------------------------ footer-social ------------------------ */
.footer-social{
    margin-left: -10px;
}
.footer .footer-social a{
    color: #fff;
}
.footer-social a {
    /*background: #818181;*/
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    line-height: 2;
    margin: 0 0.25rem 0.50rem 0;
    text-align: center;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    border-radius: 3px;
}

.footer-social a:hover {
    /*background: #4d4d4d;*/
}
@media screen and (max-width: 39.9375em) {
    #footer-we-support ul li{
        display: inline-block;
        margin-right: 5px;
    }    
}

/*
------------------------ =DISCLAIMERS ------------------------ */
.checkout .disclaimers{
    margin-top: 3rem;
}
.disclaimers {
    font-size: 0.75rem;
    color: #cacaca;
}

.disclaimers .wrap {
    padding: 0.50rem 0 1rem;
}

.disclaimers a {
    color: #cacaca;
}

@media screen and (min-width: 768px) {
    .disclaimers {
        font-size: 0.875rem;
    }
    .disclaimers .wrap {
        border-top-color: #fff;
        padding: 1rem 0;
    }
}


/*
------------------------ =MOBILE FOOTER ------------------------ */

.mobile-footer {
    box-shadow: 0 -2px 4px 2px rgba(0, 0, 0, .1);
    height: 3rem;
    line-height: 3rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 50;
}

.mobile-footer div {
    border-left: 1px solid #818181;
    color: #4d4d4d;
    cursor: default;
    font-size: 0.75rem;
    height: 100%;
    line-height: 1;
    padding-top: 0.625rem;
}

.mobile-footer div:first-child {
    border: none;
}

.mobile-footer a {
    color: #4d4d4d;
    display: block;
    text-decoration: none;
}

.mobile-footer span {
    font-size: 1rem;
}

.mobile-footer small {
    display: inline-block;
    font-size: 0.625rem;
    width: 100%;
}


/* ------------------------ mobile-footer-links ------------------------ */

.mobile-footer-links ul {
    opacity: 1;
    padding: 0;
    width: 100%;
    max-height: 90%;
}

.mobile-footer-links ul li {
    border-bottom: 1px solid #666;
    font-size: 0.875rem;
    display: table;
    line-height: 2.50rem;
    width: 100%;
}

.mobile-footer-links ul li a {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 0 1rem;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: normal;
}


/* .nav-item-1{
    display: block;
    padding: 15px 10px;
    background: #ccc;
}
.navigation-bar .nav-item-1{
    padding: inherit;
} */

.nav-item-1 > a {
    color: #fff;
}

.nav-item-1--left {
    padding-right: 0;
    background: #3c546c;
    text-align: left;
    padding-left: 20px;
}

.nav-group-2 {
    padding: 0;
    display: none;
    text-align: left;
    position: absolute;
    z-index: 102;
    border: 1px solid #dbe3e5;
    border-top: 0;
    background: #f1f7f7;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}

.nav-group-2:before {
    -webkit-box-shadow: 3px -2px 5px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 3px -2px 5px rgba(50, 50, 50, 0.25);
    box-shadow: 3px -2px 5px rgba(50, 50, 50, 0.25);
    width: 15px;
    height: 15px;
    background: #f1f7f7;
    /* Translate the box up by width / 2 then rotate */
    -webkit-transform: translateY(-15px) rotate(45deg);
    transform: translateY(-15px) rotate(45deg);
    content: " ";
    position: absolute;
    pointer-events: none;
    z-index: 102;
    right: -7px;
    top: 50%;
}

.nav-group-2:after {
    width: 15px;
    height: 15px;
    background: #f1f7f7;
    /* Translate the box up by width / 2 then rotate */
    -webkit-transform: translateY(-15px) rotate(45deg);
    transform: translateY(-15px) rotate(45deg);
    content: " ";
    position: absolute;
    pointer-events: none;
    z-index: 102;
    right: -5px;
    top: 50%;
}


/*.nav-group-2:after, .nav-group-2:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 102;
}
.nav-group-2:after {
    border-color: rgba(241, 247, 247, 0);
    border-left-color: #f1f7f7;
    border-width: 15px;
    margin-top: -15px;
}
.nav-group-2:before {
    border-color: rgba(219, 227, 229, 0);
    border-left-color: #dbe3e5;
    border-width: 16px;
    margin-top: -16px;
}*/

.js-az-menu-trigger {
    font-size: 18px !important;
}

.js-az-menu-trigger > span {
    font-size: 1.75em;
    line-height: 1;
    position: relative;
    top: 8px;
    margin-right: 5px;
}

.nav-item-2 {
    display: block;
    padding: 10px 20px;
    background: #f1f7f7;
    color: #24364a;
    border-bottom: 1px solid #dbe3e5;
    text-align: left;
    width: 95%;
    margin: auto;
    position: relative;
}

@media screen and (min-width: 960px) {
    .nav-item-2.has-children:before {
        content: "E";
        font-family: 'ElegantIcons';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        position: absolute;
        right: 0;
        top: 40%;
        font-size: 12px;
    }
}

.nav-group-2 .nav-item-2:last-child {
    border: 0;
}

.nav-group-3 {
    display: none;
    width: 74%;
    padding: 0;
    position: absolute;
    z-index: 100;
    right: 0;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.nav-item-3 {}

.nav-group-4 {
    margin: 0;
    padding: 0;
    display: none;
}

.nav-item-4 {
    text-align: left;
}

.nav-item-4--right {
    padding-right: 0;
}

.nav-group-5 {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 12px;
}

.nav-heading-5 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: 700;
}

.nav-heading-5 a {
    color: #24364a;
    font-weight: 700;
}

.nav-heading-5 a:hover {
    font-weight: 700 !important;
}

.nav-heading-5 a:after {
    content: "\2022\2022\2022\2022\2022";
    color: #4a9dcf;
    display: block;
    font-size: 11px;
    letter-spacing: 3px;
    margin-bottom: 5px;
}

.nav-item-5 {
    display: block;
    margin-top: 5px;
    font-weight: 100;
}

a.nav-item-5:hover {
    font-weight: normal;
}


/* ---- Newsletter ---- */

.newsletter-wrapper {
    background: #d7edd5;
}

.newsletter-wrapper .wrap{
    padding: 20px;
}

.newsletter-title {
    margin-bottom: 10px;
    line-height: 1.25;
    font-size: 1.8rem;
    font-family: 'Playfair Display SC', sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}
.newsletter-wrapper p{
    font-weight: 100;
    font-size: 0.9rem;
}
input.input-large.newsletter-input {
    font-weight: 100;
    font-size: 0.9rem;
    height: 4.45em;
    line-height: 4.45;
}
.newsletter-wrapper form{
    margin-top: 0.8rem;
}
@media screen and (min-width: 767px) {
    .newsletter-wrapper .wrap{
        padding: 50px 60px;
    }
    .footer .mobile-toggle {
        display: block !important;
    }
}

@media screen and (min-width: 960px) {
    #js-main-header {
        /*margin-bottom: 1.5rem;*/
    }
}

@media screen and (min-width:960px) and (max-width: 1060px) {
    .nav-item-1 a {
        font-size: .88rem;
    }
}

.copyright-text {
    position: relative;
    top: 6px;
}

.newsletter-group {
    position: relative;
}

.newsletter-input {
    padding-left: 3.5rem !important;
    border: none !important;
    -webkit-border-radius: 3px 0 0 3px !important;
    -moz-border-radius: 3px 0 0 3px !important;
    border-radius: 3px 0 0 3px !important;
}
.newsletter-group span.arrow-btn{
    height: auto;
    font-size: 2rem;
    line-height: 4rem;
    margin: 0;
}
.newsletter-group span.email-icon {
    position: absolute;
    color: #b7b7b7;
    font-size: 1.5rem;
    top: .9rem;
    left: 1.25rem;
}
.newsletter-group .button{
    color: #8e61ab;
    border: none;
    height: 4rem;
    padding: 0.25rem 1rem;
}
.newsletter-group .button:hover{
    background: #8e61ab;
    color: #fff;
}

/* Footer Menus */
.footer {
    background: #404040;
    color: #cacaca;
}
.footer a {
    color: #cacaca;
}
.footer h5{
    margin-bottom: 1.5rem;
    border-top:2px solid #8fbd8a;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    padding-top: 10px;

}
@media screen and (max-width: 767px) {
    .footer h5 {
        border-top:none;
        display: block;
        padding: 1rem 0;
        margin: 0;
        position: relative;
        font-size: 18px;
    }
    #footer-navigation, #footer-customer-services, #footer-payment-methods , #footer-we-support {
        border-bottom: 1px solid #8fbd8a;
    }
    .footer h5 span {
        font-size: 30px;
        position: absolute;
        top: 6px;
        bottom: 0;
        right: 0;
    }
}

.ie8 .newsletter-input {
    width: 80%;
    float: left;
}

.ie8 .newsletter-button {
    width: 20%;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}