/* Iranyekanx font */

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/iranyekan/IRANYekanX-Light.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-Light.woff2) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 950;
    src: url(../fonts/iranyekan/IRANYekanX-ExtraBlack.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-ExtraBlack.woff2) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 1000;
    src: url(../fonts/iranyekan/IRANYekanX-Heavy.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-Heavy.woff2) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/iranyekan/IRANYekanX-Regular.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-Regular.woff2) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/iranyekan/IRANYekanX-Medium.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-Medium.woff2) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/iranyekan/IRANYekanX-DemiBold.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-DemiBold.woff2) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/iranyekan/IRANYekanX-ExtraBold.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-ExtraBold.woff2) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/iranyekan/IRANYekanX-Black.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-Black.woff2) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: bold;
    src: url(../fonts/iranyekan/IRANYekanX-Bold.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-Bold.woff2) format('woff2');
}

/* Iranyekanx font */

:root {
    --primerycolor: #1d918e;
    --gprimerycolor: #1d918e;
    --primerycolorrgb: rgba(29,145,142,.9);
    --primerycolorrgblight: rgba(29,145,142,.15);
    --primerycolorrgbverylight: rgba(29,145,142,.03);
    --primerycolorrgbmedlight: rgba(29,145,142,.4);
    --primerycolordark: #0c5b61;
    --primerycolordarkrgb: rgba(12,91,97,.9);
    --primerycolordarkrgbmed: rgba(12,91,97,.65);
    --primerycolorlight: #65b0ae;
    --seconderycolor: #ddba5e;
    --seconderycolordark: #a88833;
    --seconderycolorlight: #ffedbc;
    --thirdcolor: #0c5b61;
    --textcolor: #2D2E4A;
    --textcolormed: #555555;
    --textcolordark: #151736;
    --textcolorlight: #888888;
    --gtextcolor: #2D2E4A;
    --gtextcolormed: #555555;
    --gtextcolordark: #151736;
    --gtextcolorlight: #888888;
    --bgcolor: #fff;
    --bgcolorlight: #fff;
    --bgcolormed: #eee;
    --bgcolordark: #ccc;
    --lightred: #c70008;
    --brediushuge: 35px;
    --brediusbig: 30px;
    --brediusmedium: 10px;
    --brediussmall: 5px;
    --brediustiny: 3px;
}

[data-theme="dark"] {
    --primerycolor: #1d918e;
    --gprimerycolor: #1d918e;
    --primerycolorrgb: rgba(29,145,142,.9);
    --primerycolorrgblight: rgba(29,145,142,.15);
    --primerycolorrgbmedlight: rgba(29,145,142,.4);
    --primerycolorrgbverylight: rgba(29,145,142,.03);
    --primerycolordark: #0c5b61;
    --primerycolordarkrgb: rgba(12,91,97,.9);
    --primerycolordarkrgbmed: rgba(12,91,97,.65);
    --primerycolorlight: #08698a;
    --seconderycolor: #ddba5e;
    --seconderycolordark: #ddba5e;
    --seconderycolorlight: #ffe7a8;
    --thirdcolor: #0c5b61;
    --textcolor: #eee;
    --textcolormed: #ddd;
    --textcolordark: #ccc;
    --textcolorlight: #fff;
    --bgcolor: #222;
    --bgcolorlight: #333;
    --bgcolormed: #111;
    --bgcolordark: #000;
    --lightred: #c70008;
    --brediushuge: 35px;
    --brediusbig: 25px;
    --brediusmedium: 10px;
    --brediussmall: 5px;
    --brediustiny: 3px;
}
/* ===================== dont replace ========================*/

body, input[type="text"], input[type="button"], textarea, button, select, code, kbd, pre, samp {
    font-family: 'IRANYekanX';
}


.lightred, .currency {
    color: var(--textcolor) !important;
}

.gray-hover .swiper-scrollbar {
    display: none;
}
/* color */
body.home header:not(.fixed-header) {
    box-shadow: none;
}

.main-header {
    background: rgba(255,255,255,.8);
}

    .main-header .logo-holder .img-parent, .main-header .logo-holder .img-parent img {
        max-height: 80px;
        width: 220px;
    }

    .main-header .logo-holder a {
        display: inline-block;
        max-width: 100%;
    }

.top-search-holder .search-area .search-field::placeholder {
    color: var(--primerycolordarkrgbmed);
}

.header-nav {
    background: var(--primerycolorrgbverylight);
}

    .header-nav .navbar-default .navbar-nav > li > a > .icon:not(.new-svg) {
        width: 17px;
        color: var(--primerycolordark);
        fill: var(--primerycolordark);
    }

    .header-nav .navbar-default .navbar-nav > li > a:not(.admin-edit) {
        color: var(--primerycolordark);
    }

.top-search-holder .search-area .search-field {
    border-color: var(--bgcolorlight);
    background: var(--primerycolorrgbverylight);
    border: solid 2px var(--primerycolorrgblight);
    color: var(--primerycolordark);
    border-right-color: var(--primerycolorrgb);
    border-left-color: var(--primerycolorrgb);
}

.search-area .search-button {
    color: var(--primerycolordark);
    fill: var(--primerycolordark);
}

.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket img {
    max-height: 70px;
    margin: 0 !important;
}

.top-cart-row .dropdown-cart .items-cart-inner .basket {
    font-weight: 600 !important;
    color: var(--primerycolordark) !important;
    letter-spacing: 1px !important;
}

    .top-cart-row .dropdown-cart .items-cart-inner .basket .icon {
        fill: var(--primerycolordark);
        width: 38px;
        height: 38px;
        background: var(--primerycolorrgblight);
        padding: 9px;
        border-radius: var(--brediusmedium);
    }

