*:not(.icon) {
    font-family: 'yekan',Tahoma
}

#cart-badge:empty {
    display: none
}

.masthead {
    transition: all .5s
}

    .masthead .pointing.menu .item {
        font-weight: 700
    }

        .masthead .pointing.menu .item:hover {
            color: #C83232 !important
        }

.fix-menu .masthead {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    min-height: 115px !important;
    transition: all .5s;
    box-shadow: 0 1px 20px 1px #aaa !important
}

.tree-branch {
    margin-top: 20px;
    margin-bottom: 40px;
}

.tree-title {
    margin-top: 25px;
}

.tree-branch .sub-branch {
    margin-right: 20px;
}

.base-content img:not(.link-icon) {
    max-width: 100%;
    height: auto !important
}

.top-categories {
    background: #f6f6f6;
    margin-top: 2rem;
}

.top-category-item {
    display: block;
    text-align: center;
    color: #000;
    font-size: 1.1rem;
}

    .top-category-item img {
        border-radius: 50%;
        background: #FFF;
        border: 1px solid #f8f8f8;
        margin-bottom: 15px;
        max-width: 80% !important;
        display:inline !important;
    }

.top-categories img {
    background: #FFF;
}

.top-brands {
    padding: 50px 20px 30px 20px;
}

.content-section .section-title {
    flex: 1;
}

.content-section .more {
    margin-left: 35px;
    margin-top: 5px;
}

.fix-menu .base-content {
    margin-top: 115px
}

    .fix-menu .base-content > .container {
        padding-top: 30px
    }

.fix-menu .main-slider-container {
    margin-top: 100px
}

.fix-menu .search-bar .logo {
}

@media screen and (min-width:421px) {
    .slider-3-parts-wrapper {
        margin-left: 40px;
        margin-right: 40px
    }
}

.main-slider-container img, .main-slider-container picture, .main-slider-container {
    border-radius: 8px
}

.category-column h2 {
    font-size: 1.2rem
}

.emphesized:not(.center) > a.active {
    color: #000
}

.emphesized:not(.center) > a:not(.active) {
    color: #000;
    cursor: pointer
}

.center.emphesized, .emphesized:not(.center) > span, .emphesized:not(.center) > a.active > span {
    /*    border-bottom: 1px solid red*/
}

.emphesized:not(.center) > a:not(.active) > span {
    /*    border-bottom: 1px solid gray*/
}

.striked {
    text-decoration: line-through
}

h1.emphesized {
    font-size: 18px
}

.ltr {
    direction: ltr
}

.rtl {
    direction: rtl
}

.fa-pull-left,
.left.floated {
    float: left
}

input.ltr {
    text-align: left !important
}

.cursor-pointer {
    cursor: pointer
}

.p-0 {
    padding: 0 !important
}

.pr-0 {
    padding-right: 0px !important
}

.pr-5 {
    padding-right: 5px !important
}

