.SearchBlueSection .ui-slider .ui-slider-range {
    background-color: #0fd5ec
}

.DivMainGoodBlue .product .buttons a:hover {
    background-color: #0fd5ec !important
}

.DivMainGoodBlue .product .buttons.one-third a:first-child {
    background-color: #0fd5ec !important
}

.DivMainGoodBlue .icon-star {
    color: #0fd5ec !important
}

.DivMainGoodBlue .icon-star-half-alt {
    color: #0fd5ec !important
}

.SearchBlueSection1 .btnRadio.active {
    color: #0fd5ec !important
}

.SearchBlueSection1 .btn:hover, .DivGenderBlue .btn:active {
    border-color: #0fd5ec !important;
    color: #0fd5ec !important
}

.SearchBlueSection1 .open .selectpicker {
    border-color: #0fd5ec !important;
    color: #0fd5ec !important
}

.SearchBlueSection1 .PagingBtnRight > li:hover, .SearchBlueSection1 .PagingBtnLeft > li:hover, .SearchBlueSection1 .PagingNumber li:hover {
    border-color: #0fd5ec !important
}

.SearchBlueSection1 .Paging li.active {
    color: #0fd5ec !important
}

.productBlue .ribbon-purple .banner::after, .productBlue .ribbon-purple .banner::before {
    background-color: #1e88e5 !important
}

.productBlue .ribbon-purple .text::before, .productBlue .ribbon-purple .text::after, .productBlue .no-css-transforms .ribbon-purple .text {
    background-color: #0fd5ec !important
}

.productBlue .product .buttons a:hover, .productBlue .product .buttons a:first-child, .productBlue .product .buttons.one-half a:first-child, .productBlue .product .buttons.one-third a:first-child, .productBlue .product .buttons.one-fourth a:first-child, .productBlue .product.one-fifth .buttons a:first-child, .productBlue .product.one-sixth .buttons a:first-child {
    background-color: #0fd5ec !important
}

.CategoryHeading {
    font-size: 28px;
    text-align: center;
    float: left
}

.breadcrumb {
    font-family: 'IRANSans';
    font-size: 12px
}

    .breadcrumb .SearchTextBox {
        font-family: 'IRANSans';
        font-size: 12px !important
    }

    .breadcrumb .SearchPart i {
        color: #5b5b5b !important;
        cursor: default
    }

#CategoryMen img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all .3s ease-in-out 0s;
    padding: 3px
}

    #CategoryMen a:hover img, #CategoryMen img:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

.CategoryTitle {
    font-size: 28px;
    text-align: center
}

#DivCatMenu {
    border-bottom: 1px solid #ddd;
    padding-right: 5px
}

#DivPrice {
    border-bottom: 1px solid #ddd;
    padding: 15px 4px 15px 10px
}

#PriceRange0 {
    float: left;
    margin-top: 5px
}

#PriceRange1 {
    float: right;
    margin-top: 5px
}

.Category .accordion .panel-body {
    padding: 0
}

.Category .accordion .panel-title > a {
    color: #8e44ad;
    display: block;
    padding: 10px 15px
}

.Category .MoreInfoCollapsIcon {
    color: #8d8d8d;
    float: left
}

.Category .accordion .panel-heading {
    background: none repeat scroll 0 0 #fdf9ff;
    border-radius: 5px 5px 0 0 !important
}

.Category .accordion .panel-default {
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-radius: 5px 5px 0 0 !important
}

.Category .perfectScrollbar {
    height: 157px
}

.Category .btn-group .btnRadio:first-child:hover {
    border-radius: 50% 0 0 50%
}

.Category .btn-group .btnRadio:last-child:hover {
    border-radius: 0 50% 50% 0
}

.Category .btn-group .btnRadio {
    color: #707070
}

    .Category .btn-group .btnRadio.active {
        color: #8e44ad
    }

.ExtraTitle {
    color: #fff;
    font-size: 10px;
    float: right;
    vertical-align: middle
}

.LoadingPartCategory {
    display: none;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    right: 0;
    top: -7px;
    width: 100%;
    z-index: 999
}

    .LoadingPartCategory.show + .CategoryResultHolder {
        opacity: .3
    }

.LoadingCategory {
    background-color: rgba(0,0,0,.45);
    border-radius: 5px;
    color: #fff;
    cursor: default;
    margin: auto;
    padding: 10px;
    position: relative;
    right: 0;
    left: 0;
    top: 10%;
    width: 190px
}

.RightMenuHolder {
    position: fixed;
    width: 20.5%;
    top: 110px;
    max-width: 277px
}

.RightMenuHolder2 {
    position: fixed;
    width: 20.5%;
    top: auto;
    max-width: 277px
}

.Unavailable {
    color: #ad4444;
    font-size: 11px;
    padding-right: 4px
}

.bx-wrapper .bx-controls-direction a {
    top: -3px;
    width: 3px
}

.Item .SubGoodColor .bx-wrapper .bx-controls-direction a i {
    font-size: 15px
}

.Item .SubGoodColor {
    opacity: 0;
    height: 0
}

.PhotoGallary {
    width: 100%
}

