/* start- overwrite Bootstrap's machine fonts for custom font */
/* end overwrite Bootstrap's machine fonts for custom font */
    .__affirm-logo.__affirm-logo-blue {
        color: #00C8E5;
    }
    .__affirm-logo {
        font-family: 'affirm' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        letter-spacing: 0;
        -ms-font-feature-settings: "liga" 1;
        -webkit-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-variant-ligatures: discretionary-ligatures;
        font-variant-ligatures: discretionary-ligatures;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1rem;
    }
    body,
    .main-font{
        font-size:1rem;
    }
    .bg-primary,
    .browse-items,
    .f-bot,
    .visual-layout,
    .account-main-page-order,
    .bg-light,
    .background-lt-grey,
    .alert-dark{
        background-color:var(--primary-grey) !important;
    }
    .browse-main{
        overflow: hidden;
    }
    .main{
        background-color:var(--white) 
    }
    @media only screen and (min-width:992px)
    {
        .main{
            background-color:var(--primary-grey) 
        }
    }
    .bg-lt-grey2{
        background-color: var(--secondary-grey);
    }
    .lt-blue{
        background-color:#cce5ff
    }
    .cream,
    .subnav-item.cream::before{
        background-color:#ede1c7
    }
    body,
    .bg-white,
    .white,
    .subnav-item.white::before{
        background-color: var(--white)
    }
   
    .black,
    .subnav-item.black::before{
        background-color: var(--fourth-grey)
    }
    .bg-grey,
    .gray,
    .subnav-item.gray::before{
        background-color:#A9A9A9
    }
    .blue,
    .subnav-item.blue::before{
        background-color: #3e537e
    }
    .brown,
    .subnav-item.brown::before{
        background-color: #9a581e
    }
    .green,
    .bg-green,
    .subnav-item.green::before{
        background-color: #48821C !important
    }
    .rug-blue,
    .bg-blue{
        background-color:#3b92ad !important
    }
    .noUi-connect{
        background-color:var(--fourth-grey) !important
    }
    .lt-green,
    .bg-lt-green{
        background-color:#d4edda
    }
    .orange,
    .subnav-item.orange::before{
        background-color: #e99439
    }
    .pink,
    .subnav-item.pink::before{
        background-color: #e489c2
    }
    .purple,
    .subnav-item.purple::before{
        background-color: #8157ad
    }
    .red,
    .subnav-item.red::before{
        background-color: #cc0000
    }
    .bg-dk-red{
        background-color:#b93636
    }
    .yellow,
    .subnav-item.yellow::before{
        background-color: #fbcc00
    }
    .bg-md-grey{
        background:#3b3d40
    }
    .subnav-item{
        background:none !important;
    }
    .subnav-item::before{
        content:'';
        margin-right:4px;
        padding:0 4px;
    }
    .s-size .subnav-item::before{
        content:initial
    }
    .subnav-item.white::before{
        background-color:var(--primary-grey)
    }
    .font-white{
        color:var(--white)
    }
    .font-md-grey{
        color:var(--secondary-grey)
    }
    .font-md-grey-2
    {
        color:var(--third-grey)
    }
    .main{
        width:100%
    }
    .font-dk-grey,
    .fa-chevron-left,
    .fa-chevron-right{
        color: var(--third-grey);
    }
    .font-red{
        color: var(--red)
    }
    body,
    a{
        color: var(--fourth-grey)
    }
    .font-blue{
        color: #1966A1;
        text-decoration:none;
    }
    .font-green{
        color:#0B7958
    }
    .font-rug-blue{
        color: #1966A1
    }
    .header--search-group>a:hover{
        color: var(--fourth-grey)
    }
    .strike{
        text-decoration: line-through;
    }
    button{
        cursor:pointer
    }
    .form-control:focus,
    .custom-select:focus,
    .stripeElement--focus{
        border-color: var(--primary-color);
        box-shadow: 0 1px 3px 0  var(--primary-color);
        color:var(--fourth-grey)
    }
    .form-control.notice,
    .form-control.notice:focus{
        background:var(--primary-grey);
        border:2px solid var(--red);
        box-shadow:none;
        color:var(--red);
    }
    .form-control.notice:focus{
        border:2px solid var(--red);
    }
    .icon::before,
    .icon::after{
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    .fa-chevron-left,
    .fa-chevron-right,
    .catalog-items--image-new{
        font-size:3rem
    }
    .similar-items h2,
    .previous-items h2,
    .product-display--more h2{
        font-size:2rem
    }
    .header--logo-group  .header-icon{
        font-size: 1.7em
    }
    .header--logo-group .wishlist-counter,
    .header--logo-group .cart-counter{
        font-size: 1.2em
    }
    .cart--options--total b,
    .checkout-main.single-page h2{
        font-size:1.6rem
    }
    h1,
    .ex-large-bold{
        font-size:2.011rem ;
        font-weight:500 ;
    }
    h2,
    .h2-bold{
        font-size:1.8rem ;
        font-weight:500 ;
        line-height:2.4rem ;
        margin:1.5rem 0 ;
    }
    .h2-bold-no-margin{
        font-size:1.8rem ;
        font-weight:500 ;
        line-height:2.4rem ;
    }
    .price{
        color: var(--price-color);
    }
    .product-display--description--number-viewed,
    .product-display--description--rug-features h3,
    .signin-page h3,
    .catalog-items--image-sale,
    .main--index-confidence .media-body span{
        font-size:1.2rem
    }
    h3{
        font-size:1.521rem;
        font-weight:500;
    }
    h4,
    .bold-title{
        font-size:1.332rem;
        font-weight:500;
    }
    h5,
    .sub-title{
        font-size:1.15rem;
        font-weight:400;
    }
    .size-center{
        font-size:.9rem
    }
    .bold-500{
        font-weight:500;
    }
    .bold-600{
        font-weight:600;
    }
    .bold-800{
        font-weight:800;
    }
    .body_2{
        font-size:.87rem;
    }
    .caption{
        font-size:.756rem;
    }
    .fine{
        font-size:.658rem;
    }
    h1, h2, h3, h4, h5, h6{
        text-align:left
    }

    @media only screen and (min-width: 768px) {
        h1{
            font-size:2.288rem;
        }
        h2{
            font-size:1.939rem;
        }
        h3{
            font-size:1.643rem;
        }
        h4,
        .bold-title{
            font-size:1.392rem;
        }
        h5,
        .subtitle{
            font-size:1.18em;
        }
        .body_2{
            font-size:.847rem;
        }
        .caption{
            font-size:.718rem;
        }
        .fine{
            font-size:.609rem;
        }
        h1, h2, h3, h4, h5, h6{
            text-align:left
        }
    }
    @media only screen and (min-width: 1024px) {
        h1{
            font-size:2.488rem;
        }
        h2{
            font-size:2.074rem;
        }
        h3{
            font-size:1.728rem;
        }
        h4,
        .bold-title{
            font-size:1.44rem;
        }
        h5,
        .subtitle{
            font-size:1.2rem;
        }
        .body_2{
            font-size:.833rem;
        }
        .caption{
            font-size:.694rem;
        }
        .fine{
            font-size:.579rem;
        }
        /* Marketing Fonts */
        .mh1{
            font-size:82px;
        }
        .mh2{
            font-size:68px;
        }
        .mh3{
            font-size:57px;
        }
        .mh4{
            font-size:47px;
        }
        .mh5{
            font-size:39px;
        }
        .mh6{
            font-size:33px;
        }
        .mh7{
            font-size:.27px;
        }
        .mh8{
            font-size:23px;
        }
        .mh9{
            font-size:19px;
        }
        .mbody{
            font-size:16px;
        }
        .mbody_2{
            font-size:14px;
        }
        .mcaption{
            font-size:12px;
        }
        .mfine{
            font-size:10px;
        }
    }
    #pdp-countdown-clock{
        font-variant-numeric: tabular-nums;
        font-family: sans-serif;
    }
    .ship-count .price{
        font-variant-numeric: tabular-nums;
        font-family: sans-serif;
    }

    .text-sm,
    .carousel-item p,
    .product-display--breadcrumbs,
    .product-display--description--more-info-options .nav-link,
    .catalog-items--size-options dl a{
        font-size:.8rem
    }

    .outline-hide{ /* hides headers used for document outline while still being readable  */
        position:absolute;
        left:-9999em;
        margin: 0;
        top:auto;
        width:1px;
        height:1px;
        overflow:hidden
    }

    .underline{
        text-decoration: underline
    }