.pr-7 {
    padding-right: 7px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pr-15 {
    padding-right: 15px !important
}

.pr-20 {
    padding-right: 20px !important
}

.plr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.plr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.plr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.plr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.plr-20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.pl-0 {
    padding-left: 0px !important
}

.pl-5 {
    padding-left: 5px !important
}

.pl-7 {
    padding-left: 7px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pl-20 {
    margin-right: 20px !important
}

.pt-0 {
    padding-top: 0px !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pb-0 {
    padding-bottom: 0px !important
}

.pb-3 {
    padding-bottom: 3px !important
}

.pb-4 {
    padding-bottom: 4px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-7 {
    padding-bottom: 7px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.m-0 {
    margin: 0 !important
}

.mr-0 {
    margin-right: 0px !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-15 {
    margin-right: 15px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mb-0 {
    margin-bottom: 0px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mlr-5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.mlr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.mlr-15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.mlr-20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.fs-8 {
    font-size: 8px;
}

.fs-9 {
    font-size: 9px;
}

.fs-10 {
    font-size: 10px;
}

.fs-11 {
    font-size: 11px;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

.fs-18 {
    font-size: 18px;
}

.fs-19 {
    font-size: 19px;
}

.fs-20 {
    font-size: 20px;
}

.bb-0 {
    border-bottom: 0px !important
}

.ui.red.text {
    color: #B03060
}

.ui.orange.text {
    color: #FE9A76
}

.ui.yellow.text {
    color: gold
}

.ui.olive.text {
    color: #32CD32
}

.ui.green.text {
    color: #016936
}

.ui.teal.text {
    color: teal
}

.ui.blue.text {
    color: #0E6EB8
}

.ui.violet.text {
    color: violet
}

.ui.purple.text {
    color: #B413EC
}

.ui.pink.text {
    color: #FF1493
}

.ui.brown.text {
    color: #641a1b
}

.ui.grey.text {
    color: #A0A0A0
}

.ui.black.text {
    color: #000
}

.ui.white.text {
    color: #FFF
}

.center.text {
    text-align: center
}

.hidden.menu {
    display: none
}

.masthead.segment {
    min-height: 150px;
    padding: 0em;
    background: #fff !important
}

.masthead button, .masthead .button, .masthead input, .social-networks-side .button {
    border-radius: 8px !important
}

.masthead input {
    line-height: 2.22em
}

.masthead .ui.menu .ui.button {
    margin-left: .5em
}

.masthead h1.ui.header {
    margin-top: 3em;
    margin-bottom: 0em;
    font-size: 4em;
    font-weight: 400
}

.masthead h2 {
    font-size: 1.7em;
    font-weight: 400
}

.mega-menu-wrapper {
    position: fixed;
    top: 110px;
    background: #fff;
    z-index: 3;
    width: 100%;
    padding-top: 20px;
    box-shadow: 0 1px 20px 1px #aaa;
    display: none
}

    .mega-menu-wrapper.active {
        display: block
    }

    .mega-menu-wrapper .brand-list-item:hover {
        color: red
    }

.ui.vertical.stripe {
    padding: 8em 0em
}

    .ui.vertical.stripe h3 {
        font-size: 2em
    }

    .ui.vertical.stripe .button + h3, .ui.vertical.stripe p + h3 {
        margin-top: 3em
    }

    .ui.vertical.stripe .floated.image {
        clear: both
    }

    .ui.vertical.stripe p {
        font-size: 1.33em
    }

    .ui.vertical.stripe .horizontal.divider {
        margin: 3em 0em
    }

.quote.stripe.segment {
    padding: 0em
}

    .quote.stripe.segment .grid .column {
        padding-top: 5em;
        padding-bottom: 5em
    }

.toc.item {
    display: none
}

.ui.secondary.pointing.menu {
    border-bottom: unset
}

    .ui.secondary.pointing.menu .item {
        border-bottom: none;
        padding: 0 15px;
        border-left: 1px solid #1B1C1D
    }

    .ui.secondary.pointing.menu .mobile-item {
        border-bottom: none;
        padding: 0 15px;
        margin: 30px 0 0
    }

    .ui.secondary.pointing.menu .item:last-of-type {
        border-left: none
    }

.home-latest-news .wireframe.image {
    width: 100%;
    height: auto
}

@media only screen and (min-width:421px) {
    .home-latest-news .wireframe.image {
        width: 185px !important;
        height: 108px !important
    }
}

.btn-mobile-search {
    display: inline-block;
    position: absolute;
    left: 0px;
}

@media only screen and (min-width:701px) {
    .small-slider {
        display: none !important
    }

    .wide-slider {
        display: initial !important
    }

    .reversable.grid {
        flex-direction: row-reverse
    }

    .brand-logo {
        width: 160px !important;
        height: 55px !important;
        overflow: hidden
    }

    .brand-flag {
        width: 50px !important;
        height: 31.25px !important
    }

    .btn-mobile-search {
        display: none !important
    }
}

.footer .contact-numbers-column {
    padding-bottom: 0 !important;
    color: #fff;
    display: flex !important;
    justify-content: flex-end;
    align-items: flex-end
}

.footer .contact-numbers {
    z-index: 1
}

    .footer .contact-numbers a {
        color: #fff
    }

        .footer .contact-numbers a:hover {
            color: red
        }

.footer .exernal-scripts img {
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width:721px) {
    .footer-menus .sign-left-wrapper {
        display: none
    }
}

@media only screen and (max-width:720px) {
    .sign-row .sign-left-wrapper {
        display: none !important
    }

    .footer-menus .sign-left-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 10px
    }

        .footer-menus .sign-left-wrapper .sign.left {
            margin: 0 15px
        }

            .footer-menus .sign-left-wrapper .sign.left, .footer-menus .sign-left-wrapper .sign.left img {
                width: 35px;
                height: 35px;
                background: #fff;
                border-radius: 4px;
                overflow: hidden
            }

    .footer .contact-numbers-column {
        justify-content: center;
        padding-bottom: 0 !important
    }

    .mobile-center {
        text-align: center;
        justify-content: center
    }

    .breadcrumb.mobile-center {
        display: flex
    }
}

@media only screen and (min-width:701px) {
    .desktop-flex-end {
        justify-content: flex-end;
        margin-left: 0 !important
    }
}

@media only screen and (min-width:701px) {
    .secondary.pointing.menu .mobile-item {
        display: none
    }
}

@media only screen and (max-width:700px) {
    .small-slider {
        display: initial !important
    }

    .wide-slider {
        display: none !important
    }

    .footer-menus .stackable.grid {
        float: right
    }

    .ui.fixed.menu {
        display: none !important
    }

    .secondary.pointing.menu .item, .secondary.pointing.menu .menu {
        display: none
    }

    .toc.item {
        display: inline-block;
        color: #000
    }

    .search-wrapper {
        display: none !important;
    }

    .search-bar.mobile-search .search-wrapper {
        display: inline-flex !important;
        z-index: 10;
        width: 95%;
        position: absolute !important;
        right: 0;
        padding-right: 0;
        margin-right: -5px !important;
    }
}

.search-bar.mobile-search .search-wrapper .close.icon {
    right: unset;
    left: 21px;
    z-index: 11
}

.masthead h1.ui.header {
    font-size: 2em;
    margin-top: 1.5em
}

.masthead h2 {
    margin-top: .5em;
    font-size: 1.5em
}

.tire-specifications {
    font-size: .6rem !important
}

.white-row-menu {
    text-align: right !important
}

}

.search-bar {
}

    .search-bar.mobile-search .hide-for-search {
        display: none !important
    }

.user-display-name {
    font-size: 10pt !important
}

.header-menu .pointing.menu {
    border-bottom: 2px solid #b9b9b9 !important;
}

    .header-menu .pointing.menu .item {
        padding-bottom: 15px !important;
    }

        .header-menu .pointing.menu .item.active {
            border-bottom: 2px solid #3c3c3c !important;
            margin-bottom: -2px;
        }

.search-wrapper {
    font-size: 11pt !important;
    width: 420px;
    position: absolute !important;
}

    .search-wrapper input,
    .search-wrapper form {
        width: 100%;
    }

@media only screen and (max-width:720px) {
    .search-bar {
        display: flex;
        justify-content: space-between;
    }

        .search-bar .logout, .search-bar .btn-compare, .search-bar .btn-contact-modal {
            display: none !important
        }
}

.ui.white.button, .ui.white.label {
    background-color: #FFF
}

    .ui.white.label:hover {
        background: #fff0
    }

    .ui.white.button:hover {
        background-color: #969696
    }

        .ui.white.button:hover i.icon {
            color: #FFF
        }

.ui.gold.button {
    background: #e7af00;
    color: #FFF
}

    .ui.gold.button:hover {
        background: #cf9e04
    }

.search-bar .ui.icon.button {
    color: #3c3c3c
}

.ui.left.sidebar {
    left: unset !important;
    right: auto !important
}

.ui.right.sidebar, .ui.left.sidebar {
    width: 260px
}

.ui.modal .close {
    top: 1rem;
    left: unset;
    right: 0;
    color: #004B9C
}

#contact-modal .close {
    right: 8px;
    top: 13px !important
}

.ui.modal .close.left {
    left: 0;
    right: unset
}

.top-space {
    margin #-top:35px;
    padding-top: 30px
}

.ui.container.spacer {
    border-top: 2px solid #eee;
    margin: 25px 0
}

.ui.red.text, .ui.error.text, .text-danger {
    color: red
}

.carousel-title span {
    border-bottom: 2px solid red;
    padding-bottom: 5px
}

.content-card {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

    .content-card, .content-card .image {
        border-top-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
        padding: .3em
    }

        .content-card .image {
            height: auto
        }

        .content-card:hover {
            box-shadow: 0 0 5px 0 #3c3c3c
        }

        .content-card .content-title {
            font-size: .8rem;
            height: 30px;
            margin-bottom: 10px
        }

        .content-card .content-sub-title {
            font-size: .8rem
        }

        .content-card .extra.content .left.label {
            border-radius: 8px !important
        }

.footer {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    margin-top: 50px !important
}

    .footer .sign-row {
        height: 112px;
        margin-bottom: 19px;
        background: #E1E1E1;
        padding-top: 15px
    }

    .footer .footer-menus {
        padding-bottom: 20px
    }

    .footer img.footer-bg {
        height: 40px;
        width: auto;
    }

    .footer .sign-row img {
        margin: 5px;
        max-width: 60px;
        height: auto
    }

    .footer .sign {
        width: 75px
    }

@media only screen and (max-width:720px) {
    .footer .sign {
        width: 60px;
        text-align: center
    }
}

.footer .sign-row .sign.right {
    float: right;
    text-align: center;
    margin-left: 50px;
    font-size: .8rem
}

.footer .sign-row .sign.left {
    float: left;
    text-align: center
}

.footer .sign-row .sign-left-wrapper {
    position: absolute;
    left: 320px
}

.footer-copyright {
    border-top: 1px solid #6693c3;
    margin-top: 30px;
    padding-top: 40px;
    color: #fff
}

    .footer-copyright p {
        font-size: .86rem;
        display: inline-block
    }

.footer .social-icon {
    color: #cbcbcb;
    padding: 5px;
}

    .footer .social-icon:hover {
        color: #FFFFFF
    }


.footer-sign-right-icon {
    border-bottom: 2px solid #333;
    margin: 5px 10px
}

.footer-menus .header {
    color: #fff;
    font-size: 1.2rem !important
}

.footer-menus .ui.link.list .item {
    color: #e0e0e0
}

.footer-socials {
    display: flex !important;
    justify-content: flex-end
}

@media only screen and (max-width:720px) {
    .footer img.footer-bg {
        position: absolute;
        top: 0;
        left: 205px;
        margin-left: -340px;
        height: 395px;
        width: auto
    }

    .footer .sign-row {
        padding-top: 25px
    }

        .footer .sign-row .sign.right {
            float: right;
            text-align: center;
            margin-left: 5px;
            height: 50px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center
        }

        .footer .sign-row .sign.left {
            text-align: center
        }

        .footer .sign-row .sign img {
            width: 28px;
            height: auto;
            z-index: 10;
            position: relative
        }

        .footer .sign-row .sign p {
            font-size: .7rem;
            z-index: 10;
            position: relative
        }

        .footer .sign-row .sign-left-wrapper {
            position: unset;
            left: unset;
            float: right;
            clear: both;
            width: 260px;
            display: flex;
            justify-content: space-between;
            margin-top: 10px
        }

    .footer-socials {
        justify-content: center
    }
}

.bg-half-grey {
    background-image: url(/img/bg-half-grey.webp);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 20px 0
}

.bg-half-khaki {
    background-image: url(/img/bg-half-khaki.webp);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 20px 0
}

.brand-logo-wrapper {
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column
}

.brand-logo img {
    width: 100%;
    height: auto
}

.brand-logo:hover {
    box-shadow: 0 0 5px 0 #3c3c3c
}

.brands-slider .brand-logo, .brands-slider .brand-flag {
    display: flex !important;
    justify-content: center;
    align-items: center;
    border: 1px solid #969696;
    border-radius: 8px;
    margin-top: 10px;
    width: 90px;
    height: 29.5px;
    overflow: hidden
}

@media only screen and (max-width:420px) {
    .brands-slider .brand-logo, .brands-slider .brand-flag {
        border-radius: 4px
    }
}

.brands-slider .brand-flag {
    width: 32px;
    height: 20px
}

.product-card {
}

    .product-card .image {
    }

    .product-card .wireframe.image.img-b {
    }

    .product-card .wireframe.image.img-s {
    }

@media only screen and (max-width:421px) {
    .product-card .wireframe.image {
        width: 100% !important;
        height: auto !important
    }
}

.card-variation-button {
    padding: .425em .885em !important
}

.product-card .product-price {
    font-size: 11.5px
}

.product-card .product-price, .product-card .product-special-price, .product-card .inventory-warning {
    height: 20px;
    margin-bottom: 10px
}

.product-card .inventory-warning {
    color: red;
    margin-top: 20px !important
}

.product-card .product-price.striked, .price.striked {
    text-decoration: line-through red
}

.product-card:hover, #thumbnail-carousel-list .is-active .image.card, .row-gallery-card:hover {
    box-shadow: 0 0 5px 0 #bfbfbf;
}

#thumbnail-carousel-list .is-active {
    border-color: transparent !important
}

#thumbnail-carousel-track {
    min-height: 70px
}

.tire-specifications {
    float: right;
    direction: ltr;
    border-left: 1px solid grey;
    margin-left: 2px;
    padding-left: 2px;
    height: 20px;
    font-weight: 700;
    font-size: .7rem
}

.product-card h3 {
}

.product-card .compare {
    float: left
}

.fluid .wowslider-container, .fluid .ws_images {
    max-width: 100% !important
}

.wowslider-container a.ws_next, .wowslider-container a.ws_prev {
    font: 1.5em "ws-ctrl-cursive" !important;
    z-index: 60;
    color: red !important;
    overflow: hidden;
    width: 2em;
    height: 2em;
    margin-top: -1em;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out
}

.wowslider-container .ws_bullets a:after {
    font: 12px "ws-ctrl-cursive" !important;
    content: '\e804';
    display: block;
    text-align: left;
    color: #fff
}

.wowslider-container .ws_bullets a.ws_selbull:after, .wowslider-container .ws_bullets a:hover:after {
    color: red !important
}

#login-modal .header .container {
    background: linear-gradient(90deg,#012043 0%,#004b9c 100%);
    margin: 1.25rem 1.5rem;
    border-radius: 10px
}

#login-modal .logo-wrapper {
    text-align: center;
    margin-bottom: 30px
}

    #login-modal .logo-wrapper img {
        display: inline-block
    }

#login-modal .login-logo {
    height: 80px;
    width: auto;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 1
}

#login-modal .close.icon {
    margin-right: 26px;
    margin-top: 14px;
    color: #000;
    background: #fff;
    border-radius: 5px;
    height: 2rem;
    padding-top: 6px
}

