.products-category {
    background-color: white;
    padding: 10px;

}

.products-category-header {
    background-color: white;
    box-shadow: #5e5e5e 0 0 10px;
    padding: 10px;
    margin-bottom: 20px;
}

.products-sidebar {
    background-color: white;
    box-shadow: #5e5e5e 0 0 2px;
    /*padding: 10px;*/
}

.products-sidebar .uk-nav-divider {
    /*border-top: 1px solid #07491f;*/
}

.products-sidebar-header {
    background-color: #077c34;
    font-weight: bold;
    margin-bottom: 0;
    color: #FFFFFF;
    padding: 10px;
}

.products-sidebar-nav li a {
    color: #000000;
    font-weight: bold;
}

.products-category-header h3 {
    margin: 0;
}
/*
.products-product {
    background-color: white;
    padding: 10px;
    margin-bottom: 20px !important;
    box-shadow: #d5d5d5 0 0 4px;
    position: relative;
}
*/
.products-product:hover{
    /*box-shadow: #5e5e5e 0 0 4px;*/
}

.products-option {
    background-color: white;
    padding: 3px;
    border: 1px solid #919191;
    font-size: 12px;

}
/*
.products-product .uk-badge {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ce2129;
    z-index: 100;
    margin: 5px;
    font-size: 12px;
}
*/
.product-slider {
    margin-left: -10px;
    margin-right: -10px;
}

.product-slider-background {
    padding: 10px;
}

.product-slider-background div {
    background-color: white;
}

.products-product a {
    text-decoration: none;
}

.products-product .title {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: solid 1px #DDD;
    padding-top: 5px;
    font-family: 'Titillium Web', sans-serif;
    color: black;
}

.products-product .price {
    font-family: 'Titillium Web', sans-serif;
    color: #017f8f;
    font-size: 20px;
    font-weight: 700;
}

.products-product a:hover {
    text-decoration: none;
}
.products-product:hover {
    background-color: #f1f1f1;
}

.products-product:hover .title,
.products-product:hover .pricesale,
.products-product:hover .price {
    color: #017f8f;
}

.products-product .pricesale {
    font-family: 'Titillium Web', sans-serif;
    color: #7a7a7a;
    text-decoration: line-through;
    font-size: 18px;
    min-height: 22px;
    font-weight: 700;
}

.home-products .uk-slidenav {
    background-color: #999;
    color: #fff;
    padding: 20px 25px;
}

.home-products .uk-slidenav:hover {
    background-color: #017f8f;
    color: #ffffff;
}

.home-products .uk-dotnav {
    margin-top: -50px;
}

.home-products .contain {
    padding: 3px;
}

.product-header {
    font-family: 'Titillium Web', sans-serif;
    color: #222222;
    font-size: 24px;
}

.product-price {
    font-family: 'Titillium Web', sans-serif;
    color: #017f8f;
    font-size: 24px;
    text-align: center;
    padding: 5px;
    margin: 0;
}

.product-pricesale {
    font-family: 'Titillium Web', sans-serif;
    color: #b6b6b6;
    font-size: 20px;
    text-decoration: line-through;
    text-align: center;
    padding: 5px;
    margin: 0;
}

.product-ozellik {
    /*box-shadow: #5e5e5e 0 0 3px;*/
}

.product-ozellik td {
    padding: 5px;
    vertical-align: middle;
}

.product-ozellik-title {
    color: #222222;
    font-weight: bold;
}

.modal-menu .uk-close:hover svg line {
    stroke: #ffffff !important;
    stroke-width: 3 !important;
}

.products-sidebar-filters li.uk-active svg polyline {
    stroke-width: 2 !important;
}

.products-option-one,
.products-option {
    color: #101010;
    background: transparent;
    border: 2px solid transparent;
    padding: 8px 8px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 600;
    width: 32px;
    height: 32px;
    display: block;
    line-height: 32px;
    text-align: center;
}

.option-switch input {
    display: none;
}

.option-switch .uk-active a,
.products-option-one:hover,
.products-option:hover {
    color: #101010 !important;
    /*background-color: #222222 !important;*/
    border: 2px solid #017f8f !important;
    text-decoration: none;
}

.uk-icon-spin {
    background-color: #b3b3b3;
    color: white;
    width: 24px;
    height: 24px;

}

.uk-icon-spin rect {
    stroke: white;
    stroke-width: 2;
}

.uk-button-cart {
    margin-left: 20px;
    background-color: #222222;
    color: white;
    font-weight: bold;
}