/*
	Button color Styles
*/
    .show>.btn-primary.dropdown-toggle
    {
        background-color: var(--fourth-grey);
        border-color:  var(--fourth-grey);
        color:var(--white);
        text-transform:uppercase;
        white-space: pre-wrap;
    }

    /* start - borders */

    .border,
    .catalog-items--image-shortcuts button,
    .selector-total li a,
    .page-sort select.input-group,
    .catalog-items--image-group:hover{
        border:1px solid var(--secondary-grey) !important
    }
    .border-bottom,
    .background-lt-grey .border-bottom{
        border-bottom: 1px solid var(--secondary-grey) !important
    }
    .wishlist.single-page .border-bottom{
        border-bottom: 8px solid var(--primary-grey) !important
    }
    .border-top{
        border-top: 1px solid var(--secondary-grey) !important
    }
    .border-left{
        border-left: 1px solid #e6ebf1 !important
    }
    .border-right{
        border-right: 1px solid #e6ebf1 !important
    }
    .account-main-page-order-border{
        border-left:1px solid var(--secondary-grey);
        border-right:1px solid  var(--secondary-grey);
        border-bottom:1px solid var(--secondary-grey);
    }
    .background-lt-grey.border{
        border: 1px solid var(--secondary-grey) !important
    }
    .nav-tabs .nav-item.show .nav-link{
        border-color: var(--secondary-grey) !important
    }
    .nav-tabs .nav-link.active{
        border-color: var(--secondary-grey) var(--secondary-grey) #F3F2F0 !important
    }

    /* end - borders */


    /* tab-pane links */
    .tab-pane a{
       color:#0071EB;
       text-decoration: none;
    }
    .tab-pane a:hover{
       text-decoration: underline;
    }
    .fa-stack .svg-inline--fa.fa-stack-2x{
        width:1.8rem
    }
    .fa-stack.fa-sm .test .svg-inline--fa.fa-circle{
        color:var(--white) !important;
    }
    .fa-stack.fa-sm .test .svg-inline--fa.fa-heart {
        color:var(--fourth-grey) !important;
    }

    .skip-to.focus button{
        color:var(--white)
    }
    .washable-video .rounded{
        border-radius:.5rem !important
    }
    .responsive-video {
        width: 100%;
        max-height: 100%;
      }

.rounded,
.stamp,
.card,
.content-modal,
.homepage-banner-collage img,
.menu-container,
.account-drop,
.order-item-row,
.browse-filter-child,
.order-rounded,
.account-main-page-order,
.carousel_flashdeals .item,
.cart-contents{
    border-radius: 8px !important
}
.rounded-bottom{
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}
.top-rounded{
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
}
.card-header{
    background:var(--white);
    border-radius: 8px 8px 0 0 !important;
}
.bestseller .other-shapes-sizes a{
    border:none !important
}
.bestseller .other-shapes-sizes a:active, 
.bestseller .other-shapes-sizes a:hover{
    background-color:var(--white) !important
}
.bestseller .ais-Hits-item{
    border:1px solid var(--white) !important;
}
.bestseller .ais-Hits-item:hover{
    border:1px solid var(--third-grey) !important
}
.account-main-page--orderedItems-header{
    border:none !important
}

/* not found */

    .not-found-container .m-style-1 picture{
        display:block
    }
    .not-found-container a:hover,
    .not-found-container a:active{
        text-decoration: none;
    }
    .not-found-container .thumb{
        border:.075rem solid var(--primary-color);
        border-radius:100%;
        height:60px;
        margin: .25rem 0;
    }
    @media only screen and (min-width: 1024px) {
        .not-found-container .text-float{
            background:var(--white);
            position:absolute;
            left:2rem;
            bottom:1.4rem;
            padding:.5rem 1rem
        }
        .not-found-container .text-float .bold-title{
            font-weight:600;
            color:var(--black);
        }
    }
    .not-found-container a:hover .shadow-layer,
    .not-found-container a:active .shadow-layer{
        background-color:transparent;
    }
    .not-found-container a:hover img,
    .not-found-container a:active img{
        opacity:.8
    }
    .not-found-container a.m-circle:hover img.thumb,
    .not-found-container a.m-circle:active img.thumb{
        border:.075rem dashed var(--third-grey);
    }
    @media only screen and (min-width: 1200px) {
        .rugs-logo-holiday-move{
            position:relative;
            left:-15px;
        }
    }
    .collapse.show{
        visibility:visible
    }
.btn{
  background: var(--white);
  border: 1px solid var(--black);
  color: var(--black);
  font-weight: 300;
  letter-spacing: .015rem;
  padding: 0.5rem 0.75rem;
  white-space: pre-wrap;
}
.btn-affirm,
.btn.btn-affirm{
  background: #434eeb;
  border: none;
  padding:0;
  display:flex;
  justify-content: center;
}
.btn.btn-venmo{
    background-color:#3d95ce !important;
    border-color:#3d95ce !important;
    color:var(--white) !important;
}
.btn-pp,
.btn.btn-pp{
  background:var(--white);
  border:1px solid var(--primary-grey);
  border-radius:.25rem;
  display:flex;
  margin:1rem 0;
  padding: .5rem 1rem;
}
a.btn,
a.btn:hover,
a.btn:focus,
a.btn:active{
  text-decoration:none;
}
.btn:active,
.btn:not(:disabled):not(.disabled).active, 
.btn:not(:disabled):not(.disabled):active{
  background-color:var(--black);
  border-color:var(--black);
  color:var(--white);
}
.btn-primary[type="button"],
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not([href]):not([tabindex]){
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);    
  color:var(--white);
}
.btn-primary:active,
.ais-Pagination-link--selected:active,
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle{
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
}
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus{
  background:var(--primary-grey);
  border:2px solid var(--secondary-color);
  color: var(--secondary-color);
  font-weight:500;
}
.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:active{
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color:var(--white)
}
.btn-secondary.btn-filter:hover,
.btn-secondary.btn-filter:active{
    background-color: var(--fourth-grey) !important;
    border-color: var(--fourth-grey) !important;
    color: var(--white)  !important
}
.show>.btn-primary.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.1rem var(--fourth-grey)
}
.btn-secondary.btn-filter{
    background-color:var(--white) !important;
    border:1px solid var(--secondary-grey) !important;
    color:var(--fourth-grey) !important;
    margin-bottom:.5rem;
    margin-right:.5rem;
    padding:.5rem 1.25rem
}
.btn-secondary.btn-filter .fa-caret-left{
    margin-right:.25rem;
}
.btn-signup,
.btn-signup [type=submit]{
  background:none;
  border-color:transparent;
  padding:8px 12px;
  border-radius:4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-signup,
.btn-signup[type=submit],
.btn-signup:hover{
  background:var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white) !important;
}
.btn-signup:active,
.btn-signup:focus{
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
}
.rug-btn{
    cursor: pointer;
    display:inline;
    margin:0 .5rem;
    text-align:center
}
.rug-btn span{
    display:block;
    margin:0 auto;
}
.rug-btn span .fa-chevron-left{
    color:var(--white);
    font-size:1.2rem;
    font-weight:900;
    left:-1px;
}
.rug-btn.active{
    color:var(--third-grey);
    cursor: initial;
}
.rug-btn:hover,
.rug-btn.inactive:hover span
.rug-btn.disabled-rug-btn,
.rug-btn.disabled-rug-btn:hover{
  color:var(--third-grey);
  cursor:auto;
}
.btn-close:active,
.btn-primary:hover .svg-inline--fa,
.btn-primary:active .svg-inline--fa{
    color:var(--fourth-grey)
}
.other-shapes-sizes a.btn{
  background-color: var(--white);
  border: 1px solid var(--black);
  color: var(--black);
  font-weight: 300;
  letter-spacing: .015rem;
  padding: 0.5rem 0.75rem;
  white-space: pre-wrap;
}

/* algolia css loads after so needs important tags to override default with custom */

.ais-Pagination-link,
.ais-Pagination-link:hover,
.ais-Pagination-link:focus,
.ais-Pagination-link .ais-Pagination-link,
.ais-Pagination-link .ais-Pagination-link:hover,
.ais-Pagination-link .ais-Pagination-link:focus{
  background-color:var(--white) !important;
  border:1px solid var( --black) !important;
  color:var(--black) !important;
  font-weight:300 !important;
  letter-spacing:.015rem !important; /* can remove once set in main font */
  padding:.5rem .75rem !important;
  white-space:pre-wrap !important;
}
.btn-close{
  border:0;
  background:var(--white);
}
.btn-pad{
  background:var(--primary-grey);
  border:3px solid var(--primary-grey);
  border-radius:2rem;
  color:var(--black);
  font-size:.9rem;
  padding:.5rem 1rem;
  position:relative;
  text-decoration: none;
}
.btn-pad.active{
  border-color: var(--primary-color)
}
button.btn-pad:focus{
  outline: none;
}
@media only screen and (min-width:998px){
  .btn-pad{
    background:var(--white);
    border:3px solid var(--black);
  }
}
.btn-pad.active.saveforlater::before{
  background: var(--white) url('https://assets.rugimg.com/rugs_com/pdp/square-check-solid3.svg');
  background-size:contain;
  content:' ';
  height:25px;
  position:absolute;
  top:-11px;
  width:21px;
}
.btn-wrap {
  white-space: normal;
}
.btn-secondary.btn-filter.vs-filter-button{
  padding:.5rem;
  margin:0;
}
.btn-secondary.btn-filter.btn-grid{
  color:var(--third-grey) !important;
  padding:.25rem .5rem .15rem .5rem
}
.vs-filter-button:hover,
.vs-filter-button:active,
.btn-secondary.btn-filter.vs-filter-button:hover .label,
.btn-secondary.btn-filter.vs-filter-button:active .label,
.btn-secondary.btn-filter.btn-grid:hover,
.btn-secondary.btn-filter.btn-grid:active{
  color:var(--white) !important
}
/*  Site Floating Banner Styles */