img[data-src] {
    max-height: 100px;
    aspect-ratio: 1 / 1;
    margin-left: auto;
    margin-right: auto;
    width: unset !important;
}

.column-title .title {
    background: linear-gradient( -45deg,var(--primerycolor) 0%, var(--primerycolor) 70%, var(--seconderycolor) 70%, var(--seconderycolor) 100% );
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: table;
}

body.rtl .column-title{
    padding-right:0;
}

.column-title:not(.center-title):after {
    display: none
}

.bg-primary .column-title .title, .bg-secondary .column-title .title {
    background: linear-gradient( -45deg,#fff 0%, #fff 70%, var(--seconderycolor) 70%, var(--seconderycolor) 100% );
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.bg-secondary .column-title .title {
    background: linear-gradient( -45deg,#fff 0%, #fff 70%, var(--seconderycolorlight) 70%, var(--seconderycolorlight) 100% );
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket-item-count {
    background-color: var(--primerycolordark);
}

.btn-primary {
    background: var(--primerycolordark);
}

    .btn-primary:hover {
        background: var(--primerycolor);
    }

.info-boxes .info-box .info-box-heading {
    color: var(--textcolor)
}

.info-boxes .info-box .icon {
    color: var(--primerycolor);
}

.menu-grouping :not(.swiper-slide) > .item {
    margin: 0 !important;
}

.menu-grouping.row-content [class^="col"] {
    margin-bottom: 1em;
    align-items: inherit;
}

    .menu-grouping.row-content [class^="col"] .item {
        height: auto;
        align-items: inherit;
    }

.menu-grouping.row-content .item .head {
    font-size: 1em;
}

.menu-grouping .item .text {
    color: inherit;
}

footer.footer {
    color: #fff;
    overflow: hidden;
    background-size: 100% auto;
    background-color: var(--primerycolordark);
    background-image: linear-gradient(-45deg,var(--primerycolordark),var(--primerycolor))
}

    footer.footer a {
        color: #fff;
    }

.footer .footer-bottom .module-title, .footer .footer-bottom .module-title h2, .footer .footer-bottom .module-title h3 {
    color: var(--seconderycolor);
    font-weight: bold;
    font-size: calc(.86rem + .1vw);
}

.footer .copyright-bar {
    background: transparent;
    padding: 0;
}

body.rtl .footer .footer-bottom .module-body ul li a {
    color: #fff;
    font-weight: 600;
}

    body.rtl .footer .footer-bottom .module-body ul li a:hover {
        color: var(--seconderycolor);
    }

.copyright-bar .copyright {
    color: var(--gtextcolor);
    background: #fff;
    padding: 10px;
    border-radius: 20px 20px 0 0;
    font-size: 1em;
}

    .copyright-bar .copyright a.box-style {
        display: none;
    }

.blog-page .blog-post p:first-child {
    margin-top: 0;
}

.blog-page .blog-post h3 a {
    color: var(--seconderycolor);
}

    .blog-page .blog-post h3 a:hover,
    .blog-page .blog-post h3 a:focus {
        color: var(--primerycolor);
    }

.scroll-to-top {
    right: auto;
    left: 20px;
}

.black-friday label, .black-friday .label {
    color: #000;
}

.item-mb-4 .menu-item {
    margin-bottom: 30px;
}

.swiper.fullwidth .swiper-pagination-bullet-active, .swiper.multi-slider .swiper-pagination-bullet-active {
    background: var(--seconderycolor)
}

#item451 {
    transform: translateY(-50%);
    z-index: 10;
    background-image: linear-gradient(-45deg,var(--primerycolordarkrgb),var(--primerycolorrgb));
    clip-path: polygon( 7.6% 0, 100% 0, 100% 100%, 7.6% 100%, 0 50% );
}

    #item451:before {
        position: absolute;
        content: "";
        right: 0;
        background: var(--seconderycolor);
        width: 60px;
        height: 100%;
        clip-path: polygon( 30% 0, 100% 0, 100% 100%, 30% 100%, 0 50% );
        z-index: 10;
        max-width: 5%;
    }

    #item451 .menu-grouping .item:after {
        content: "";
        position: absolute;
        top:33%;
        height:33%;
        width:1px;
        background:rgba(255,255,255,.4);
        left: 0;
        z-index:1;
    }

    #item451 .menu-grouping .item .head {
        margin: 0;
        color: #fff;
        font-size: calc(.8rem + .1vw);
    }

        #item451 .menu-grouping .item .head:hover {
            margin: 0;
            color: var(--seconderycolor);
        }

    #item451 .menu-grouping.photo-up .txt-parent, .menu-grouping.photo-up .img-parent {
        margin: 0 auto
    }

#item135 .column-title > h2, #item135 .column-title > h2, #item135 .column-title > div {
    transform: translateY(-50%);
    background-color: #fff;
    padding: 0 30px;
    display: table;
    margin: 0 auto;
}


/* animation */

@media (min-width: 768px) {

    body.first-page header {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
    }

    header .header-inner {
        border-radius: 0 2em 2em;
        background: rgba(255,255,255,.95);
    }

    header.fixed-header .header-inner {
        border-radius: 0;
    }

    #item132 .menu-grouping .item:before {
        content: "←";
        font-weight: 500;
        font-size: 2.1em;
        position: absolute;
        left: -22px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10
    }

    #item132 .menu-grouping .col-6:last-child .item:before {
        display: none
    }

    #item112 .menu-grouping.row-content.right .img-parent {
        margin-top: -30px;
    }
}

@media (max-width: 480px) {

    header .header-inner {
        border-radius: 0 .5em .5em;
    }

    .swiper-button-prev, .swiper-button-next {
        display: none !important;
    }
}