#login-modal .header .container .grid .column {
    padding: 5px 0
}

#login-modal .login-bg {
    width: 100%;
    height: auto;
    margin-top: -84px
}

#login-modal .header {
    border-bottom: 0
}

@media only screen and (max-width:991px) {
    #login-modal .logo-wrapper {
        margin-bottom: 10px
    }

    #login-modal .login-bg {
        margin-top: 20px;
        width: 50%;
        height: auto
    }

    #login-modal .login-logo {
        left: -10px
    }

    #login-modal .toggle-register {
        margin-right: 0
    }

    #login-modal .close.icon {
        margin-right: 20px
    }

    #login-modal .header .container {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    #login-modal #resend-otp {
        width: 100%
    }
}

.bg-dark-violet {
    background: #00264E !important
}

.button.add-to-card {
    background: #004B9B !important
}

.left-border-grey {
    border-left: 1px solid #969696
}

.ui.whatsapp.button {
    background: #26d367;
    color: #FFF
}

    .ui.whatsapp.button:hover {
        background: #26c562
    }

.ui.instagram.button {
    background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    color: #FFF
}

    .ui.instagram.button:hover {
        background: linear-gradient(45deg,#dd8a31 0%,#d26038 25%,#c81f39 50%,#ba1f5d 75%,#a71278 100%);
        color: #FFF
    }

.ui.telegram.button {
    background: #0188cc;
    color: #FFF
}

    .ui.telegram.button:hover {
        background: #0082c3
    }

.min-h-150 {
    min-height: 150px
}

.blue.button.hover-shadow:hover {
    border: 1px solid #1678c2;
    box-shadow: 0 0 6px 0 #1678c2 !important
}

@media only screen and (max-width:420px) {
    .mobile.hidden {
        display: none !important
    }
}

.no-border {
    border: 0px !important
}

.brand-list-item {
    padding: 5px !important;
    margin-bottom: 5px !important;
    border-radius: 8px !important
}

    .brand-list-item:hover {
        box-shadow: 0 0 2px 0 #3c3c3c !important
    }

.car-manufacturer-card:hover {
    box-shadow: 0 0 3px 0 #3c3c3c !important
}

.social-title {
    font-size: 1.25rem
}

.rating-row {
    margin-top: 20px;
    margin-right: 10px
}

.buy-section {
    display: flex !important;
    justify-content: flex-end;
    align-items: flex-end
}

.row-gallery-card {
    border-radius: 8px !important;
    overflow: hidden
}

.offers-title {
    background: linear-gradient(90deg,#641818 0%,#c83233 100%);
    padding: 10px;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.t-car {
    padding: 2px;
    margin: 1px 2px;
    border-radius: 5px;
    display: inline-block
}

    .t-car.t-car-std:hover {
        background: #a7cbef
    }

    .t-car.t-car-nstd {
        color: #c44197
    }

        .t-car.t-car-nstd:hover {
            background: #ffdcf3
        }

#contact-modal {
    border-radius: 32px;
    overflow: hidden
}

    #contact-modal .button {
        border-radius: 8px
    }

    #contact-modal .icon.button {
        background: #c83232
    }

        #contact-modal .icon.button .telegram {
            font-size: 1.2em
        }

    #contact-modal .phone-number.button {
        background: #004b9b;
        min-width: 140px
    }