.banner-menu {
  background-color:var(--white);
  box-shadow: 1px 0 5px var(--third-grey);
  left:15px;
  top:0;
  width:100%;
}
a,
.banner-menu a,
.footer a:hover,
.footer a:active,
.footer a:focus,
.banner-menu .svg-inline--fa:hover,
.banner-menu .svg-inline--fa:active,
.banner-menu .svg-inline--fa:focus{
  color: var(--fourth-grey)
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle,
.btn-outline-secondary:hover{
  background-color: var(--fourth-grey)
}
.banner-menu .svg-inline--fa{
  font-size:2rem;
  margin-left:4px;
  margin-right:4px
}
.btn-menu{
  background:transparent;
  border:none;
  border-radius:0;
  padding:0;
}
.btn-menu::after{
  display:none
}
.banner-menu a:hover,
.banner-menu a:active,
.banner-menu a:focus,
.btn-menu:hover{
  color:var(--primary-color) !important
}
.btn-menu a{
  color:var(--fourth-grey);
}
.btn-menu-banner,
.btn-menu-banner.show button{
  border:none;
  border-radius:0
}
.btn-menu-banner .dropdown-menu.show{
  background:var(--primary-grey);
  border:none;
  border-radius:0;
  margin-top:4px
}
.dd-lan,
.dd-cur{
  background:var(--primary-grey);
  color:var(--fourth-grey);
  font-weight:500
}
.ddb-cur{
  padding:4px 0 8px 0 
}
.dropdown-item.font-weight-bold{
  border-left:1px solid var(--primary-grey);
  border-right:1px solid var(--primary-grey)
}

.banner-menu:hover{
  color:var(--fourth-grey)
}
.btn:focus
button:focus
.btn-menu.focus, 
.btn.btn-menu:focus{
  box-shadow:none;
  outline:none
}
.btn-group.btn-menu.show .dropdown-menu.show,
.btn-group.btn-menu.show .dropdown-menu.curr.show{
  position:absolute;
  border:1px solid var(--third-grey);
  border-top:8px solid var(--primary-color);
  border-radius:0;
  padding:0;
  z-index:1000
}
.btn-group.btn-menu.show .dropdown-menu.show a{
  padding-left:1rem
}
.btn-currency{
  line-height:32px;
}
.header_col a{
  display:flex;
  align-items: center
}
/* Header logo styles */

.header--logo-group{
  padding-top:4.5rem !important;
  z-index:1
}
.header--main_logo{
  width:280px
}
.header--main_logo-mobile{
  width:120px
}
.header--logo-group > div > a > svg{
  margin-right: .25em
}
.header--logo-group > div > a > span{
  margin-right: .1em
}
.header--logo-group > div > a:first-child > svg{
  margin-right: .8em
}
.header--logo-group .input-group>.input-group-append{
  min-width:42px
}
.header--logo-group .input-group>.input-group-append>.btn{
  min-width:16px
}
.selectize-control.single .selectize-input, 
.selectize-control.single .selectize-input input{
  min-width:200px
}
/* 	Nav Menu Styles */
.navbar-toggler{
  padding:0
}
.navbar-toggler .svg-inline--fa{
  margin:0
}
[class^="nav-image"]{
  height:100px
}
.main--nav{
  padding-bottom: 100px
}
.navbar-collapse.collapse{
  background-color: var(--white);
  box-shadow:none;
  display:block;
  height: 100%;
  left: -500px;
  overflow-y:auto;
  padding:0;
  position: fixed;
  top: 50px;
  width: 0;
}
.navbar-collapse.collapse.show{
  box-shadow: 0 0 0 1px var(--secondary-grey) inset;
  display:block;
  height: 100%;
  left:0;
  top:73px;
  width: 100%;
  z-index:999
}
.main--nav ul.navbar-nav{
  text-align:left
}
.main--nav li.nav-item{
  display: list-item;
  font-size: 1.6rem;
  line-height:2rem;
  list-style: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  width: 100%;
}
.main--nav li.nav-item.Shop-By{
  margin-left:1rem
}
.main--nav li.nav-item>a{
  font-weight:400;
  padding-left:1rem;
  padding-top:.5rem;
  
}
.main--nav>.navbar-nav>li.nav-item:hover>a,
.main--nav>.navbar-nav>i.nav-item>a:hover{
  font-weight:600;
  
}
.main--nav li.nav-item:first-child{
  margin-top: 1rem
}
.Clearance{
  font-weight: 600 
}
.nav-item.active,
.nav-item.active .clearance{
  font-weight: 600
}
button.banner-menu--navbar-toggler{
  background-color: transparent;
  border: 1px solid var(--primary-grey);
  border-radius: 4px;
  padding: 0
}
.banner-menu--navbar-toggler-icon{
  color: var(--fourth-grey)
}
.navbar-toggler .svg-inline--fa{
  color: var(--fourth-grey)
}
.svg-inline--fa.fa-times.fa-w-11.fa-2x{
  margin-right:.64rem
}    
.banner-menu button:focus{
  outline: none
}
.h-c-num,
.h-c-num-mobile{
  color:var(--white);
  float:left;
  line-height:1.2rem;
  padding-right:6px;
  display:block
}
.h-c-num span{
  display: block
}
.h-c-num-mobile{
  border-top:6px solid var(--primary-grey);
  color:var(--fourth-grey);
  font-size:1.2rem;
  padding-top:14px;
  width:100%
}
.h-c-num-mobile span{
  display:initial
}
.sub-menu.hide,
.sub-menu.style.hide{
 opacity:0;
 display:none;
 left:-1000px;
 right:1000px;
}
.sub-menu{
  animation-name:initial;
  box-shadow:initial;
  left:0;
  right:0;
  min-height:initial;
}
.sub-menu ul {
  list-style-type: none;
  margin-bottom: 0;
  padding:0;
}
.sub-menu ul li a {
  display:block;
}
.sub-menu ul li, 
.sub-menu ul li a {
  color: var(--black) !important;
  font-weight: 400;
  
  white-space:nowrap;
}
.sub-menu ul li:hover a, 
.sub-menu ul li a:hover{
  font-weight:600;
  
  text-decoration:none;
}
.sub-menu .s-size ul li, 
.sub-menu .s-color ul li,
.sub-menu .s-rooms ul li,
.sub-menu .p-collect ul li {
  line-height:2.8rem;
  max-width: 50%;
  width: 50%;
}
.sub-menu .s-size ul{
  max-height:390px;
}
.sub-menu .s-color ul{
  max-height:290px
}
.sub-menu .s-rooms ul{
  max-height:240px
}
.sub-menu .h6{
  text-transform:uppercase !important
}
.mobile .sub-menu .s-color ul li a{
  background-color:transparent !important;
  border:none;
  
}

.sub-menu .s-color ul li a.white{
  background-color: var(--secondary-grey)
}
.sub-menu .s-color ul li:hover a{
  background:transparent;
  color: var(--fourth-grey) !important;
  text-decoration:none;
}
.sub-menu .s-color ul li:hover a.green{
  background-color:transparent !important
}

.underline:hover{
  text-decoration: none
}







.header--logo-group{
    padding-top:0 !important;
    z-index: 3;
}
  .react-autosuggest__input,
  .selectize-input{
    border:none !important;
    box-shadow:none !important;
    font-weight: 400 !important;
    font-size:1.2rem !important;
    padding: 5px 5px 5px 15px !important;
  }
  .selectize-input input{
    font-size:1.2rem !important;
  }
  .react-autosuggest__input,
  .react-autosuggest__input::placeholder{
    color:#757575 !important;
    font-size:.8rem
  }
  .react-autosuggest__input{
    border-radius:0 !important;
    padding: 2px 0 8px 0 !important
  }
  .selectize-dropdown{
    background: none;
    border: none;
    border-radius: none;
    box-shadow: none;
  }
  .selectize-control.single .selectize-input:after{
    display:none !important;
  }
  .selectize-dropdown-content{
      background-color: var(--white);
      border: 1px solid var(--white);
      border-radius: .5rem;
      box-shadow: 0 2px 3px var(--third-grey);
      padding: 0 1rem;
  }
  
.main--nav.navbar{
    position: absolute;
    left: 0;
    top:0;
    z-index: -1;
    width: 100%;
    opacity: 0;
    overflow: hidden;
    background: var(--white);
    -webkit-transition: opacity 0.25s ease, ease;
    transition: opacity 0.25s ease, transform 0.25s ease;
}
.navbar-collapse.collapse.show {
    box-shadow:none;
    background:none;
    position: fixed;
    overflow:scroll;
    left: 0;
    top:0;
    bottom:0;
    width:100%;
    opacity: 1;
    z-index: 1001;
}
.navbar-toggler{
  background:var(--white);
  border:0;
  line-height: normal;
  display:flex;
  align-items: center;
}

.mobile-nav{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow-y: scroll;
  z-index:1000;
  font-size:1.332rem
}

.shadow-bg{
  display: block;
  background:var( --black);
  opacity:.6;
  min-height:100vh;
  min-width:100vw;
  left:0;
  position:fixed;
  right:0;
  top:0;
  bottom:0
}
.mobile-nav .navbar-nav{
  position:relative;
  background:var(--white);
  overflow-x:hidden;
  height:100%;
  width:90%;
  z-index:1
}
.mobile-login{
  font-size:.9rem;
}
.mobile-nav ul{
  padding:0
}
.mobile-nav ul li{
  list-style-type:none;
  margin-top:1rem;
  margin-bottom:1rem;
  overflow:hidden;
}
#mNewNatural,
#mNewModern,
#mNewOutdoor,
#mPopularPO,
#mPersain,
#mOriental{
  display:none
}
#mNewNatural.slick-initialized,
#mNewModern.slick-initialized,
#mNewOutdoor.slick-initialized,
#mPopularPO.slick-initialized,
#mPersain.slick-initialized,
#mOriental.slick-initialized{
  display:block
}
.mobile-r-arrow{
  position:absolute;
  right:1rem;
}
.all-rugs-mobile{
  position:relative;
  margin-left: -1rem;
  margin-right:-1rem;
}
.all-rugs-mobile .slick-list{
  padding-left:.5rem;
  padding-right:.5rem;
  min-height:160px
}