.PhotoGallery_colorCenter {
    width: 100% !important
}

    .PhotoGallery_colorCenter li {
        display: inline-block;
        float: none !important
    }

.PhotoGallary .gallery_01 img {
    opacity: 1
}

.Item .SubGoodColor .ProductColor > li {
    float: none;
    display: inline-block
}

.Grid .Item .ProductDetailsHolder {
    height: auto
}

.Item .ProductSize {
    display: none;
    margin-top: 10px;
    position: relative;
    z-index: 99;
    background-color: #fff;
    text-align: center;
    padding: 0 10px;
    direction: ltr
}

.ProductSize .active {
    background-color: #dbdbdb !important;
    color: #a1a2a1 !important
}

.Item .ProductSize .btn {
    padding: 2px 2px;
    min-width: 29px;
    margin-left: 2px !important
}

.Item .ProductSize label {
    float: none;
    margin-bottom: 10px
}

.Item:hover .SubGoodColor {
    height: auto;
    opacity: 1
}

.Item:hover .ProductSize {
    display: block
}

.ProductItemContainer {
    border: 1px solid transparent;
    text-align: right
}

.Grid .ProductItemContainer {
    position: absolute;
    max-width: 185px
}

.List .ProductItemContainer {
    margin-left: auto;
    margin-right: auto
}

.Grid .Item:hover .ProductItemContainer {
    border: 1px solid #dcdbdb;
    border-radius: 5px;
    z-index: 99;
    background-color: #fff
}

.Grid section {
    min-height: 370px;
    width: 200px
}

.PhotoGallary .gallery_01 img {
    border-radius: 5px
}

.Item .SubGoodColor .gallery_01 li {
    max-width: 40px;
    width: 40px !important;
    border-radius: 5px;
    margin-right: 1px !important
}

.gallery_01 .bx-wrapper .bx-viewport {
    height: 50px !important
}

.Item .sold_out:before {
    width: 61px;
    top: 0;
    right: -28px
}

.List .ProductSize {
    text-align: left
}

.List .ProductDetailsHolder {
    margin-top: 10px;
    min-height: 230px;
    padding-right: 15px;
    position: inherit
}

    .List .ProductDetailsHolder > a {
        border-bottom: 1px solid #e9e9e9;
        display: block;
        font-size: 17px;
        padding-bottom: 10px
    }

.topN300 {
    top: -300px
}

.List .Item:hover {
    border: 1px solid #dcdbdb
}

.List .Item {
    min-height: 285px
}

.bootstrap-select > .btn {
    padding-left: 20px
}

.DivLoadingFilter {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    opacity: 0;
    display: none
}

.DivLoadingT_B {
    width: 100%;
    height: 40px;
    position: absolute;
    opacity: 0;
    z-index: 99;
    display: none
}

.breadcrumbAttr {
    display: inline-block;
    list-style: none
}

    .breadcrumbAttr li {
        display: inline-block
    }

        .breadcrumbAttr li span.btn {
            border: 1px solid #ddd;
            display: inline-block;
            border-radius: 4px;
            line-height: 13px;
            padding: 1px 5px 5px;
            margin-left: 5px;
            font-size: 8pt;
            cursor: default;
            font-family: 'IRANSans';
            color: #999
        }

            .breadcrumbAttr li span.btn .BreadCrumbClose {
                width: 5px;
                height: 5px;
                border: 0;
                border-radius: 0;
                display: inline-block;
                line-height: 0;
                padding: 0 5px 1px 5px;
                cursor: pointer;
                color: #bbb
            }

.SearchBlueSection1 .breadcrumbAttr li span.btn:hover .BreadCrumbClose {
    border-color: #0fd5ec !important;
    color: #0fd5ec !important
}

.Grid .col-centered {
    display: inline-block;
    float: none !important;
    text-align: left;
    margin-right: -4px
}

#DivCatMenu ul {
    width: 90%
}

span.text-content {
    z-index: 1000;
    width: 325px;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    margin-top: 40px;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 3px
}

    span.text-content span {
        background-color: rgba(79,0,189,.4);
        color: #fff;
        font-size: 16px;
        padding: 10px 0;
        width: 100%;
        display: block
    }

a:hover span.text-content {
    opacity: 1
}

.breadcrumb > li + li:before {
    content: ">";
    color: #808080
}

.MapSite {
    font-size: 13px;
    color: #808080
}

.fontMap {
    font-weight: 700;
    color: #202020
}

.cat-logo-conainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.cat-logo {
    width: 160px;
    height: 180px;
    border-radius: 10px;
    margin: 1rem;
    overflow: hidden;
    border: 1px solid #8e44ad;
    text-align: center
}

    .cat-logo, .cat-logo * {
        transition: all .2s ease-out
    }

        .cat-logo:hover {
            background-color: #8e44ad
        }

            .cat-logo:hover .fa-solid {
                font-size: 35px !important
            }

            .cat-logo:hover .cat-img {
                height: 125px
            }

            .cat-logo:hover .cat-name {
                color: #fff
            }

.cat-img {
    height: 140px;
    width: auto
}

.cat-name {
    text-align: center;
    color: #8e44ad;
    margin-top: 5px;
    font-weight: bold
}

#show-more-cats {
    cursor: pointer
}