.inline-contact-button {
    background: #f3f4f5 !important;
    border: 1px solid #929292 !important
}

.ui.blue.button {
    background-color: #004b9b
}

a {
    color: #004b9b
}

.login-header {
    margin-right: 20px
}

@media only screen and (max-width:991px) {
    .ui.grid > .stackable.stackable.row > .column, .ui.stackable.grid > .column.grid > .column, .ui.stackable.grid > .column.row > .column, .ui.stackable.grid > .column:not(.row), .ui.stackable.grid > .row > .column, .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column {
        width: 100% !important;
        margin: 0 0 !important;
        box-shadow: none !important;
        padding: 1rem 1rem !important
    }

    .login-header {
        margin-right: 40px;
        font-size: 1.2rem;
        padding-top: 1px
    }

    .contact-numbers {
        width: 100%;
        text-align: center
    }

    .footer-socials {
        justify-content: center
    }
}

@media only screen and (min-width:776px) and (max-width:991px) {
    .footer img.footer-bg {
        left: -127px
    }

    .footer .sign-row .sign-left-wrapper {
        left: 200px
    }
}

.flipper-wrapper {
    background: #c83232;
    width: 30%;
    height: 86px;
    border-radius: 5px;
    border-bottom-left-radius: 20px;
    padding: 10px;
    display: none;
    position: absolute;
    left: 10px;
    bottom: 54px
}

    .flipper-wrapper.active {
        display: block
    }