.m-slide-img a{
  display:block;
  padding:8px
}
.m-slide-img img{
  margin-bottom:.5rem;
  min-height:60px;
  min-width:60px
}
.mobile-fixed{
  position:fixed;
  top:0;
  bottom:0;
  right:0;
  left:0;
}
#mAllRugs .m-slide-img img,
#mNewArrivals .m-slide-img img{
  max-height:160px;
}
.font-lt-green{
  color:#0A5F6D
}
.btn-m-menu{
  background: var(--third-color);
  background: linear-gradient(90deg, var(--third-color) 0%, var(--secondary-color) 100%);
  border:transparent 1px solid !important; 
  font-size:.8rem;
  color:var(--white) !important;
  border-radius:30px
}
@media only screen and (min-width:319px){
  #mNewModern .slick-slide,
  #mNewOutdoor .slick-slide,
  #mPopularPO .slick-slide,
  #mPersain .slick-slide,
  #mOriental .slick-slide,
  #mNewNatural .slick-slide{
    width:240px
  }
}
@media only screen and (min-width:375px){
  #mNewModern .slick-slide,
  #mNewOutdoor .slick-slide,
  #mPopularPO .slick-slide,
  #mPersain .slick-slide,
  #mOriental .slick-slide,
  #mNewNatural .slick-slide{
    width:270px
  }
}
.main--nav>.navbar-nav>i.nav-item>a:hover,
.main--nav>.navbar-nav>li.nav-item:hover>a,
.sub-menu ul li a:hover {
    color:var(--black);
    font-weight:400
}
.main--nav ul.navbar-nav{
    margin-bottom:60px;
    width:100%;
}
.old_search .input-group>.form-control{
    border-radius: 0 24px 24px 0;
    font-weight:100;
    padding:4px 0;
}
.old_search .input-group>.form-control::placeholder{
    color:var(--primary-grey);
}

.old_search .input-group>.form-control:focus{
    box-shadow:none !important;
    border:1px solid var(--secondary-grey) !important;
    border-left:none !important
}
.btn-search .fa-search{
    color:#b9b9b9;
    font-size:.9rem;
}
.header--search-group>a{
    color:var(--third-grey);
    font-size:1.2rem;
    font-weight:100;
    display: flex;
    align-items: center;
}
.sub-menu h6{
    font-size:1rem;
    font-weight:600;
    text-transform: initial;
}
.main--nav>ul{
    padding:1rem;
}
.main--nav li.nav-item,
.main--nav li.nav-item>a {
    display: list-item;
    font-size: 1rem;
    padding:0;
}
.main--nav li.nav-item{
    padding-bottom:.5rem;
    padding-top:.5rem;
    border-bottom:1px var(--secondary-grey) solid
}
.main--nav li.nav-item.sign-in{
    border:0;
    padding-top: 2rem;
    padding-bottom:1rem;
}

.subnav-item::before{
    margin:0;
    padding:0
}
.sub-b ul li{
    line-height:2rem
}
.navbar .nav-item.m-menu::before,
.navbar .nav-item.m-menu.open::before{
    content:'+';
    position: absolute;
    right: 1rem;
}
.navbar .nav-item.m-menu.open::before{
    content:'-';
    font-size: 1.4rem;
    line-height: 1.4rem;
}
.navbar .nav-item.m-menu.open .sub-menu{
    border-top:1px solid var(--secondary-grey);
    margin-top:.5rem
}
.banner-menu .fa-layers-counter{
    background:var(--secondary-color);
}
.account-drop{
    border:none;
    border-radius:0;
    border-top:6px solid var(--secondary-color);
    box-shadow: 1px 2px 2px var(--primary-grey);
    left: initial !important;
    margin-top:10px;
    top:auto;
    transform: initial !important;
    width:300px;
    z-index:1000
}
.account-drop h2{
    font-size:1rem;
    text-transform:uppercase
}
.header-log-icon:hover{
    color:var(--black)
}
.main--nav li.nav-item:first-child{
    margin-top:0
}

.mobile-menu{
    width:20px;
    height:23px;
}
.mobile-menu path{
    color:var(--black)
}
  .cart-icon,
  .wish-icon{
    width:26px;
    min-width:26px;

  }
  .wish-group{
    margin-right:.25rem;
  }
  .wish-group a,
  .cart-group a{
    display:flex;
    align-items: center;
  }
  .wish-group,
  .wish-group a,
  .cart-group,
  .cart-group a{
      height:40px;
      width:30px;
      min-width:30px;
  }
  .header-icon{
      display:grid;
      grid-template-columns: 1fr;
      max-height:30px
  }
  .header-icon div{
      grid-row-start: 1;
      grid-column-start: 1;
  }
  .wish-count,
  .c-count{
    position:relative;
    background: var(--primary-color);
    color:white;
    min-width:20px;
    min-height:20px;
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius:100%;
    font-size: .8rem;
    line-height: .9rem;
    height:16px;
    width:16px;
    right:-12px
  }


/* new header additions */



@media only screen and (min-width:521px) /* Tablet portrait size screen adjustments */
{
  .header .m-menu.col-1{
    -ms-flex: 0 0 4.333333%;
    flex: 0 0 4.333333%;
    max-width: 4.333333%;
  }
}
  .back-arrow-icon,
  .account-icon,
  .close-icon,
  .truck-icon{
    max-height:34px;
    padding:0 .25rem;
    width:34px
  }

  .search-icon{
    width:26px;
    padding:0 .25rem;
    margin-left:.75rem;
  }
  .close-icon{
    width:26px;
  }
  .arrow-icon,
  .user-icon{
    width:20px;
  }
  .wish-group{
    margin-right:.25rem;
  }
  .cart-icon,
  .wish-icon{
    width:26px;
    min-width:26px;

  }
  .wish-group,
  .wish-group a,
  .cart-group,
  .cart-group a{
      position: relative;
      height:40px;
      width:30px;
      min-width:30px;
  }
  .wish-group a,
  .cart-group a{
    display:flex;
    align-items: center;
  }
  .header-icon{
      display:grid;
      grid-template-columns: 1fr;
      max-height:30px
  }
  .header-icon div{
      grid-row-start: 1;
      grid-column-start: 1;
  }

  .back-arrow-icon path,
  .account-icon path,
  .close-icon path,
  .search-icon path,
  .cart-icon path,
  .wish-icon path,
  .truck-icon path{
    color:var( --black);
    stroke-width: .5rem
  }
  .cart-counter span,
  .wishlist-counter span{
    position:relative;
    background: var(--primary-color);
    color:white;
    min-width:20px;
    min-height:20px;
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius:100%;
    font-size: .8rem;
    line-height: .9rem;
    width:16px;
    right:-12px
  }
  .selectize-dropdown.single{
    font-size:1rem;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:100;
  }
  .search-box{
    padding:1rem;
    display:none;
    left:0;
    max-height:40px;
    z-index:300;
  }
  .search-box.show{
      display:block
  }
