/* Start header with mobile */
@media (max-width: 767px) {
    .nav-links {box-shadow: 0 0 14px -8px #2c2f34; right: -240px; transition: .8s all ease-in-out;}
    .nav-links.open { right: 0px}
    .header-wrap {
        position: fixed;
    }
}

.owl-carousel button.owl-dot {
    background-color: #C4C4C4 !important;
    display: block;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    margin: 0 3px;
}
.owl-carousel .owl-dots {
    display: flex;
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
}
.owl-dots .owl-dot.active {background-color: #B7FE00 !important ; }


/* Start Shop by Categories section */
.overlay-2 {background: linear-gradient(180deg, rgba(22, 17, 17, 0) 0%, #2C2F34 100%);}
/* End Shop by Categories section */

/* Start registration page */
.apple-button .apple-svg path{transition: .3s;}
.apple-button:hover .apple-svg path {fill: #fff;}
/* End registration page */

/* Start navbtn style */
.McButton {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    width: 44px;
    height: 22px;
    cursor: pointer;
}

.McButton b {
    position: absolute;
    left: 0;
    width: 31px;
    height: 3px;
    background-color: #2C2F34;
}

.McButton b:nth-child(1) {
    top: 0;
}

.McButton b:nth-child(2) {
    top: 50%;
}

.McButton b:nth-child(3) {
    top: 100%;
}

/* McButton */
/* End navbtn style */

/* Start products page */
.no-border-select .nice-select {
    border: none !important;
}
                    /* colors filter style */
.colors-wrap li input:checked + label {
    /* background: #F4A460; */
    border: 2px solid #fff;
    /* padding: 10px; */
    outline: 2px solid #000 !important;
}
                    /* Size filter style */

.size-filter li input:checked + label {
    background-color: #2C2F34;
    color: #fff;
}

@media (max-width: 1025px) {
    .filters-over-content {
        left: 100%;
        transition: all .8s ease-in-out;
    }
    .filters-over-content.open {
        right: 0;
        left: auto;
        transition: all .8s ease-in-out;
    }
}

/* End products page */

/* Start product details page */
.product-details-slider .owl-dots .owl-dot {border: 2px solid transparent}
.product-details-slider .owl-dots .owl-dot.active {border: 2px solid #2C2F34}
/* End product details page */

/* Start cart pages */
@media (min-width: 1025px) {
    .after-before-b::after, .after-before-b::before {
        content: '';
        display: block;
        height: 1px;
        /* width: 700px; */
        background-color: #D1D5DB;
        position: absolute;
        top: -1px;
        left: -700px;
    }
    .after-before-b::before {top: auto; bottom: -1px;}
}

/* End cart pages */

/* Start products quantity style */
.counter {
    /* margin: auto; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.counter input {
    width: 50px;
    border: 0;
    line-height: 30px;    
    appearance: none;
    outline: 0;
}

.counter span {
    display: block;
    font-size: 25px;
    padding: 0 10px;
    cursor: pointer;
    color: #0052cc;
    user-select: none;
}

/* End products quantity style */



    /* input type range style */
input[type="range"] {
    -webkit-appearance: none;
    margin-right: 15px;
    width: 100%;
    height: 7px;
    background: #F3F3F3;
    border-radius: 5px;
    background-image: linear-gradient(#2C2F34, #2C2F34);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
    
/* Input Thumb */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #2C2F34;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
}

input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #2C2F34;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
}

input[type="range"]::-ms-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #2C2F34;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
}

input[type="range"]::-webkit-slider-thumb:hover {background: #B7FE00}

input[type="range"]::-moz-range-thumb:hover { background: #B7FE00 }

input[type="range"]::-ms-thumb:hover {background: #B7FE00}

/* Input Track */
input[type=range]::-webkit-slider-runnable-track  {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

input[type=range]::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

input[type="range"]::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}
@media (max-width: 640px) {
    /* Hide the item on screens with a width of 768px or less */
    .arrow_1 {
        display: none;
    }
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/* Start my framework */
.cursor-pointer {cursor: pointer;}
/* End my framework */