@media only screen and (max-width:720px) {
    .flipper-wrapper {
        width: 70%;
        height: 65px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        position: relative;
        margin-left: 15%;
        margin-right: 18%;
        bottom: 35px
    }
}

.special-offers-row {
    background: #C83232;
    border-radius: 8px
}

.special-offer-title {
    font-weight: 700;
    color: #FFF;
    font-size: 18pt;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 0 !important;
    padding-right: 30px !important
}

.special-offer-countdown {
    width: 100%
}

.special-offer-link {
    color: #FFF;
    font-size: 12pt;
    margin-top: 40px
}

    .special-offer-link:hover, .special-offer-link:active {
        color: #FFF
    }

@media only screen and (max-width:720px) {
    .special-offers-row .special-offer-link.start {
        display: none !important
    }

    .special-offers-row .special-offer-link.end {
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width:721px) {
    .special-offers-row .special-offer-link.end {
        display: none !important
    }

    .special-offer-title span {
        clear: both;
        display: block;
        font-size: 36px;
        margin-bottom: 10px
    }
}

.user-info-box {
    /*    border: 1px solid #969696;
    border-radius: 5px;*/
    padding: 10px;
    /*    box-shadow: 0 0 3px 0 #969696*/
}

.user-dashboard-nav .grey.button {
    background: #969696
}

    .user-dashboard-nav .grey.button.active {
        background: #00264e !important
    }

.end.icon.button {
    display: flex;
    justify-content: space-between
}

.start.icon.button {
    display: flex;
    justify-content: flex-start
}

    .start.icon.button .icon {
        margin-left: 10px !important
    }


.logout-modal .header {
    background: #641919 !important;
    border-radius: 10px !important;
    margin: 5px !important;
    padding: 10px !important;
    color: #FFF !important;
    font-family: 'yekan' !important
}

.logout-modal .approve.button {
    background: #00A532;
    color: #FFF
}

.logout-modal .cancel.button {
    background: #C83232;
    color: #FFF
}

.user-info-box h1.header {
    border-radius: 10px;
    padding: 10px;
    font-size: 12pt
}

    .user-info-box h1.header .icon {
        margin-left: 5px
    }

.user-info-box.card a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #000
}

    .user-info-box.card a img {
        width: 45px;
        height: auto
    }