.selectize-input{
    padding-bottom: 4px !important;
}
.selectize-dropdown.single,
.react-autosuggest__suggestions-container{
    position: fixed !important;
    top: 70px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index:99
}
.react-autosuggest__suggestions-container{

}
  .selectize-dropdown-content{
    box-shadow:none !important;
    border-radius:0 !important;
  }
  .react-autosuggest__input,
  .selectize-input>input{
      border:0 !important
  }
  .selectize-input.dropdown-active::before{
    display:none !important;
}
@media only screen and (min-width:769px) /* Tablet portrait size screen adjustments */
{
  .search-box{
    z-index:1;
    width:100%;
  }
  .back-arrow-icon,
  .account-icon,
  .close-icon,
  .search-icon,
  .truck-icon{
    width:40px
  }
  .account-icon{
    cursor: pointer;
  }
  .main--filter-desktop.show .filter-overlay{
    background: rgba(0,0,0,.8);
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2;
}
.main--filter-desktop.show>div {
  z-index: 4;
}
  .main--filter-desktop, 
  .main--filter-desktop.collapsing{
  position: fixed;
  right: -100px;
  height: 100vh;
  top: 0;
  width: 0%;
  z-index: 2001;
}
  .main--filter-desktop.show{
    background: var(--white);
    display: block;
    max-height: 100vh;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2001;
  }
  .account-drop-button{
    padding:20px 0;
  }
  #accountDropGroup:hover .account-drop {
    display: block !important;
    right:0px !important
  }
}
@media only screen and (min-width:998px) /* Tablet portrait size screen adjustments */
  {
    .search-box{
      box-shadow: none !important;
      position:relative !important;
    }
    .react-autosuggest__suggestions-container,
    .selectize-dropdown.single{
      position:absolute  !important;
      top: 40px !important;
      left:initial !important;
      right:initial !important;
    }
    .react-autosuggest__input,
    .selectize-input>input{
        font-size:1rem !important;
    }
    .react-autosuggest__input::placeholder{
      font-size:1rem
    }
    .selectize-control.single .selectize-input:after{
      display:block !important;
    }
    .react-autosuggest__input {
      border: 1px solid var(--primary-grey) !important;
      border-radius: 24px !important;
      font-size: 1.2rem !important;
      line-height: 1.5 !important;
      font-weight: 200 !important;
      padding: 5px 5px 5px 15px !important;
    }
    .eden-project .px-5{
      padding-left:5rem !important;
      padding-right:5rem !important;
    }
}
svg.svg-clock{
  stroke: var(--black);
  margin-right:10px;
  margin-top:2px;
  height:18px;
  width:18px;
  line-height:16px
}

.ft-svg-container svg{
    margin:0 1rem
}

@media only screen and (min-width: 768px) {
    footer{
        font-size:.9rem;
    }
}
.accordion button{
    color:var(--black);
}
.bg-footer-subscribe{
    background-color: var(--footer-signup);
    color: var(--white);
}
footer button.ftaccorditem{
    -webkit-appearance: initial;
    background:initial;
    border:none;
    font-size:1.1rem;
    font-weight:500;
    margin-bottom:.5rem;
    padding:0
}
footer button.ftaccorditem:disabled{
    color:var(--fourth-grey);
}
footer button.ftaccorditem.collapsed:after,
footer button.ftaccorditem:after{
    content: "+";
    display: block;
    font-size:1.6rem;
    font-weight:700;
    position: absolute;
    right: 1rem;
    top:-5px
}
footer button.ftaccorditem:after{
    content: "-";
    font-size:2rem;
    right:1.1rem;
    top:-12px
}
footer ul {
   padding-left:0
}
footer ul li{
    list-style-type:none;
    margin-bottom:.25rem;
}
footer ul.social li{
    display:inline-block;
    padding-right:.5rem
}
footer .btn,
footer input[type=email]{
    border:none;
    border-radius:0
}
footer input[type=email]{
    font-size:.8rem;
    padding:.65rem .65rem .5rem .65rem
}
.f-bot{
    background-color:var(--primary-grey);
    font-size:.8rem;
    font-weight:400;
}
.f-logo{
    height:38px;
    width:30px;
}
.f-copy{
    font-weight:200;
}
footer a:hover{
    color:var(--primary-color)!important
}
#customer_reference_number{
    display: inline;
    font-weight: bold;
}
#SignupEmail{
    z-index:0
}
.gdpr-alert{
    background:var(--fourth-grey);
    border-top:1px solid var(--third-grey);
    bottom:0;
    color: var(--white);
    font-size:1rem;
    margin:0;
    opacity:.96;
    position:fixed;
    width:100%;
    z-index:2000
}
.gdpr-alert a{
    text-decoration:underline
}
.src-components-widget-styles__rr--3Byu0.src-components-widget-styles__root--2OOzg.src-components-widget-styles__widget--3Gu45 .src-components-widget-styles__formFactor_Mini--3O9A7 .src-components-widget-styles__card--U7ovw{
    background-color:transparent !important;
    border-bottom: 0 !important;
    box-shadow:none !important;
    margin:0 !important;
    padding:0px !important
}
.src-components-widget-styles__rr--3Byu0.src-components-widget-styles__root--2OOzg.src-components-widget-styles__widget--3Gu45 .src-components-widget-styles__formFactor_Mini--3O9A7
{
    margin:0 auto !important
}
.src-components-widget-styles__rr--3Byu0.src-components-widget-styles__root--2OOzg.src-components-widget-styles__widget--3Gu45{
    padding:0 !important;
    position:relative !important;
    top:4px !important;
}
.micro-seal{
    border-bottom:4px solid var(--fourth-grey);
    padding:0
}
.src-components-widget-styles__NumReviews--3QMvX{
    color:var(--third-grey) !important;
}
.ft-svg{
    align-items: center;
    display:inline-flex;
    justify-content: center
   }
.ft-svg svg{
    max-height:14px;
    width:auto;
}
.svg-affirm{
   margin-left:8px;
   margin-right:8px;
   position:relative;
   top:-1px;
}
.ft-svg-container{
   left:-6px;
   position:relative
}

.footer--sign-up input.form-control{
 border:1px solid var(--third-grey);
}
.footer--shipping{
    color: var(--white);
}
/* rugscom footer statement */

.footer-statement img{
    height:110px
}
.footer-statement img.ship{
    height:94px
}

.fill-white{
    fill:var(--white);
}
.footer-svg-fill-light{
    fill:var(--footer-svg-fill-light)
}
.footer-svg-fill-medium{
    clip-rule:evenodd;
    fill:var(--footer-svg-fill-medium);
    fill-rule:evenodd;
}
.footer-svg-fill-dark{
    fill:var(--svg-fill-dark)var(--footer-svg-fill-dark);
}


.modal .modal-content{
    background-color:transparent
}
.modal{
    height:100vh;
    margin:0 auto;
    width:100vw;
}
.modal-body{
    align-items: flex-start;
    display:flex;
    justify-content: center;
    padding-top:0
}
.modal.w-75,
.modal.w-50,
.modal.w-25{
    margin-top:20vh !important
}
.modal-open .modal{
    overflow:initial
}
.modal.w-100 .modal-content{
    border-radius:0;
    height:100vh;
    width:100vw
}
.modal.w-75 .modal-content,
.modal.w-50 .modal-content,
.modal.w-25 .modal-content{
    border-radius:0;
    height:auto;
    width:auto
}
.modal-header{
    border-bottom:none;
    line-height:2rem;
    padding:1rem 0
}
.modal-header .close,
.modal.w-75 .modal-header .close,
.modal.w-50 .modal-header .close,
.modal.w-25 .modal-header .close{
    margin: 0;
    padding:.5rem .75rem;
    position:absolute;
    right:0;
    top:0;
    z-index:100
}
.modal-dialog{
    margin:0;
    max-width:initial;
    max-height:100%;
}
.modal-body{
    flex:1;
    overflow:auto;
    width:auto;
}
.modal-footer{
    border-top:none;
    padding:.75rem
}    

