@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/iranYekan/iranyekanwebbold.eot?6815a83836095e412dac08245d447b27);
    src: url(/fonts/iranYekan//iranyekanwebbold.eot?6815a83836095e412dac08245d447b27?#iefix) format("embedded-opentype"), url(/fonts/iranYekan//iranyekanwebbold.woff?763fe6b6f5b14950dc63b7c58b5b25ad) format("woff"), url(/fonts/iranYekan//iranyekanwebbold.ttf?dfd0570eb11c279c56773a065d53c0b5) format("truetype")
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 100;
    src: url(/fonts/iranYekan//iranyekanwebthin.eot?f9b128590a182642865123eff09e48d2);
    src: url(/fonts/iranYekan//iranyekanwebthin.eot?f9b128590a182642865123eff09e48d2?#iefix) format("embedded-opentype"), url(/fonts/iranYekan//iranyekanwebthin.woff?f78b74c5aeaf5b2d5d4d71362f46d546) format("woff"), url(/fonts/iranYekan//iranyekanwebthin.ttf?11627467f810c4e95309a2a717e74d4b) format("truetype")
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/iranYekan//iranyekanweblight.eot?4d7909486ac3de1e20be22e1c9a1d84e);
    src: url(/fonts/iranYekan//iranyekanweblight.eot?4d7909486ac3de1e20be22e1c9a1d84e?#iefix) format("embedded-opentype"), url(/fonts/iranYekan//iranyekanweblight.woff?99801f969addddd2d2594e4ad63520b7) format("woff"), url(/fonts/iranYekan//iranyekanweblight.ttf?010869d8178f2bc62d816f7e30bdf903) format("truetype")
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/iranYekan//iranyekanwebregular.eot?d4be13b9984ed551c710cc9ae0d1d18b);
    src: url(/fonts/iranYekan//iranyekanwebregular.eot?d4be13b9984ed551c710cc9ae0d1d18b?#iefix) format("embedded-opentype"), url(/fonts/iranYekan//iranyekanwebregular.woff?fcb37b924ab46591341b215432235feb) format("woff"), url(/fonts/iranYekan//iranyekanwebregular.ttf?bbc8b3fa847e85e289ca64cda079e603) format("truetype")
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/iranYekan//iranyekanwebmedium.eot?6a51276de7a745c01c6c64f4d9144d60);
    src: url(/fonts/iranYekan//iranyekanwebmedium.eot?6a51276de7a745c01c6c64f4d9144d60?#iefix) format("embedded-opentype"), url(/fonts/iranYekan//iranyekanwebmedium.woff?492984b84b9f05835f9c5e7edfb9db12) format("woff"), url(/fonts/iranYekan//iranyekanwebmedium.ttf?6387a14a1aed237d83628c65d9fe3f84) format("truetype")
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 800;
    src: url(/fonts/iranYekan//iranyekanwebextrabold.eot?cea3492e38fed9fa7ef0d508e2e4bf78);
    src: url(/fonts/iranYekan//iranyekanwebextrabold.eot?cea3492e38fed9fa7ef0d508e2e4bf78?#iefix) format("embedded-opentype"), url(/fonts/iranYekan//iranyekanwebextrabold.woff?1d9f58702be07984638a11a9574d3172) format("woff"), url(/fonts/iranYekan//iranyekanwebextrabold.ttf?f2ab2738b2d421b93911fbe170c3f204) format("truetype")
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 900;
    src: url(/fonts/iranYekan//iranyekanwebblack.eot?5b8cfc1c219d58c1f5ca36008bdb0e98);
    src: url(/fonts/iranYekan//iranyekanwebblack.eot?5b8cfc1c219d58c1f5ca36008bdb0e98?#iefix) format("embedded-opentype"), url(/fonts/iranYekan//iranyekanwebblack.woff?76ccefece305bf6bab426f04f07f870b) format("woff"), url(/fonts/iranYekan//iranyekanwebblack.ttf?44b6abc1931bdca0b4eab6a18c2c8b07) format("truetype")
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 950;
    src: url(/fonts/iranYekan//iranyekanwebextrablack.eot?e2d75f96bfc206ee18f57b87c58606e7);
    src: url(/fonts/iranYekan//iranyekanwebextrablack.eot?e2d75f96bfc206ee18f57b87c58606e7?#iefix) format("embedded-opentype"), url(/fonts/iranYekan//iranyekanwebextrablack.woff?b5c0daaf707218e404ab24c92b56398e) format("woff"), url(/fonts/iranYekan/iranyekanwebextrablack.ttf?5f9896803d589650696afe6ea704a2fe) format("truetype")
}

a, p, div, span, h1, h2, h3, h4, h5, h6, button, li, ul, b, del, ins, strong {
    font-family: iranyekan, Arial, Tahoma, sans-serif;
}

a, p, div, span, button, li, ul, b, del, ins, strong {
    font-size: 14px;
}

a {
    color: #000000;
}

.rtl {
    direction: rtl;
    text-align: right;
}

.product-dropdown {
    position: relative;
    right: 0;
    left: auto;
    top: 27px;
    border-radius: 0;
}

a:hover {
    text-decoration: none;
}

h2 {
    font-size: 22px;
}

.btn-primary {
    color: #080701 !important;
    background-color: #ffb901 !important;
    border-color: #ffb901 !important;
}

.menu1 {
    background-color: #000000;
}

.menu1-item:hover {
    color: #ffb901 !important;
    border-bottom: 1px solid #ffb901;
}

.follow {
    width: 30px;
}

.search-btn {
    background-color: #ffb901;
    left: 0px;
    border-radius: 5px 0 0 5px;
    top: 1.35px;
}

.search {
    border: 2px solid #E6E6E6;
    border-radius: 7px;
}

.search-icon {
    width: 20px;
}

.search::placeholder {
    color: #E6E6E6;
}

.login-img {
    width: 23px;
}

.login {
    background-color: #ffb901;
}

.price {
    background-color: #ffffff;
    border: 2px solid #ffb901;
    font-size: 14px !important;
}

.cart {
    background-color: #000;
    border: 2px solid #000;
    color: #FFF !important;
    font-size: 14px !important;
}

.badge.cartBadge {
    background: #FFB901;
    color: #000;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 4px 6px;
    padding: 2px;
}

.menu-item {
    border-left: 1px solid #000000;
    height: 20px;
    display: flex;
    align-items: center;
}

.menu-item:last-child {
    border-left: none;
}

.menu-title:hover {
    color: #000000;
    background-color: #ffb901;
}

header {
    box-shadow: 0 0 12px 0 #bbb;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-image-source: linear-gradient(to left, rgba(0, 0, 0, 0), #ffb901, rgba(0, 0, 0, 0));
    border-image-slice: 1;
}

.menu-title {
    color: #000000 !important;
}

.padding-x {
    padding: 0 195px
}

.title {
    padding-bottom: 15px;
    background-image: url("img/underline.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 30% 15px;
}

.product-img {
    border-radius: 11px 11px 0 0;
    width: 100%;
    height: 210px;
    object-fit: cover;
}

.product-card {
    border-radius: 10px;
    width: 100% !important;
}

.product-info {
    margin-top: -2px;
    border-radius: 0 0 11px 11px;
}

.product-name {
    font-weight: bold;
}

.product-card:hover .product-name {
    text-align: justify !important;
}

.product-card:hover .product-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-card:hover .record-order {
    display: block !important;
    background-color: #000000;
    color: #ffb901;
}

.product-info {
    background-color: #ffb901;
    padding: 12px !important;
}

.product-card:hover .product-info {
    padding: 8px !important;
}

.items {
    background-color: #000000;
}

.item-img {
    height: 50px;
}

.news-articles {
    background-image: url("img/bg-article.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 170px;
}

.date {
    color: #ffb901;
}

.more {
    color: #A9ABAE;
}

.article-img {
    width: 95%;
    margin: 0 auto;
    margin-top: -45px;
    height: 299px;
    object-fit: cover;
}

.article-card {
    margin-top: 45px;
    border-radius: 0 0 45px 45px;
    border: 1px dashed;
    box-shadow: 0 10px 16px 0 #aeaeae;
}

.article-card:hover {
    border: 1px dashed #ffb901;

}

.calender {
    width: 25px;
}

footer {
    background-image: url("img/bg footer.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;

}

.footer-item {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-image-source: linear-gradient(to left, #000000, rgba(0, 0, 0, 0));
    border-image-slice: 1;
}

.arad-info {
    padding-bottom: 20px;
    border-bottom: 2px solid #000000;
}

.footerItem a:hover {
    color: #e31514;
}

.more:hover {
    color: #e31514;
}

.dropdown-toggle::after {
    margin-right: 0.5em;
}

.circle {
    width: 12px;
    height: 12px;
}

.logo-footer, .enamad {
    height: 110px;
    width: 110px;
    padding: 8px;
    background-color: #fff;
    border-radius: 7px;
}

.productMenu-item:hover {
    background-color: #E4E4E4;
    color: #000000;
}

.guide-img {
    height: 100px;
    object-fit: cover;
    display: flex;
    margin: 0 auto;
}

@media (max-width: 1199px) {
    .search-btn {
        left: 0px;
    }

    .article-img {
        height: 240px;
        object-fit: cover;
    }

    .item-img {
        height: 40px;
    }
}

@media (max-width: 991px) {
    .search-form {
        width: 100% !important;
    }

    .search-btn {
        left: 0px;
        top: auto;
    }

    .logo {
        position: relative;
        top: 24px;
        width: 100% !important;
    }

    .article-img {
        height: 130px;
        object-fit: cover;
    }

    .padding-x {
        padding: 0 100px;
    }

    .product-img {
        height: 275px;
        object-fit: cover;
    }

}

@media (max-width: 767px) {
    .article-img {
        height: 395px;
        object-fit: cover;
    }

    .product-img {
        height: 200px;
        object-fit: cover;
    }

    .title {
        background-size: 50% 15px;
    }
}

@media (max-width: 767px)
and
(min-width: 576px) {
    .menu-title {
        font-size: 12px;
    }
}

@media (max-width: 575px) {
    .logo {
        width: 100% !important;
        position: inherit;
        margin-bottom: 12px;
    }

    .search-form {
        width: 100% !important;
    }

    .search-btn {
        top: 1.5px
    }

    .header-btn {
        width: 100%;
        margin: 10px auto 0;
    }

    .padding-x {
        padding: 0 70px;
    }

    .product-img {
        height: 360px;
        object-fit: cover;
    }

    .guide-img {
        height: 90px;
        object-fit: cover;
    }

    .login, .price {
        width: 100%
    }

    .menu-item {
        height: auto;
    }

    .product-dropdown {
        position: absolute !important;
    }

    .menu-item {
        border-left: none;
    }

    .menu {
        background-color: #fafafa;
    }
}

@media (max-width: 440px) {
    .article-img {
        height: 365px;
        object-fit: cover;
    }

    .title {
        background-size: 80% 15px;
    }

    .guide-img {
        height: 60px;
        object-fit: cover;
    }
}

@media (max-width: 400px) {
    .article-img {
        height: 280px;
        object-fit: cover;
    }

    .padding-x {
        padding: 0 25px;
    }
}

@media (max-width: 350px) {
    .product-img {
        height: 300px;
        object-fit: cover;
    }
}

.signupSide {
    background: url(/imgs/signup-side.png);
    background-size: cover;
    z-index: 1041;
    justify-content: center;
}


.signupSide a.btn.btn-primary, #loginFormWrapper .btn.btn-primary {
    background: #fe0000 !important;
    color: #FFF !important;
    border: 1px solid #fe0000 !important;
}

#loginFormWrapper img {
    margin-left: 10px;
}

#loginFormWrapper input {
    background: #F5F5F5;
    border: none;
}

.white-color {
    color: #FFF !important;
}

.center {
    margin: 0 auto;
}


.uploadPicture {
    border-radius: 30px;
}

.uploadLabelImage {
    position: relative;
    bottom: 45px;
    right: 10px;
    cursor: pointer;
}

.uploadName {
    position: relative;
    bottom: 35px;
    left: 10px;
    background: #FFF;
    padding: 3px 10px;
    border-radius: 15px;
    color: #aaa;
    font-size: 13px;
    direction: ltr;
}

.cancelUpload {
    cursor: pointer;
}

#storeOrder textarea {
    background: #f4F4F4;
}


.similarProducts .hovereffect {
    border-radius: 2.1rem;
}

.hovereffect {
    float: left;
    position: relative;
    text-align: center;
    cursor: default;
    margin-bottom: 15px;
}

.hovereffect, .hovereffect .overlay {
    width: 100%;
    overflow: hidden;
}

.overlay {
    background-color: rgba(64, 64, 63, .5);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 450ms ease-out 0s;
    -moz-transition: all 450ms ease-out 0s;
    -o-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s;
    -webkit-transform: rotateY(180deg) scale(.5, .5);
    -moz-transform: rotateY(180deg) scale(.5, .5);
    -ms-transform: rotateY(180deg) scale(.5, .5);
    -o-transform: rotateY(180deg) scale(.5, .5);
    transform: rotateY(180deg) scale(.5, .5);
}


.hovereffect:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#profile-sidebar {
    border-radius: 50px 0 0 50px;
    background: linear-gradient(0deg, rgba(255, 167, 31, 1) 0%, rgba(255, 203, 42, 1) 35%, rgba(255, 227, 56, 1) 100%);
    padding: 1rem 5px;
}


#profilePicture {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

#sidebar-items {
    list-style: none;
    padding: 0;
}

#sidebar-items li {
    padding: 20px;
    color: #FFF;
}

#sidebar-items li a {
    color: #000;
}

#sidebar-items li:hover {
    background: #FFF;
    color: #3F51B5;
    border-radius: 0 35px 35px 0;
}

#sidebar-items li:hover a {
    text-decoration: none;
    color: #3F51B5;
}

.staticsPosition {
    background: url(/imgs/statics.png);
    overflow: hidden;
    background-size: 100% 100%;
    padding: 2rem 0;
}

.staticsPosition h2 {
    font-size: 50px;
    margin-top: 15px;
    color: #646464;
    font-weight: normal;
}

.staticsPosition h2, .staticsPosition h6 {
    text-align: center;
    line-height: 25px;
}

.moneybag-bg {
    background: url(/imgs/moneybag-bg.png);
    overflow: hidden;
    background-size: 100% 100%;
    padding: 1.5rem 20px;
}

.moneybag-bg .title {
    color: #616161;
}

.hovereffect {
    cursor: pointer;
}

.cartItem {
    background: #FAFAFA;
    border-radius: 20px;
}

.paymentWrapper {
    background: #F2F2F2;
    padding: 10px;
    border-radius: 20px;
}

.btn-outline-primary {
    background-color: #ffffff !important;
    border: 2px solid #ffb901 !important;
    font-size: 14px !important;
    color: #111 !important;
}

.table th {
    color: #fff;
    font-weight: normal;
    background-color: #dc3545 !important;
    text-align: center;
}

button#addressText {
    color: #dc3545 !important;
}

.sendWays input[type="radio"]:checked + label, .sendWays input[type="checkbox"]:checked + label {
    border: 2px solid #dc3545 !important;
    padding: 10px 0;
}

.product-name {
    font-size: 13px !important;
}

a.btn.record-order {
    font-size: 12px;
    padding: 5px;
}

.social-icon {
    height: 30px;
    margin-left: 5px;
}

.priceListItems {
    border: none;
}

.priceListItems img {
    border-radius: 50%;
    width: 200px !important;
    height: 200px;
    object-fit: cover;
    transition: all 0.2s ease;
}


.priceListItems img:hover {
    border-radius: 0;
}