@media only screen and (min-width:721px) {
    .user-info-box.card a img {
        width: 80px;
        height: auto;
        margin-bottom: 40px
    }
}

.input-display {
    border-bottom: 1px solid #d1d1d1;
    padding: 10px
}

    .input-display label {
        color: #969696;
        font-size: 1.2rem
    }

    .input-display p {
        margin-top: 10px;
        min-height: 20px;
        font-weight: 700;
        font-size: 1.1rem
    }

        .input-display p .icon {
            float: left;
            cursor: pointer
        }

.edit-modal .header {
    padding: 10px !important;
    margin: 10px !important;
    font-size: 12pt !important;
    position: relative
}

.edit-modal .close.icon {
    /*    color: #FFF !important;*/
    position: absolute;
    left: 10px;
    top: 13px;
    right: unset;
    cursor: pointer
}

.user-orders-menu {
    border-width: 0 !important
}

    .user-orders-menu .item {
        border-width: 0px !important;
        box-shadow: none !important;
        border-top: 1px solid grey !important;
        border-radius: 0 !important
    }

        .user-orders-menu .item:before {
            height: 0 !important
        }

        .user-orders-menu .item.active {
            border-top-width: 3px !important;
            background: #FFF !important
        }

        .user-orders-menu .item .button {
            margin: 0 15px !important;
            color: #FFF;
            border-radius: 8px;
            text-align: right
        }

        .user-orders-menu .item.progress .button {
            background: #6793c4
        }

        .user-orders-menu .item.progress.active .button, .order-status.progress {
            background: #004b9c
        }

        .user-orders-menu .item.progress.active {
            border-top-color: #004b9c !important
        }

        .user-orders-menu .item.delivered .button {
            background: #66ca84
        }

        .user-orders-menu .item.delivered.active .button, .order-status.delivered {
            background: #01a532
        }

        .user-orders-menu .item.delivered.active {
            border-top-color: #01a532 !important
        }

        .user-orders-menu .item.rejected .button {
            background: #de8484
        }

        .user-orders-menu .item.rejected.active .button, .order-status.rejected {
            background: #c83233
        }

        .user-orders-menu .item.rejected.active {
            border-top-color: #c83233 !important
        }

        .user-orders-menu .item.canceled .button {
            background: #f0cf66
        }

        .user-orders-menu .item.canceled.active .button, .order-status.canceled {
            background: #e7af00
        }

        .user-orders-menu .item.canceled.active {
            border-top-color: #e7af00 !important
        }