.ReactModal__Body--open {
    overflow: hidden;
}
.ReactModal__Overlay{
    overscroll-behavior: contain;
}
.ReactModal__Overlay--after-open{
    position: fixed; 
    overflow-x:hidden;
    overflow-y: auto;
    inset: 0;
    z-index: 9999;

}
.rugs-giveaway .modal .modal-content{
    background:transparent
}
.rugs-giveaway .modal-header{
    display:none
}
.close-on-click{
    background:transparent;
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.giveaway-modal{
    border-radius: 8px !important;
    overflow-y:auto;
}
@media only screen and (min-width:475px){
    .giveaway-modal{
        margin:20px !important
    }
}

.daily-giveaway{
    width:100%;
    position:absolute;
    top:0;
    bottom:0;
    margin:0 auto;
    overflow-y:auto;
    font-size:1rem;
    letter-spacing:.035rem;
    z-index:400;
}
@media only screen and (min-width:1024px){
    .daily-giveaway{
       width:auto;
    }
}
.daily-giveaway .giveh1{
    font-size:2rem;
    font-weight:900;
    letter-spacing: .35rem;
    line-height:2.2rem;
}
.daily-giveaway .giveh1,
.daily-giveaway--text span{
  color:var(--third-color);
}
.daily-giveaway picture{
    align-items: center;
    display:flex;
    justify-content:center;
    overflow:hidden;
}
.daily-giveaway picture img{
    height:200px;
    max-width:100%
}
.give-rug-img{
    height:50%
}
.daily-giveaway .btn-primary{
    background-color:var(--third-color);
    border-color:var(--third-color)
  }
  
@media only screen and (min-width:768px){
    .giveaway-modal{
        margin:20px auto !important;
        max-width:620px;
    }
    .daily-giveaway .content-modal{
        min-width: 650px
    }
    .give-rug-img{
        height:100%;
        max-width:300px
    }
    .giveaway-modal{
        max-width:650px
    }
    .daily-giveaway picture{
        height:auto;
        max-height: initial
    }
    .daily-giveaway picture img{
        height:auto;
        max-width: 140%;
        transform: initial
    }
    .daily-giveaway .giveh1{
        font-size:2.6rem;
        line-height:2.4rem;
    }
}
@media only screen and (min-width:998px){
    .daily-giveaway .content-modal{
        min-width:800px;
        max-width:800px
    }
    .give-rug-img{
        max-width:350px
    }
    .giveaway-modal{
        max-width:800px
    }
}
@media only screen and (min-width:1200px){
    .daily-giveaway picture img{
        max-width:140%
    }
    .daily-giveaway .giveh1{
        font-size:4rem;
        line-height:3.6rem;
    }
}
/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: grabbing;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-prev,
.slick-next{
        align-items: center;
        background:transparent;
        border: none;
        bottom:0;
        color: transparent;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        outline: 0;
        padding: 0;
        position: absolute;
        top: 0;
        width: 40px;
        z-index: 100;
    }
  .slick-prev:hover,
  .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus{
      background-color: transparent;
      color: transparent;
      outline: none;
  }
  .carousel-arrow{
    height:40px;
    width:40px;
  }
  .slick-prev{
    left: 0px;
  }
  [dir='rtl'] .slick-prev{
      left: auto;
      right: 0rem;
  }
  .carousel-arrow path{
    fill:var(--primary-color)
  }
  .carousel-arrow:hover path{
    fill:var(--secondary-color)
  }
  .carousel-arrow .arrow{
    fill:var(--white);
  }
  .slick-next{
    right: 0px;
  }
  .slick-next .carousel-arrow{
    transform: rotate(180deg)
  }

  .slick-dotted.slick-slider{
    margin-bottom: 30px;
}
.slick-dots{
bottom: -25px;
display: block;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
width: 100%;
}
.slick-dots li{
  background-color:var(--white);
  border-radius:100%;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  position: relative;
  width: 20px;
}
.slick-dots li button{
background: transparent;
border: 0;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
height: 20px;
line-height: 0;
outline: none;
padding: 5px;
width: 20px;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
  outline: none;
}
.slick-dots li button:hover::before,
.slick-dots li button:focus::before{
  opacity: 1;
}
.slick-dots li.slick-active{
  background-color:var(--third-grey);
  border-radius:100%;
  height: 20px;
  width: 20px;
}
.slick-dots li.slick-active button::before{
color: var(--black);
opacity: .75;
}
.carousel{
  align-items:center;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    width:100%;
  }
  .carousel .slick-track{
      display:inline-flex !important;
      width:100%;
  }
  .carousel .slick-slide{
      height:auto
  }
  .carousel .slick-list{
    width:100%;
  }
  .carousel .slick-slide>div{
      height:100%;
  }
  .carousel .card{
      border:none;
      display:flex;
      height:100%;
      margin: 0;
      overflow:hidden;
  }
  .similar-items .carousel__slider-tray-wrap--horizontal{
    margin:0 -.5rem;
  }
  .similar-items .carousel{
      height:100%;
      padding-bottom: 20px !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      padding-top:0 !important
  }
  .similar-items .carousel .card{
    margin:0;
}
  .carousel .card a:hover,
  .carousel .card a:focus,
  .carousel .card a:active{
      text-decoration: none;
  }
  .carousel .card picture{
      align-content: center;
      display:flex;
      justify-content: center;
      overflow:hidden;
  }
  .carousel .card picture img{
        width:100%;
        max-width:initial
  }
  .carousel-round .card img
  .carousel-round .card picture img{
        height:100%;
        width:100%;
        max-width:initial
  }
  .carousel-round .card{
      background:transparent;
      padding:0;
      text-align: center;
  }
  .carousel-round .card img{
      border:1px solid transparent;
      border-radius:100% !important;
  }
  .carousel-round .card a:hover img{
        border:1px solid var(--primary-color);
        opacity:.9;
    }
    .carousel-progress{
        background-color: var(--primary-color);
        height: 4px;
        z-index: 15;
    }
  .carousel__slide{
      margin:0 .5rem !important
  }
  .carousel-card--sale-banner{
    background-color:#A32B3B;
    border-radius: 2rem;
    color:var(--white);
    left: 1rem;
    padding:11px;
    position:absolute;
    text-align:left;
    text-transform:uppercase;
    top: 1rem;
    z-index:5;
}
.carousel-card--sold-banner {
    background-color: var(--fourth-grey);
    color: var(--white);
    font-size: 30px;
    letter-spacing: 1.25px;
    padding: 3px 300px;
    transform: rotate(-30deg);
}
.carousel-card--sold-banner-container {
    align-items: center;
    bottom:0;
    display:flex;
    justify-content: center;
    left:0;
    position:absolute;
    right:0;
    text-align:left;
    text-transform:uppercase;
    top:0;
    z-index:5
}

/*copied over from PDP .wishlist-card need to unify these components - JJ */

.wish-add{
    position:absolute;
    right:15px;
    top:15px;
    z-index:200
}
.wish-add:hover,
.wish-add:active{
    cursor: pointer;
}
.wish-add:hover .fa-circle path,
.wish-add:active .fa-circle path{
    fill:var(--secondary-color)
}

/* start - wishlist popup - related items */

.stamp .wishlist-add-container,
.carousel-card .wishlist-add-container,
.ais-Hits-item .wishlist-add-container,
.product-display--imagery .card-wl-msg,
.carousel-card .card-wl-msg, 
.ais-Hits-item .card-wl-msg{
    box-shadow:1px 4px 8px var(--fourth-grey);
    color:var(--white);
    display: flex;
    font-size:1rem;
    justify-content: center;
    left:10%;
    margin:0 auto;
    opacity:.96;
    position:absolute;
    right:10%;
    text-align:center;
    top: 42%;
    z-index:10
}
.stamp .wishlist-box,
.carousel-card .wishlist-box,
.ais-Hits-item .wishlist-box {
    background-color:var(--fourth-grey);
    border-radius:0;
    font-size: 1rem;
    font-weight:500;
    padding:2.75rem .5rem .25rem .5rem;
    text-transform:uppercase;
}
.stamp .added-to-wishlistitem,
.carousel-card .added-to-wishlistitem{
    font-size:.8rem;
    font-weight:400;
    padding:15px
}

/* carousel pricing - PDP */

.carousel-card--price span{
  color:var(--third-grey);
  font-size:21px;
  font-weight:300;
  text-decoration: line-through;
}
.percentage_sold{
  background-color: var(--secondary-grey);
  height: 4px;
  width: 100%;
  z-index: 10;
}
.percentage_sold .progress{
  background-color: var(--primary-color);
  height: 4px;
  z-index: 15;
}

.carousel_flashdeals .carousel .slick-list{
  border-radius:8px;
  margin:0;
}
.carousel_flashdeals .carousel .slick-slide>div{
  margin:0;
}
.inner-heading {
  font-size: 2rem !important;
  text-decoration: none !important;
}
#previously_viewed .slick-slide img,
#cart_carousel .slick-slide img{
  display: inline;
}
.slick-slide {
  margin: 0 20px;
}
.carousel_flashdeals{
  margin: 0 -20px !important;
}
.pdp-countdown{
  background: #C2502C;
  color: var(--white);
  border-radius: .65rem;
}
.pdp-countdown-rounded{
  border-radius: 3rem;
  max-width:100%;
}
@media only screen and (min-width: 992px) {
  .pdp-countdown-rounded{
    border-radius: 3rem;
    max-width:100%;
  }
}
.pdp-countdown flash-deal{
  background: var(--black);
  color: var(--white);
  border-radius: .8rem;
}
/* start - CMS content */
.main--cms-content .icontainer{
    width:1100px;
    margin:0 auto
}

/* end - CMS content */

/* start - Breadcrumbs */
    
    .breadcrumb {
        background-color:transparent;
        font-style: italic;
        margin-bottom:0;
    }
    .breadcrumb a:link:after {
        margin:0 .5em;
    } 
    .breadcrumb a:last-child:after {
        content: ""
    }

/* end - Breadcrumbs */

    

.vs-filter-button .label{
    font-size:.8rem;
    display:block;
    line-height:.8rem;
    margin-left:.5rem;
    white-space: pre-wrap;
    text-align:left;
}
.browse-seo{
    font-weight:400;
}
.browse-seo h2{
    font-weight:400;
    font-size:1.6rem;     
    margin-bottom:1.25rem;
    text-transform:uppercase !important;
    text-align: left;
}

.ais-Pagination-item--lastPage,
.ais-Pagination-item--firstPage{
    display:none
}

.ais-Pagination-item--previousPage{
    margin-right:1.4rem !important
}
.ais-Pagination-item--nextPage{
    margin-left:1.4rem !important
}