@media (max-width: 640px) {
    /*.products-product .uk-badge {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #ce2129;
        z-index: 100;
        font-size: 12px;
        transform: rotate(-90deg);
        transform-origin: 100% 100%;
        margin-top: -20px;
    }*/
}

.uk-offcanvas-bar {
    /*position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 270px;
    padding: 20px;
    background: #fff;
    overflow-y: auto;*/
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.uk-offcanvas-bar-animation {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.uk-offcanvas-reveal .uk-offcanvas-bar, .uk-open > .uk-offcanvas-bar {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.tm-filters {
    display: none
}

.tm-filters .uk-accordion > * {
    margin-top: 0;
    border-top: 1px solid #e5e5e5
}

.tm-filters .uk-accordion > :first-child {
    border-top: none
}

.tm-filters.uk-offcanvas.uk-open {
    margin: 0;
    padding: 0
}

.tm-filters.uk-offcanvas.uk-offcanvas-overlay:before {
    position: fixed
}

@media (max-width: 960px) {
    .tm-filters {
        margin-top: 0 !important;
    }
}

@media (min-width: 960px) {

    .tm-filters.uk-offcanvas {
        position: static;
        display: block;
        z-index: 0;
    }

    .tm-filters.uk-offcanvas .uk-offcanvas-bar {
        position: static;
        overflow: visible;
        width: auto;
        -webkit-transform: none;
        transform: none;
        background: 0 0
    }

    .tm-filters.uk-offcanvas .uk-offcanvas-bar > .uk-card > .uk-card-header {
        display: none
    }
}

.tm-scrollbox {
    overflow: auto;
    max-height: 400px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff)) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .2), transparent), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .2), transparent) 0 100%;
    background: linear-gradient(#fff 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #fff 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .2), transparent), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .2), transparent) 0 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-attachment: local, local, scroll, scroll;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px
}

.tm-checkbox, .tm-radio {
    display: none
}

.tm-checkbox + label, .tm-radio + label {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer
}

.tm-checkbox + label::after, .tm-checkbox + label::before, .tm-radio + label::after, .tm-radio + label::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px
}

.tm-checkbox + label::before, .tm-radio + label::before {
    margin-top: 3px;
    margin-right: 10px;
    border: 1px solid #e5e5e5;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tm-checkbox:checked + label::before, .tm-radio:checked + label::before {
    border-color: transparent;
    background-color: #1e87f0
}

.tm-checkbox + label::after, .tm-radio + label::after {
    position: absolute;
    top: 3px;
    left: 0;
    border: 1px solid transparent
}

.tm-checkbox:checked + label::after, .tm-radio:checked + label::after {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.tm-checkbox + label::before {
    border-radius: 4px
}

.tm-radio + label::before {
    border-radius: 50%
}

.tm-checkbox:checked + label::after {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A)
}

.tm-radio:checked + label::after {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E)
}


.uk-accordion {
    padding: 0;
    list-style: none
}

.uk-accordion > :nth-child(n+2) {
    margin-top: 20px
}

.uk-accordion-title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #333 !important;
    overflow: hidden;
    cursor: pointer
}

.uk-accordion-title::after {
    content: "";
    width: 1.4em;
    height: 1.4em;
    float: right;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.tm-filters h3 {
    color: #666;
}

.tm-filters .uk-card-default {
    box-shadow: #5e5e5e 0 0 3px;
}


.uk-button-filter {
    background-color: transparent;
    color: #333;
    border-color: #b2b2b2;
    border-radius: 4px;
}

.uk-button-filter-reset {
    background-color: transparent;
    color: #333;
    border-color: #b2b2b2;
    border-radius: 4px;
}

.uk-accordion-title::before {
    display: none;
}

.uk-open > .uk-accordion-title::after {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E)
}

.uk-accordion-title:focus, .uk-accordion-title:hover {
    color: #666;
    text-decoration: none;
    outline: 0
}

.uk-accordion-content {
    margin-top: 20px
}

.uk-accordion-content::after, .uk-accordion-content::before {
    content: "";
    display: table
}

.uk-accordion-content::after {
    clear: both
}

.uk-accordion-content > :last-child {
    margin-bottom: 0
}

.tm-filters .uk-offcanvas-bar a {
    color: #333 !important;
}

.indirimyuzde {
    background-color: #fb8c00;
    color: white;
}

.indirimyuzde .yuzde {
    font-size: 40px;
    font-weight: bold;
}

.indirimyuzde .yazi {
    font-size: 30px;
}