@media only screen and (max-width:720px) {
    .user-orders-menu .item {
        font-size: .7rem
    }

        .user-orders-menu .item .button {
            margin: 0 5px !important
        }

        .user-orders-menu .item i.icon {
            display: none
        }

        .user-orders-menu .item .button .text {
            display: inline-block;
            overflow: hidden
        }
}

.invoice-row {
    position: relative
}

    .invoice-row table {
        border-radius: 8px !important;
        margin-bottom: 20px !important
    }

        .invoice-row table td {
            border: 0px !important;
            padding: 2px 10px !important;
            font-size: 12px
        }

        .invoice-row table th {
            padding: 2px 10px;
            color: #969696;
            font-size: 12px
        }

    .invoice-row .order-status {
        position: absolute;
        left: 20px;
        bottom: 10px;
        color: #FFF
    }

.overflow-hidden {
    overflow: hidden
}

.user-display {
}

.cart-button {
    position: relative;
    z-index: 2
}

.categories-side-menu {
}

    .categories-side-menu .item {
        cursor: pointer;
        color: #4e4e4e !important;
    }

        .categories-side-menu .item .header {
            color: #868585 !important;
            padding-bottom: 15px !important;
            padding-top: 5px;
            padding-right: 5px;
        }

            .categories-side-menu .item .header:hover {
                background: #eee;
            }

            .categories-side-menu .item.active .header,
            .categories-side-menu .item .header a {
                color: #3b3b3b !important;
            }

        .categories-side-menu .item.active .content {
            padding: 0 !important;
            background: #fbfbfb;
        }

        .categories-side-menu .item.active > .content > .list > .item {
            display: flex;
            width: 100%;
        }