.ship-zip{
    white-space: nowrap;
}
.wishlist-counter:empty {
    display: none;
}

    .lazy-img{
        min-height:150px;
    }
    .browse-card{
        background-color:var(--white);
        border:1px solid var(--white);
        border-radius:.5rem;
        display:block;
        margin: 2px 6px;
        padding:10px;
    }
    .browse-card--card-image{
        box-sizing: border-box;
        position:relative;
        max-height:280px;
        overflow:hidden; 
        width:calc(100vw /2.5);
    }
    .browse-card--card-image picture img.lifestyle,
    .browse-card--card-image picture img.flat{
        left:-30%;
        min-height:160px;
        position:relative;
        width:calc(100vw /1.65);
        z-index:4
    }
    .browse-card--card-image picture img.flat{
        left:-40%;
        height:580px;
        top:-60px;
        width:580px
    }
    .browse-card--swatches{
        height:40px;
        left:-4px;
        position:relative;
    }
    .browse-card--swatches img:hover{
        cursor: pointer;
        outline: 1px solid var(--secondary-grey);
        padding: 1px
    }
    .browse-card--swatches.selected {
        outline: 1px solid var(--secondary-grey);
        padding: 1px
    }
    .browse-card--sale-banner{
        background-color:#A32B3B;
        color:var(--white);
        font-size:.8rem;
        font-weight:700;
        left:0;
        padding:11px;
        position:absolute;
        text-align:left;
        text-transform:uppercase;
        top:0;
        width:70%;
        z-index:5
    }
    .browse-card--sold-banner {
        background-color: var(--fourth-grey);
        color: var(--white);
        padding: 3px 300px;
        transform: rotate(-30deg);
        font-size: 30px;
        letter-spacing: 1.25px;
    }
    .browse-card--sold-banner-container {        
        display:flex;
        justify-content: center;
        align-items: center;
        position:absolute;
        text-align:left;
        text-transform:uppercase;
        top:0;
        bottom:0;
        left:0;
        right:0;
        z-index:5
    }
    .items-row .browse-card--card-image{
        max-height:auto !important
    }
    .items-row .browse-card--card-image picture img.lifestyle, 
    .items-row .browse-card--card-image picture img.flat{
        left:-10%;
        height:180px;
        min-height:120px;
    }
    .product-link picture{
        display:flex;
        justify-content: center;
        align-items:center;
        overflow:hidden;
    }
    .browse-image-container{
        position:relative;
    }
    .browse-main-img{
        position:relative;
        z-index:2;
        animation: ease-out;
    }
    .bg-alt-img{
        position:absolute !important;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:1;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
    }
    .bg-alt-img div{
        background-size: cover;
    }
    .opacity-zero{
        opacity:0;
        animation: fadeOutFromNone 0.3s ease-out;
    }
    @keyframes fadeOutFromNone {
        0% {
            opacity: 1;
        }
    
        100% {
            opacity: 0;
        }
    }
    @keyframes fadeInFromNone {
        0% {
            opacity: 0;
        }
    
        100% {
            opacity: 1;
        }
    }
    .product-link picture img{
        height:140%;
        max-width:initial;
        min-height:137px;
        width:140%
    }
    .lazyload-wrapper{
        min-height:137px;
    }
    @media only screen and (min-width:992px)
    {
        .lazyload-wrapper{
            min-height:400px;
        }
        .llswatches .lazyload-wrapper{
            min-height: 34px;
        }
    }
    .review_carousel  .lazyload-wrapper{
        min-height:initial
    }
    /* start - wishlist  */
    .visual-layout--wishlist,
    .browse-card--wishlist,
    .card-wish{
        position: absolute;
        opacity:.8;
        top:6px;
        right:6px;
        z-index: 20
    }
   .card-wish{
       cursor: pointer;
       right:30px;
       top:12px;
   }
   .card-wish:hover .fa-circle,
   .card-wish:focus .fa-circle{
    color:var(--primary-color);
   }
   .card-wish .active > .fa-heart{
    color:var(--primary-color);
   }
   .card-wish:hover .fa-heart,
   .card-wish:hover .active > .fa-heart{
    color:var(--white);
   }
    .visual-layout--wishlist{
        right:15px;
        top:15px;
    }
    .visual-layout--wishlist:hover,
    .visual-layout--wishlist:active,
    .browse-card--wishlist:hover,
    .browse-card--wishlist:active{
        opacity:1;
        cursor:pointer
    }
    .visual-layout--wishlist .svg-inline--fa.fa-circle,
    .browse-card--wishlist .svg-inline--fa.fa-circle{
        color:var(--fourth-grey)
    }
    .browse-card--wishlist .svg-inline--fa.fa-stack-2x{
        width:1.75rem
    }
    .visual-layout--wishlist:hover .svg-inline--fa.fa-circle,
    .visual-layout--wishlist:active .svg-inline--fa.fa-circle,
    .visual-layout--wishlist:focus .svg-inline--fa.fa-circle,
    .browse-card--wishlist:hover .svg-inline--fa.fa-circle,
    .browse-card--wishlist:active .svg-inline--fa.fa-circle,
    .browse-card--wishlist:focus .svg-inline--fa.fa-circle{
        color:var(--primary-color)
    }    
    .ais-Hits-item .product-link{
        display:block
    }
    /* start - wishlist popup  */
    /* new card wishlist msg 'card-wl-msg' - remove old 'wishlist-add-container' when new react function moved into common */
    .stamp .wishlist-add-container,
    .browse-card .wishlist-add-container,
    .ais-Hits-item .wishlist-add-container,
    .product-display--imagery .card-wl-msg,
    .browse-card .card-wl-msg, 
    .ais-Hits-item .card-wl-msg{
        animation-name: wishlist-box;
        animation-duration: .25s;
        animation-timing-function:ease-out;
        box-shadow:1px 4px 8px var(--fourth-grey);
        color:white;
        display: flex;
        font-size:1rem;
        justify-content: center;
        margin:0 auto;
        opacity:.96;
        position:absolute;
        text-align:center;
        top:42%;
        left:10%;
        right:10%;
        z-index:10
    }
    .stamp .wishlist-box,
    .browse-card .wishlist-box,
    .ais-Hits-item .wishlist-box {
        background-color:var(--fourth-grey);
        border-radius:0;
        font-size: 1rem;
        font-weight:500;
        padding:2.75rem .5rem .25rem .5rem;
        text-transform:uppercase;
    }
    .stamp .added-to-wishlistitem,
    .browse-card .added-to-wishlistitem{
        font-weight:400;
        font-size:.8rem;
        padding:15px
    }
    .stamp .wishlist-add-circle,
    .browse-card .wishlist-add-circle{
        background-color:var(--fourth-grey);
        background-clip: padding-box;
        border:1px solid var(--fourth-grey);
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
        border-radius:50%;
        color:var(--white);
        display:flex;
        justify-content: center;
        margin:0 auto;
        padding:10px;
        position:absolute;
        top:-20px;
    }
    .stamp .wishlist-add-circle .svg-inline--fa.fa-check-circle,
    .browse-card .wishlist-add-circle .svg-inline--fa.fa-check-circle{
        font-size:3rem
    }
    /* end - wishlist  */

    .browse-card h2{
        font-size:1.2rem;
        font-weight:400;
    }
    /* start - pricing */
    .browse-card--price{
        
        font-size:21px;
        font-weight:bold;
        margin:12px 0;
        margin:0;
    
    }
    .browse-card--price span{
        color:#464646;
        font-size:21px;
        font-weight:300;
        text-decoration: line-through;
        position:relative;
        
    }
    /* end - pricing */
.bv-cv2-cleanslate .bv-core-container-63 .bv-inline-rating-container .bv-stars-container dd {
    display: inline-block !important
}
.popover{
    z-index:100
}
.blurred{
    filter:blur(0.5px);
}
.item-sticky{
    background:var(--white);
    box-shadow: 2px 2px 10px var(--third-grey);
    position:fixed;
    left:0;
    margin:0;
    opacity:0;
    right:0;
    top:0;
    z-index:1001;
    pointer-events:none;
}
.item-sticky.active{
    opacity:1;
    pointer-events:auto;
}
.sticky-image img{
    height:75px;
    padding:.25rem 
}
.product-display--gallery{
    padding:0 1rem
}
.product-display--gallery .gallery-numbers{
    background-color:var(--white);
    border-radius:.15rem;
    color:var(--fourth-grey);
    padding:6px;
    position:fixed;
    opacity:.8;
    top:1rem;
    left:1rem;
}
.product-display--gallery .product-display--imagery--image{
    height:100% !important;
    margin:0 !important
}
.product-display--gallery .product-display--imagery--container{
    background-color:var(--white);
    padding:0 !important;
    margin:0 !important
}
.product-display--gallery .product-display--imagery--image img{
    max-height:100%;
    max-width:100%;
    height: auto;
    display: block;
    margin: auto;
}
.product-display--gallery .product-display--imagery--thumbnails{
    bottom:50px;
    float:initial;
    margin:0 auto!important;
    position: fixed;
    left: 0;
    right: 0;
    width:auto
}
.product-display--gallery .product-display--imagery--thumbnails div.px-1{
    background-color:var(--white);
    padding: 6px !important;
    opacity:.7;
}
.product-display--gallery .roomvo-stimr{
    display:none !important
}
.product-display--gallery .gallery-left-arrow,
.product-display--gallery .gallery-right-arrow{
    background-color:var(--white);
    position:fixed;
    opacity:.7;
    top:48vh
}
.product-display--gallery .gallery-left-arrow{
    border-radius:0 .15rem .15rem 0;
    left:0;
    padding:6px 6px 6px 20px;
}
.product-display--gallery .gallery-right-arrow{
    border-radius:.15rem 0 0 .15rem;
    padding:6px 20px 6px 6px;
    right:0
}
#FullScreenImageGalleryModal .modal-header{
    line-height:0;
    padding:0
}
#FullScreenImageGalleryModal .modal-dialog .modal-content .modal-header .close{
    background-color:var(--white);
    border-radius:.15rem; 
    font-size:2rem;
    margin:1rem;
    opacity:.7;
    padding:0 0.625rem 0 0;
}
.product-display--gallery .gallery-left-arrow:hover,
.product-display--gallery .gallery-right-arrow:hover,
.product-display--gallery .product-display--imagery--thumbnails div.px-1:hover,
#FullScreenImageGalleryModal .modal-dialog .modal-content .modal-header .close:hover{
    opacity:1
}
.product-display--gallery .scroll-me{
    background-color:var(--fourth-grey);
    border-radius:100%;
    align-items: center;
    color:var(--white);
    font-size:1.75rem;
    display:flex;
    flex-direction: column;
    justify-content: center;
    padding:1.15rem 1rem;
    position:fixed;
    opacity:.8;
    top:46vh;
    left:45vw;
    text-align:center
}

    .no-scroll{
        overflow: hidden
    }
    .visual-search-filter-mobile .bg-primary,
    .main--filter-desktop .bg-primary{
        min-height:100vh
    }
    .visual-search-filter-mobile,
    .visual-search-filter-mobile.collapsing,
    .main--filter-desktop,
    .main--filter-desktop.collapsing{
        position:fixed;
        right:-100px;
        height:100vh;
        top:0;
        width:0%;
        z-index:2001
    }
    .visual-search-filter-mobile.collasping,
    .main--filter-desktop.collapsing{
        display:block !important
    }
    .visual-search-filter-mobile.show,
    .main--filter-desktop.show{
        background:var(--white);
        display:block;
        max-height:100vh;
        height:100vh;
        position:fixed;
        right:0;
        top:0;
        width:100%;
        z-index:2001l
    }
    .visual-search-filter-mobile .btn{
        text-align:left
    }
    /* start - main filter */

    /* floating filter button that opens main filter options */

    .main--filter>div>div>button.btn-mobile-filter{
        background:var(--fourth-grey);
        border:none;
        border-radius:6px 0 0 6px;
        bottom:160px;
        cursor:pointer;
        position:fixed;
        opacity:.8;
        right:0;
        z-index:2002
    }
    .main--filter>div>div>button>div.fa-stack{
        color:var(--fourth-grey)
    }
    .main--filter>div>div>div:action{
        background-color:var(--primary-color)
    }

