@font-face {
    /*font-family: Poppins,Open sans, sans-serif !important;*/
    src: url('RecifeDisplayWeb-Regular.woff2') format('woff2'),
    url('RecifeDisplayWeb-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    unicode-range: U+000D-FB04;
    }
    :root{
        --primary-font:'Poppins';
        --bs-nav-link-font-weight:400;
        --bs-nav-link-font-weight:400;
    }
    body {
        font-family: var(--primary-font) ;
    }
    
    .spsloadingicon{    
        font-size: 50px;  
        position: absolute;
        left: 45%;
        top: 30%;
        z-index: 5000;  
    }
    
    .spsloadingicon_small{    
        font-size: 30px;  
        position: absolute;
        left: 45%;
        top: 30%;
        z-index: 5000;  
    }
    .animate-spin{
        line-height:10px;
    }
    
    .container{
        max-width: 1400px;
    }
    
    .container .container, .container .container-fluid, .container-fluid .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
    }
    .form-check-input{
        border-radius: 0px !important; 
        width: 18px !important;
        height: 18px !important;
    }
    /*.navbar>.container {
        padding-right: var(--bs-gutter-x,.75rem) !important;
        padding-left: var(--bs-gutter-x,.75rem) !important;
    }*/
    .btn{
        border-radius:1px;
    }
     /*header CSS */ 
     .navbar {
        width:100%;
        line-height:auto;
        height: 122px;
     } 
    .navbar-expand-lg .navbar-nav .nav-link {
       font-weight:400;
        font-size: 16px;
        line-height: 16px;
        padding: 40px 20px;
        font-weight: 400;
        margin: 0px;
    }
    li.has-children> a:after {
        font-family: "sps-icons";
        content: '\e92e';
        margin-left: 5px;
        font-size: 14px;
    }
    li.has-children> a#account-navlink:after{
        content:'';
    }
    @media screen and (min-width: 993px) {
    li#top-level-005 .nav-link, #btnoffcanvasCart, #account-navlink {
        color: #fff !important;
        margin: 25px 0px;
        background: #C20114;
        border-radius: 2px;
        font-size: 16px;
        line-height: 16px;
        padding: 14px 28px;
        font-weight: 400;
        border: none;
    }
    }
    li#top-level-005 .nav-link:hover {
        opacity: .8 !important;
    }
    
    .f-09{
        font-size:0.9rem !important;	
    }
    .navbar-brand {
       text-transform: uppercase;
       letter-spacing: 1.5rem;
       font-size:3rem !important;
       background-image:url('EncoreLogo-VectorRED.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position:center;
        width: 225px;
        height: 90px;
        display:block;
    }
    @media (max-width: 1110.98px) {
        .navbar-brand {
        width:200px;
        }
    }
    
    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }
    
    a{
       color:#000 !important;
       text-decoration: none !important;
    }
    
    .a-highlight:hover {
       text-decoration: underline !important;
    }
    
    .dropdown-menu {
       border: 0px solid rgba(0,0,0,.05) !important;
       box-shadow: 2px 2px 4px 0px rgb(0 0 0 / 25%);
       border-radius:1px;
    }
    @media screen and (min-width: 991px) {
     .navbar-dropdown:hover .dropdown-menu {
       display: block;
    }
    }
    .dropdown-item {
       color:#000 !important;
       /*padding:0;*/
    }
    .dropdown-item a {
        padding: 15px 20px;
        line-height: 18px !important;
        position: relative;
        text-transform: none;
        font-weight: normal;
        margin: 0px;
        letter-spacing: 0.04em;
        font-size: 16px;
        border-bottom: 1px solid rgba(120, 138, 175, 0.15);
        width: 250px;
        display:flex;
    }
    
    .dropdown-item:active {
       color:rgba(0,0,0,.55) !important;
       text-decoration: none;
       background-color: #fff !important;
    }
    
    .sps-icon{
        font-size:26px;
    }
    
    .navbar-light .navbar-nav .nav-link {
        /*color: rgb(0 0 0)!important;*/
    }
    .
    /*header css */
    
    a #headermenu :hover{
        color:rgb(178, 67, 54, 1)!important;
    }
    
    /* footer css*/
    footer {
        margin-top: 60px;
    }
    .bgFooter{
        background-color:#eae8e6 !important;
        background-image: url('https://static.wixstatic.com/media/c23860_81a1e42f9f5e48dc80972a00c6b07d3c~mv2.jpg/v1/fill/w_1204,h_316,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/c23860_81a1e42f9f5e48dc80972a00c6b07d3c~mv2.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .sps-email-input {
        background:transparent !important;
        border-color:#6c757d !important;
    }
    
    .footer-link-item {
        display: block;
        width: 100%;
        padding: 0.05rem 0.0rem;
        clear: both;
        font-weight: 400;
        color: #6c757d;
        text-align: inherit;
        text-decoration: none;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }
    .footer-link-item:hover{
        color: #212529;
    }
    /* footer css*/
    
    
    .home-slider:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0,0,0,.2);
        background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    }
    .carousel-caption {
        z-index: 10;
    }
    .home-carousel-item img {
      object-fit: cover !important;
      object-position: center;
      height: 65vh !important;
      overflow: hidden;
       width:100%;
    }
    
    .home-carousel-item video {
      object-fit: cover;
      object-position: center;
      height: 65vh !important;
      width:100%;
      overflow: hidden;
    }
    
    .carousel-caption {
    position: absolute;
    max-width: 535px;
    left:0 !important;
    right:0 !important;
    margin:auto;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 120%;
    /* or 38px */
    text-align: center;
    /* White */
    color: #FFFFFF;
    bottom:25vh !important;
    letter-spacing:0.2rem;
    }
    
    .carousel-caption .btn {
        /* border: 1px solid #fff; */
        padding: 14px 18px;
        text-transform: uppercase;
        font-size: 0.8rem;
        letter-spacing: 0.1rem;
        color: #FFFFFF;
        text-decoration: none;
        transition: all 0.2s ease;
    }
    
    .carousel-control-next-icon, .carousel-control-prev-icon {
      width: 45px !important;
      height: 45px !important;
      left: 66.17px;
      top: 415.34px;
     }
    .carousel-control-prev{
        left: -53px ;
    }
    .carousel-control-next{
        right: -53px ;
    }
    
    .flickity-prev-next-button {
        width: 55px !important;
        height: 55px !important;
        position: absolute;
        fill: white;
        border: none;
        background: none;
    }
    
     .InventoryPageHeader {
        background:url('encoreTitleBG.jpg');
        display: block; 
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        overflow: hidden;
        margin-bottom: 60px;
     }
     .InventoryPageTitle {
        text-align: left;
        letter-spacing: 4.2px;
        font-weight: 500;
        font-size: 2.6rem;
        word-wrap: break-word;
        padding: 84px 0;
        line-height: 1.1em;
    }
    
     .pageHeader {
        text-align: justify;
        text-justify: inter-word;
        max-width:800px;
        margin-left:auto !important;
        margin-right:auto !important;
        padding: 45px 0px 0px 0px;
     }
    
     .pageTitle {
        text-align:center;
        letter-spacing: 1.5px;
        font-weight: normal;
        font-size:46px;
        word-wrap: break-word;
        line-height: 1.1em;
        padding: 60px 0;
        margin: 25px 0px 0px 0px ;
     }
    
     /*.pageSubTitle{
        text-align: center;
        word-wrap: break-word;    
     }*/
    
     .section-title {
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        font-size: .81rem;
        margin-bottom: 22px !important;
     }
    
     .card-text span {
        text-transform: none;
        display:block;
    }
    
     .product-title {
       text-transform: uppercase;
       letter-spacing: 0.05rem;
       font-size: .8rem;
     }
    
     .collection-title{
       letter-spacing: 0.2rem;
       text-transform: uppercase;
       font-size: 1.5rem;
     }
    
     .collection-link{
       letter-spacing: 0.2rem;
       text-transform: uppercase;
       font-size: 0.80rem;
       color: white !important;
        text-decoration: none;
        transition:all .4s ease;
        border-bottom:1px solid transparent;
     }
    
     .collection-item:hover .collection-link{
       border-bottom:1px solid white;
     }
    
     .collection-overlay {
       top: auto !important;
       color: white;
       left: 2rem !important;
       bottom: 2rem !important;
       z-index: 2;
    }
    
    .collection-imgheight {
       min-height:300px !important;
    }
    .collection-item .ImgWrap{
    padding-bottom:65%;
    }
    .collection-item .ImgWrap img{
    max-height:initial;
    }
    .collection-item .ImgWrap {
        position: relative;
    }
    .collection-item .ImgWrap:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
        opacity:.8;
    }
     .groupsection-title {
       text-transform: uppercase;
       letter-spacing: 0.2rem;
       font-size: 1.8rem;
     }
    .item-link {
        font-size: .9rem;
    }
     .section-overlay {
        top:auto !important;
        color: white;
        left: 2rem !important;
        bottom: 4rem !important;
     }
     .pageBody {
        padding-top:2rem;
     }
    
    .ArticleWrap{
        justify-content: center;
        max-width: 1295px;
        margin: auto;
        background-color: white;
        box-shadow: 0 0 9px -3px rgb(0 0 0 / 20%);
        position: relative;
        top: -100px;
        padding: 30px 60px 60px;
        text-align: justify;
    }
    .ArticleWrap img {
        height:550px;
    }
     .sectioncontent {
        display: flex;
        align-items: center;
     }
     .ImgLeft .sectioncontent {
        padding-left: 30px;
    }
    
    .requestimage {
        color: black;
        background: #f4f3f1 !important;
        width: 100%;
        min-height: 250px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .requestimgtext {
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        font-size: 12px !important;
    }
    
    .item-link {
        color: black;
        text-decoration: none !important;
        text-transform:uppercase;
        letter-spacing:0.1rem;
    }
    
    .owl-prev{
        border:none;
        background:none;
        font-size:2rem;
        line-height:18px;
        min-width:20px;
    }
    .owl-next{
        border:none;
        background:none;
        font-size:2rem;
        line-height:18px;
        min-width:20px;
    }
    
    
    .img550 {
       height: 550px;
    }
    .cover {
       object-fit: cover !important;
       max-width:100%;
    }
    
    .carousel-text {
       text-align:center;
    }
    
    
    .NoImg {
       Width: 100%;
       background-color: #f3f3f388;
       border: 1px solid var(--grey-bg-border);
       font-family: var(--primary-font);
       font-size: 14px;
       color: var(--secondary-txt-color);
       text-align: center;
       display: table;
       top: 0px;
       right: 0px;
       position: absolute;
       height: 100%;
    }
    
    
    .NoImgText {
        margin-top: -6px;
        position:absolute;
        top:50%;
        left:0;
        right:0;
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        font-size: 12px !important;
    }
    
    .gray-well {
        color: black;
        background: #f4f3f1 !important;
        width: 100%;
        min-height: 250px;
        padding: 12px;
    }
    
    /* Pagination CSS */
    .page-link {
       border:0px !important;
       color:black !important;
       letter-spacing: 0.1rem;
    }
    
    .page-item.active .page-link {
       z-index: 3;   
       color:black !important;
       border:none;
       background-color: #fff !important;
       border-bottom:1px solid #000 !important;
    }
    
    .page-link:hover {
       z-index: 2;
       color: #fff !important;
       background-color: black !important;
       border-color: #dee2e6;
    }
    
    
    
    /* account page*/
    .nav-pills .nav-link{
       text-transform: uppercase;
       border: 1px solid #000 !important;
       border-radius: 0px !important;
       letter-spacing: 0.1rem;   
       margin-bottom:1rem;
       font-size: 0.80rem!important;
    }
    
    .form-control{
        /* border-color:00000073 !important; */
        border-radius: 0px !important;
    }
    .form-select{
        /* border-color:00000073 !important; */
        border-radius: 0px !important;
        background-image: none !important;
    }
    
    
    .nav-pills .nav-link:hover{
       text-transform: uppercase;
       color: #fff !important;
       background-color: #000 !important;
       letter-spacing: 0.1rem;      
    }
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
       color: #fff !important;
       background-color: #000 !important;
       text-transform: uppercase;
       letter-spacing: 0.1rem;
    }
    .navbar-brand-mobile { display: none;}
    
    .wishlist-dropdown {
      min-width: 180px !important;
    }
    
    .wishlist-dropdown-menu {
       width: 101% !important;
       left: -1px !important;
    }
    
    .breadcrumb-item  {
       font-size:0.8rem !important;
    }
    
    
    .breadcrumb-item+.breadcrumb-item::before {
       float: left;
       padding-right: 0.5rem;
       color: #6c757d;
       content: "|" !important;
    }
    
    .item-detail-prev {
        left: 8px !important;
    }
    .item-detail-next {
        right: 8px !important;
    }
    
    .item-detail-description{         
          right: 0% !important; 
          bottom: -3rem !important;
          left: 0% !important;
          padding-top: 1.25rem;
          padding-bottom: 1.25rem;            
          text-align: start !important;
    }
    
    .opacity-50 {
       opacity:75%;
    }
    
    .btn-sps-icon:hover {
       opacity:100% !important
    }
    
    .cart-canvas {
       min-width: 550px;
    }
    #CartLayer .ImgWrap {
        height: auto;
    }
    #CartLayer .ImgWrap {
        height: auto;
        /*padding-bottom:70%;*/
    }
    
    
    
    .CartAlert {
        position: relative;
        padding: 30px;
        margin: 100px auto 0;
        max-width: 350px;
        z-index: 100;
            background-color:white;
    }
    /* width */
        .CustomScroll::-webkit-scrollbar{
          width: 5px;
        }
        /* Track */
        .CustomScroll::-webkit-scrollbar-track{
          background: rgba(18,32,46,.15);
          border-radius:0px;
        }
         
        /* Handle */
        .CustomScroll::-webkit-scrollbar-thumb{
          background: rgba(99,113,128,.5);
          border-radius:0px;
        }
    
        /* Handle on hover */
        .CustomScroll::-webkit-scrollbar-thumb:hover
        {
          background: #555; 
        }
    .fs-7 {
       font-size:0.8rem !important;
    }
    .fs-15p{
        font-size:15px;
    }
    
    .search-group {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-top: 20px;
        border: 1px solid #dee2e6;
        outline: 0;
        align-items: center;
        padding-left: .5rem;
        margin-right: 4px;
    }
    .inp-searchbox {
        border: none;
        background: white;
        padding: .25rem;
        outline: none;
    }
    .search-btn{
        background-image: url('Fonts/NextIcon.svg');
        background-repeat: no-repeat;
        background-position: bottom 8px right 2px;
        background-size: 6px;
        flex-basis:10%;
        height:100%;
        cursor:pointer;
    }
    
    [placeholder]:focus::-webkit-input-placeholder {
       transition: text-indent 0.4s 0.4s ease; 
       text-indent: -100%;
       opacity: 1;
    }
    
    
    .img-display {
       flex-grow: 1;
       max-width: 1050px;
    }
    
    .wishlist-modal .modal-dialog{
        position: absolute;
        bottom: 0;
        top:30%;
        left:5%;
        right:5%;
     
        max-width: 450px;
     }
    
    
    .accordion-item{
        border:none !important;
        border-bottom: solid 1px !important;
    }
    .accordion-button:not(.collapsed) {
         color: black !important;
         background-color: transparent !important;
         box-shadow: none !important;
    }
    
    .btn-outline-dark:hover{
       color:#fff !important;
    }
    
    .btn-circel {
       border-radius: 50% !important;
        padding: 0.5rem !important;
    }
    @media screen and (max-width: 600px) {.navbar-brand { display: none; }}
    @media screen and (min-width: 900px) {.navbar-brand-mobile { display: none;}}
    
    
    
    .ImgWrap {
       overflow: hidden;
       position: relative;
       display: inline-block;
       border: solid 0px var(--grey-bg-border);
       -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
       border-radius: 1px;
       width: 100%;
       cursor: pointer;
       border: 1px solid #f4f4f4;
    }
    
    
    .ImgWrap img, .ImgWrap video {
       position: absolute;
       Margin: auto;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       width: 100%;
       height:100%;
       object-fit: cover;
       object-position: center;
       -webkit-transition: all .4s;
       -moz-transition: all .2s ease;
       -ms-transition: all .2s ease;
       -o-transition: all .2s ease;
       transition: all .4s ease;
    }
    
    .ImgWrap, .NoImg {
       padding-bottom: 65%;
    }
    
    .NoImgText:before {
       content: 'Image coming soon';
    }
    
    .z-10 {
       z-index:10;
    }
    
    .card-subtitle {
        font-family: 'Poppins', serif;
        font-weight: 400;
        margin-top: -20px;
    }
    .owl-nav {
        position: absolute;
        right: 15px;
        left: 15px;
        display: flex;
        justify-content: space-between;
    }
    /* CUSTOM CSS */
    
    #SearchDiv {
        right: 0px;
        top:75px;
        background: #E5E5E5;
        border-radius: 0px !important;
        border: none;
        opacity: 0.9;
        min-width:320px;
        z-index:10;
    }
    .nobackground {
        background : none !important;
    }
    .dropdown-menu{
        background-color: white !important; 
    }
    .header-dropdown{
        border-radius: 0px !important;
        left: -1px;
        padding:0;
       }
    .dropdown-menu > li:hover{
        
    }
    .dropdown-item > .dropdown-Sub{
        top: 0;
        left: 100%;
        margin-top:-6px;
    }
    .dropdown-Sub {
        position:relative;
    }
    @media screen and (min-width: 991px) {
    .dropdown-menu > li:hover > ul.submenu{
        top: -1px;
        left: 100%;
        position: absolute;
        display: block;
        background: white;
        font-size: 1em;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding:10px 5px;
        box-shadow: 2px 2px 2px 0px rgb(0 0 0 / 25%);
    }
    }
    .submenu{
        display:none;
        list-style-type: none;
    }
    .dropdown-item:hover {
        color: #1e2125;
        /*background-color: none;
        text-decoration:underline;*/
        }
    
    .has-children{
    position:relative;
    }
    .dd-indicator{
    position:absolute;
    top: 5px;
    font-size: 12px;
    padding-left:5px;
    right:-5px;
    display: none;
    }
    .dd-indicator:after{
        content: '\e930';
        font-family: 'sps-icons';
    
    }
    
    .hvr-overlay:before {
        background-color: rgba(255,255,255,.8);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        content: "";
        opacity: 0;
        transition: .5s ease;
    }
    .middle {
        cursor: pointer;
        transition: .5s ease;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
        font-family: 'Albra Regular';
        z-index:2;
      }
     .hvr-overlay:hover:before{
        opacity:  1;
        } 
    .hvr-overlay:hover > .middle {
        opacity: 1 !important;
       }
    
    
    
    .text {
        color: black;
        font-size: 32px;
        padding: 0px 12px;
        font-weight: 400;
       }
     #button-addon2{
        height:57px;
     }
     input::placeholder {
        font-size:0.9rem;
    }
    .dot{
        height: 35px;
        width: 35px;
        background-color: black;
        border-radius: 50%;
        color:white;
        display: inline-block;
        text-align:center;
        padding-top:2%;
        }
    
    .testing{
    box-sizing: border-box;
    
    position: absolute;
    left: 76.67%;
    right: -3.33%;
    top: 50%;
    bottom: 23.33%;
    
    /* black */
    
    border: 1px solid #202020;
    transform: matrix(-0.71, -0.71, -0.71, 0.71, 0, 0);
    
    }
    .arrow {
      display: inline-block;
        position: absolute;
        width: 10px;
        height: 10px;
        background: transparent;
        text-indent: -9999px;
        border-top: 1px solid #202020;
        border-left: 1px solid #000000;
        transition: all 250ms ease-in-out;
        text-decoration: none;
        color: transparent;
    }
    .arrow:before {
      display: block;
      height: 200%;
      width: 200%;
      margin-left: -50%;
      margin-top: -50%;
      content: "";
      transform: rotate(45deg);
    }
    
    .arrow.prev {
      transform: rotate(-45deg);
      left: 0;
    }
    
    .arrow.next {
      transform: rotate(135deg);
      right: 0;
    }
    
    .arrow.up {
      transform: rotate(45deg);
      left: 175px;
    }
    
    .arrow.down {
      transform: rotate(-135deg);
      right: 175px;
    }
    
    .hover-layer {
        position: absolute;
        right: 5px;
        bottom: 5px;
        opacity:1;
        transition:all .2s ease;
        z-index: 3;
    }
    
    .IconBtn {
        width: 38px;
        height: 38px;
        background-color: rgba(255,255,255,.85);
        display:inline-flex;
        color: #c20114;
        text-align: center;
        line-height: 38px;
        justify-content: center;
        align-items: center;
        border-radius:50%
    }
    .IconBtn:hover {
        box-shadow: 0px 0px 5px rgba(0, 0, 0, .15);
        background: rgba(255, 255, 255, 1);
    }
    .hover-text {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        background-color: rgba(0,0,0,.25);
        color: white;
        height: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        z-index: -1;
        transition:all .2s ease;
        font-size: .85rem;
        text-transform: uppercase;
    }
    .card:hover .hover-text{
        z-index: 1;
    }
    
    
    
    .card-body {
        padding-top: 1rem  !important;
        padding-bottom: 1rem  !important;
    }
    .owl-item .card-body {
        padding: 0.5rem 0 1rem !important;
    }
    .owl-item .section-title{
    margin-bottom:0 !important;
    margin-top:10px;
    }
    .owl-item .section-subtitle{
    
    }
    .owl-nav .owl-next, .owl-nav .owl-prev{
    font-size:0 !important;
    color:transparent;
    padding-left: 12px;
    }
    .owl-nav .owl-next span, .owl-nav .owl-prev span{
    background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 8px;
        height: 12px;
        display: block;
        margin-top: 5px;
    }
    .owl-nav .owl-next span, .carousel-control-next-icon {
        background-image: url(Fonts/NextIcon.svg);
    }
    .owl-nav .owl-prev span {
        background-image: url(Fonts/PrevIcon.svg);
    }
    .carousel-control-next-icon {
        background-image: url(Fonts/NextIcon-white.svg);
    }
    .carousel-control-prev-icon {
        background-image: url(Fonts/PrevIcon-white.svg);
    }
    .group-slider .owl-nav {
        margin-top: 10px;
    }
    .group-slider .ImgWrap{
    padding-bottom:126%;
    }
    .group-slider {
        margin-bottom: 40px;
    }
    .btn-dark:hover {
        color: #fff;
        background-color: #1c1f23;
        border-color: #1a1e21;
        box-shadow: 0 0 0 0.25rem rgb(66 70 73 / 50%) !important;
    }
    .g-custom{
    --bs-gutter-y: 2rem;
    --bs-gutter-x: 2rem;
    }
    .ProductItem .card-body{
    padding-top:.5rem !important;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    }
    #passwordimg{cursor:pointer;font-size:1.4em;}
    ul.filter-list {
        padding-left: 0;
        margin-top: 10px;
    }
    .filter-list li {
        list-style: none;
        padding: 2px 0;
    }
    .CustomCheckBox {
      width:100%;
      position: relative;
      margin: 2px 0px;
    }
    
    .CustomCheckBox:after{
    clear:both;
    }
    .CustomCheckBox label {
      height: 20px;
      cursor: pointer;
      position: relative;
    }
    .CustomCheckBox label:before{
        content: ''; 
        width: 20px;
        height: 20px; 
        position: absolute;
        background: white;
        border-radius: 2px;
        border:1px solid rgba(0, 0, 0, 0.445);
    
    }
    
    .CustomCheckBox label:after {
      content: '';
      width: 10px;
      height: 5px;
      position: absolute;
      top: 6px;
      left: 5px;
      border: 2px solid #000;
      border-top: none;
      border-right: none;
      background: transparent;
      opacity: 0;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
    }
    .CustomCheckBox label p{
        margin-top: 2px;
        margin-left: 23px;
        font-size:14px;
        line-height:1.1rem;
        font-weight:500;
        white-space: nowrap;
    }
    
    .CustomCheckBox label:hover::after {
      opacity: 0.25;
    }
    .CustomCheckBox input[type=checkbox] {
      visibility: hidden;
      position:absolute
    }
    .CustomCheckBox input[type=checkbox]:checked + label:before {
        background: #c2030f;
        border: 1px solid #c2030f;
    }
    .CustomCheckBox input[type=checkbox]:checked + label:after {
      opacity: 1;
      border-color:#fff
    }
    
    spscartsummary{
    position:relative;
    }
    
    /*//Filter body start//*/
    .FilterWrap .dropdown {
        border: 1px solid #dee2e6;
        margin-right: 4px;
        display: flex;
        align-items: center;
    }
    .FilterWrap .dropdown-toggle::after {
        display: inline-block;
        margin-left: .5rem;
        border-top: 0;
        border-right: 0; 
        border-bottom: 0; 
        border-left: 0; 
        font-family: "sps-icons";
        content: '\e92e';
        font-size: 15px;
        top: 3px;
        position: relative;
    }
    .FilterDiv{
        margin-top: -5px;
        border: 1px solid #d4d6d9;
        padding: 8px;
        background-color:#e9ecef;
        font-size: 11px;
    }
    .FilterDiv span{
        display: inline-block;
        float: right;
        cursor: pointer;
        font-size: 15px;
        padding-top: 2px;
        color: var(--secondary-txt-color)
    }
    
    #dropdownMenuButton1{
        display:flex;
        justify-content:space-between;
        align-items:bottom;
        font-size:12px;
        font-weight:bold;
        letter-spacing:1px;
    }
    
    .AlphaSortFilter > p{
    margin-bottom:2px;
    margin-top:0px;
    padding: 10px 1px 3px 1px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    }
    
    .SortAlpha{
        display:inline-block;
        padding:0px;
        margin:0px;
    }
    .SortAlpha li{
        list-style:none;
        display:inline;
        cursor:pointer;
    }
    .SortAlpha li a,
    .SortAlpha li a:visited{
        Text-decoration:none;
        font-size:12px;
        padding:8px 0px;
        float:left;
        margin-left:-1px;
        margin-bottom:2px;
        text-transform:uppercase;
        background-color:#fff;
        border:1px solid gray;
        color:black;
        width:30px;
        text-align:center;
    }
    .SortAlpha li a:hover{
        background-color:#c20114;
        color:#fff;
    }
    .SortAlpha li.active a{
        background-color:white;
        border:1px solid gray;
        color:white;
    }
    
    .filter-body {
        display: flex;
    }
    .FilterBreadCrumbs {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .FilterBreadCrumbs button {
        font-size: 13px;
        padding: 0;
        margin: 2px 0 2px 3px;
        border: 1px solid;
        padding: 3px 6px;
        text-transform: uppercase;
        white-space: nowrap;
        background-color: white;
        color: black;
    }
    .FilterCrumbWrap{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .FilterCrumb {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 400;
        background-color: #f6f6f6;
        padding: 3px 6px;
        letter-spacing: 1px;
        border: 1px solid #f1f1f1;
        border-radius: 2px;
        margin: 2px 2px;
        white-space: nowrap;
    }
    .FilterBreadCrumbs span {
        font-size: inherit;
        cursor: pointer;
    }
    .FilterCrumb:hover,.FilterCrumb:active {
        background-color: #f1f1f1;
    }
    .FilterBreadCrumbs button:hover,.FilterBreadCrumbs button:active{
        background-color: #000;
        color:white;
    }
    .mobile-fliter-crumbs .FilterCrumb,.mobile-fliter-crumbs .FilterBreadCrumbs button {
        padding: 6px;
    }
    
    @media screen and (max-width: 600px) {
    }
    @media screen and (max-width: 992.98px) {
        .navbar-brand-mobile { display: block;}
        .navbar-brand-mobile img {
            width: 200px;
            margin:auto;
            position: relative;
            left: 10px;
        }
        .navbar-brand { display: none; }
        .navbar {
        height:auto;
        padding-bottom: 1rem;
        }
        .navbar>.continer{
        justify-content: initial !important;
        }
        .navbar-collapse{
        position: absolute;
        z-index: 100;
        top:52px;
        left:0;
        right:0;
        transition:all .2s ease;
        background: white;
        height:auto !important;
        }
        .navbar-toggler {
        padding: .25rem;
        font-size: 2rem;
        color:black !important;
        border:0;
        }
    
        .navbar-toggler .sps-x{
        top: -2px;
        position: relative;
        }
        .navbar-toggler[aria-expanded="false"] .sps-x,
        .navbar-toggler[aria-expanded="true"] .sps-menuthin{
        display:none;
        }
        .navbar-toggler[aria-expanded="true"] .sps-x,
        .navbar-toggler[aria-expanded="false"] .sps-menuthin{
        display:block;
        }
        .nav-item, .dropdown-item {
        display: flex;
        align-self: stretch;
        flex-basis:100%;
        flex-direction:column;
        text-align:left;
        }
        .navbar-expand-lg .navbar-nav .nav-link {
            padding: 18px 20px;
            border-bottom: 1px solid rgba(120, 138, 175, 0.15)
        }
        li.has-children> a:after {
            content:"";
        }
        
        .dropdown-menu.show, .submenu.show {
            display:block;
        }
        .dropdown-menu {
        border: 0px solid rgba(0,0,0,.05) !important;
        border-bottom: 1px solid rgba(0,0,0,.05);
        text-align: center;
        box-shadow:none;
        margin-left:1rem;
        }
        .dropdown-item a{
        padding: 1rem 1rem;
        width:100%;
        }
        .top-level .dd-indicator, .dd-indicator {
        display: flex;
        align-self: self-end;
        width: 40px;
        justify-content: center;
        align-items: center;
        cursor:pointer;
        position:absolute;
        top:1px;
        height:48px;
        z-index:150;
        }
        .dd-indicator{
        top: 0;
        padding-left:0;
        font-size: 18PX;
        position:relative;
        }
        .dd-indicator:after{
        
        transition:all .3s;
        }
        .dd-indicator[aria-expanded="true"]:after{
        transform:rotate(90deg)
        }
        .dropdown-item .dd-indicator {
        top: 5px;
        width: 20px;
        right: 9px;
            height: 50px;
        }
        .navbar .dropdown-menu {padding:0}
        .dropdown-menu > li:hover > ul.submenu {
        top: 0;
        left: 0;
        position: relative;
        }
        .carousel-control-prev{
        left: 0;
        }
        .carousel-control-next{
        right: 0;
        }
        .submenu{
        padding-left:0;
        background-color: #fff;
        margin-left: -1rem;
        margin-right: -1rem;
        border-color:#f4f4f4;
        border-style:solid;
        border-left:1px;
        border-right:1px;
        }
        .dropdown-item:hover{
        text-decoration:none;
        }
    
    
        /*//Product Filters Mobile//*/
        .search-group {
            justify-content: start;
            margin: 8px 0px;
            /* padding: 16px; */
            }
            .inp-searchbox {
            width: 100%;
            padding: 8px 16px;
            }
        
        .FilterWrap.show {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color:rgba(0,0,0,.5);
        z-index: 50;
        margin: 0 !important;
        padding: 0 !important;
        display:flex;
        }
        .FilterWrap.show .FilterInner{
        transform: translateY(0);
        }
        .FilterWrap .dropdown{
        padding:.5rem !important;
        border:0 !important;
        flex-direction:column;
        text-align:left;
        align-items: start;
        width: 100%;
        border-bottom: 1px solid #ddd !important;
        }
        
        
        .FilterWrap .dropdown-toggle{
        border:0 !important;
        width: 100%;
            display: flex;
            justify-content: space-between;
        }
     
        
        .FilterWrap .dropdown-menu{
            text-align: left;
            background-color: transparent;
            width: 100%;
        }
        .CustomCheckBox label {
            width: 100%;
            }
        .FilterInner{
        margin:0 !important;
        padding: 1rem !important;
        position: fixed;
        top: 16%;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(255,255,255,.98);
        box-shadow: -5px 0 10px -5px rgb(0 0 0 / 25%);
        transform: translateY(100%);
        transition: transform .2s ease;
        border-radius: 5px 5px 0 0;
        display:flex;
        flex-direction:column;
        }
        .filter-body{
        overflow-y: auto;
        flex-direction:column;
        flex-grow: 1;
        overflow-x: hidden;
        }
    
        .FilterToggle {
        cursor:pointer;
        }
        .FilterToggle i {
        font-size: 16px;
        padding-right: 5px;
        cursor:pointer;
        }
        .mobile-filter-head {
        border-bottom: 1px solid rgba(0,0,0,.1);
        margin-top: -5px;
        text-align: right;
        text-transform: uppercase;
        letter-spacing: 1px;
        }
        .FilterClose i {
        font-size: inherit;
        }
        .FilterClose {
        font-size: 16px;
        display: inline-block;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-top: -10px;
        cursor:pointer;
        }
        .FilterWrap .dropdown-menu {
        position: relative !important;
        transform: translate3d(0px, 0px, 0px) !important;
        }
        .mobile-filter-footer {
        display: flex;
        }
        .filter-button {
            width: 100%;
            color: white;
            background-color: black;
            border: 0;
            padding: 8px;
            letter-spacing: 1px;
            display:none;
        }
        .FilterWrap.show .filter-button {
            display:block;
            align-self: flex-end;
            z-index: 60;
            margin:20px 0 0;
        }
        .FilterBreadCrumbs {
        border-bottom: 1px solid #e3e3e3;
        }
        /*//End Product Filters Mobile//*/
    
        .ArticleWrap{
        box-shadow: none;
        position: relative;
        top: 0;
        padding: 30px;
        }
    }
    
    input[type="date"] {
        position: relative;
    }
    
    input[type="date"]:after {
        font-family: "sps-icons";
        font-size:1rem;
        font-weight: 900;
        content: "\e810";
        color: #555;
        padding: 0 5px;
    }
    
    input[type="date"]:hover:after {
        color: #2171ae;
    }
    
    input[type="date"]::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        color: transparent;
        background: transparent;
    }
    
    input[type="date"]::-webkit-inner-spin-button {
        z-index: 1;
    }
    
     
     input[type="date"]::-webkit-clear-button {
         z-index: 1;
     }
    
    
     .angularjs-toast ul.toast-container.right {
        left: 50%;    
        transform: translate(-50%,0);
    }
    
    .icon{
        background:rgba(255,255,255,.85);
        padding:8px;
        margin:0px;
        border-radius:50%;
        color:#c20114 !important;
        text-align:center;
        box-shadow: 0px 0px 1px rgba(0,0,0,.25);
        transition:all .3s ease;
    }
    .icon:hover{
        box-shadow: 0px 0px 5px rgba(0,0,0,.75);
        background:rgba(255,255,255,1);
    }
    
    .iconFull{
        background-color:red;
        padding:8px;
        margin:5px;
        border-radius:50%;
        color:#c20114 !important;
        align:center;
    }
    
    .opacity-50 {
        opacity: 100% !important;
    }
    .CartItemsWrap.CustomScroll {
    max-height: calc(100vh - 186px);
    }
    .cart-preview-footer {
    background-color: white;
    padding: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #c7cbcf;
    }
    .overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}
    .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-width: 500px;
    }
    @media screen and (min-width: 768px) {
        .collapse.dont-collapse-md {
            display: block;
            height: auto !important;
            visibility: visible;
        }
    }
    @media screen and (max-width: 991px) {
        .MobileUpdateForm{
            position: fixed;
            background-color: white;
            top:20%;
            bottom: 0px;
            left: 0px;
            right: 0px;
            box-shadow: rgba(0, 0, 0, 0.5) 2px 0px 13px;
            transition-duration: 0.4s;
            transition-timing-function: ease;
            transition-property: all;
            z-index: 2147483640;
            padding: 30px;
            display:block !important;
            transform: translateY(100%);
            border-radius: 16px 16px 0px 0px;
            overflow-y: auto;
            width:100%;
        }
        .MobileUpdateForm:not(.ng-hide){
            transform: translateY(0);
        }  
    }
    .sticky-checkout {
        position: sticky;
        top: 113px;
    }
    .ImgType {
        left: 5px;
        bottom: 5px;
        background-color: rgba(255, 255, 255, .75);
        border-radius: 4px;
        padding: .25rem .5rem;
        font-size: .75rem;
        color: #444;
        text-transform: uppercase;
        font-weight: 600;
        transition: all .3s ease;
    }
    .ImgWrap:hover .ImgType {
        background-color: rgba(255, 255, 255, .95);
        color: #333;
    }
    /* 1110 Break point if needed
    @media (max-width: 1110.98px) {
        .offcanvas-lg {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: transform .3s ease-in-out;
        }
        .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
            visibility: visible;
        }
        .offcanvas-lg.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%);
        }
        .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
            transform: none;
        }
       
    }
    
    @media (min-width: 992px) {
        .navbar-expand-lg .navbar-toggler {
            display: block;
        }
    }
    @media (min-width: 1111px) {
        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
        .offcanvas-lg {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }
    }
    
    */