.toggle-list-item.icon {
    padding-top: 6px !important;
}

.categories-side-menu .angle.icon,
.categories-side-menu .minus.icon {
    color: #1e86f6
}

.categories-side-menu .minus.icon {
    font-size: 10px;
}

.categories-side-menu .item:not(.active) > .content > .list {
    display: none;
}

.category-link {
    margin-top: -5px !important;
    padding: 10px;
    border-radius: 50% !important;
}

    .category-link:hover {
        background: #dcedfe;
    }

.categories-side-menu .item.active > .content > .list {
    display: initial;
}

.categories-side-menu .item > .angle.icon:before {
    content: "\f104";
}

.categories-side-menu .item.active > .angle.icon:before {
    content: "\f107";
}

.category-tree-item {
    display: flex;
    /*    border: 1px solid red;*/
    align-items: flex-start;
    background: #96969655;
}

.sub-category-tree-item {
    display: inline-block;
    /*    border: 1px solid green;*/
}

#advance-search .highlighted {
    background: yellow;
}

.card-product h3 {
    min-height: 60px;
    font-size: 1.1rem;
}

.card-product .product-price {
/*    color: red;*/
    font-weight: bold;
    font-size: .9rem;
}

.blog-section .card .image,
.content-card .image{
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    align-items: center;
    display: flex;
}

.blog-section .card h3 {
    font-size: 1.1rem;
}

tr.negative th {
    background: #F5E0E0 !important;
    color: #9F3A38 !important;
}

tr.positive th {
    background: #E7F0D1 !important;
    color: #366A37 !important;
}