/* start - main filter content */
    .mobile-main-collapse,
    .main-filter--type{
        line-height:36px
     }
     .main-filter--type-options{
       background-color: var(--white);
       overflow-y: auto;
       overflow-x: hidden;
       z-index:11
     }
     .mobile-main-collapse.btn-block,
     .main-filter--type.btn-block,
     .main-filter--type-options li a{
        border:1px solid var(--white);
        display:block;
        color:var(--fourth-grey);
        font-size:1rem;
        text-align:left;
        -webkit-appearance:none;
        -moz-appearance:none;
     }
     .visual-filter-list,
     .mobile-main-collapse.btn-block,
     .main-filter--type.btn-block,
     .main-filter--type.btn-block.collapsed{
         background:var(--white);
         border:1px solid var(--white);
         border-radius:.25rem;
         margin-bottom:0;
         padding:.5rem 1rem;
         z-index:10
     }
     .mobile-main-collapse.btn-block,
     .main-filter--type.btn-block{
        border-radius:.25rem .25rem 0 0
     }
     .mobile-main-collapse.btn-block:focus,
     .main-filter--type.btn-block:focus{
         border:1px solid var(--fourth-grey);
         outline:none
     }
     .mobile-main-collapse.btn-block .svg-inline--fa,
     .main-filter--type .svg-inline--fa{
         position:relative;
         top:10px;
         right:4px;
     }
     .mobile-main-collapse ul,
     .main-filter--type-options ul{
        background:var(--white);
        margin-bottom:0;
        padding:.5rem 0 1rem 0;
        position:relative;
        left:1px
     }
     .noUi-connects{
         overflow:initial
     }
    .main-filter--type-options ul li{
        list-style-type:none
    }
    .main-filter--type-options li a{
        font-size:1rem;
        font-weight:400;
    }
    .main-filter--type-options.collections>ul li ul,
    .main-filter--type-options.collections>ul li ul li{
       border:none
    }
    .main-filter--type-options.collections>ul>li>a,
    .main-filter--type-options.collections>ul>li>ul>li>a{
        font-weight:400
    }
    .main-filter--type-options.collections>ul>li>ul>a{
        padding-left:10px
    }
    .main-filter--type-options.collections>ul>li>ul>li>a{
        padding-left:20px
    }
    .main-filter--type-options.collections>ul>li>ul>a::before,
    .main-filter--type-options.collections>ul>li>ul>li>a::before{
        content:'-'
    }
    .main-filter--type-options .filter_item{
        padding:.25rem 1rem;
    }
    .main-filter--type-options .filter_item:hover{
        color:var(--fourth-grey);
        text-decoration:none
    }
    /* end - main filter content */
    /* start - slider controls */

    .main-filter--type--slider-labels{
        font-weight:700
    }
    .main-filter--type--slider .noUi-horizontal{
        height:16px
    }
    .main-filter--type--slider .noUi-horizontal .noUi-handle{
        height:36px;
        top:-12px;
        width:36px
    }
    .main-filter--type--slider .noUi-horizontal.noUi-target{
        background:var(--primary-grey);
        border:none
    }
    html:not([dir=rtl]) .noUi-horizontal .noUi-handle{
        right:-12px
    }
   .main-filter--type--slider .noUi-horizontal .noUi-handle:after,
   .main-filter--type--slider .noUi-horizontal .noUi-handle:before{
        height:24px;
        left:16px
    }
    /* end - slider controls */
    /* end - main filter */


/* start - filtered selections */

    .filter-options--filter-selection,
    .filter-options--breadcrumb-selection{
        background: var(--fourth-grey);
        border:1px solid var(--fourth-grey);
        border-radius:4px;
        padding:.5rem 1rem .4rem 1rem;
        margin-right:.5rem;
    }
    .filter-options--filter-selection span,
    .filter-options--breadcrumb-selection span{
        color:var(--white)
    }
    .filter-options--filter-selection .svg-inline--fa{
        left:8px;
        position: relative
    }
    .filter-options--filter-selection:hover,
    .filter-options--breadcrumb-selection:hover{
        background:var(--white);
        border:1px solid var(--fourth-grey);
        cursor: pointer;
        text-decoration: none
    }
    .filter-options--breadcrumb-selection:hover .svg-inline--fa,
    .filter-options--filter-selection:hover span,
    .filter-options--breadcrumb-selection:hover span{
        color:var(--fourth-grey);
        text-decoration:none
    }
    /* start - styling for country unit measurement switch */
        .dim-select .dim-selector-row{
            max-width: 200px;
        }

        .dim-select .switch{
            display: inline-block;
            height: 24px;
            position: relative;
            width: 60px;
        }
        .dim-select .slider{
            background-color: var(--secondary-grey);
            border-radius: 34px;
            bottom: 0;
            cursor: pointer;
            right: 0;
            left:0;
            position: absolute;
            top: 0;
        }
        .dim-select .slider:after{
            padding-right:4px;
        }
        .dim-select .slider:before{
            background-color: var(--white);
            border-radius: 50%;
            bottom: 4px;
            content: "";
            height: 17px;
            left: 4px;
            position: absolute;
            width: 17px;
        }
        .dim-select .slider:hover,
        .dim-select .slider:active{
            background:var(--fourth-grey)
        }
        .dim-select .switch input:focus + .slider{
            box-shadow: 0 0 10px var(--fourth-grey)
        }
        .dim-select .switch input:checked + .slider:before{
            -webkit-transform: translateX(36px);
            -ms-transform: translateX(36px);
            transform: translateX(36px);
        }
    /* end - styling for country unit measurement switch */
/* end - filtered selections */
    .filter-group.filter-options .dropdown-filterpop,
    .filter-group.open .dropdown-filterpop{
        background:var(--white);
        border:1px solid var(--primary-grey);
        border-radius:.25rem;
        cursor: pointer;
        height:auto;
        position: absolute;
        width:280px;
        z-index:25
    }
    .filter-group.filter-options .dropdown-filterpop{
        display:none;
        width:auto 
      }
    .filter-group.filter-options.open .dropdown-filterpop{
        display:flex;
    }
    .btn-mobile-filter{
        text-transform: initial
    }
    .visual-filter-list,
    .dropdown-filterpop ul{
        list-style-type: none;
        margin:0;
        padding:1rem;
    }
    .filter-group.filterSize ul,
    .filter-group.filterStyle ul,    
    .filter-group.filter-options ul,
    .main-filter--type-options ul{
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        column-count: 2;
        column-gap: 10px;
    }
    #ColorsOptions,
    #WidthOptions,
    #LengthOptions{
        -moz-column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-count: 1;
        column-count:1;
        column-gap: 0;
    }
    .dropdown-filterpop ul li a:hover{
        color:var(--fourth-grey);
        text-decoration:none
    }
    .secondary-filter{
        white-space: normal;
        width:120px
    }
    filter .zip-code,
    .page-sort label{
        line-height:36px
    }