@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Main
	3.3 Main Navigation
	3.4 Page Menu
4. Home
5. Shop
	5.1 Shop Products
	5.2 Shop Page Navigation
6. Shop Sidebar
7. Recently Viewed
8. Brands
9. Newsletter
10. Footer


******************************/

/***********
1. Fonts
***********/

/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Rubik:300,400,500,700,900');*/

@font-face {
    font-family: 'Yekan Bakh';
    src: url('../fonts/YekanBakh-regular.eot?');
    src: local('YekanBakh-regular'),url('../fonts/YekanBakh-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/YekanBakh-regular.woff2') format('woff2'),url('../fonts/YekanBakh-regular.woff') format('woff'),url('../fonts/YekanBakh-regular.svg#YekanBakh-regular') format('svg');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Yekan Bakh';
    src: url('../fonts/YekanBakh-Medium.eot?');
    src: local('YekanBakh-Medium'),url('../fonts/YekanBakh-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/YekanBakh-Medium.woff2') format('woff2'),url('../fonts/YekanBakh-Medium.woff') format('woff'),url('../fonts/YekanBakh-Medium.svg#YekanBakh-Medium') format('svg');
    font-weight: normal;
    font-style: normal
}

/*********************************
2. Body and some general stuff
*********************************/

* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

body {
    font-family: iran-sans, 'Yekan Bakh', sans-serif;
    font-size: 14px;
    font-weight: 100;
    background: #FFFFFF;
    color: #000000;
}

div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style: none;
    margin-bottom: 0px;
}

p {
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    color: #828282;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

    p a {
        display: inline;
        position: relative;
        color: inherit;
        border-bottom: solid 1px #ffa07f;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

a, a:hover, a:visited, a:active, a:link {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

p a:active {
    position: relative;
    color: #FF6347;
}

p a:hover {
    color: #FFFFFF;
    background: #ffa07f;
}

    p a:hover::after {
        opacity: 0.2;
    }
/*::selection
{
	
}*/
p::selection {
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: 'Rubik', sans-serif;*/
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

    h1::selection,
    h2::selection,
    h3::selection,
    h4::selection,
    h5::selection,
    h6::selection {
    }

.form-control {
    color: #db5246;
}

section {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.clear {
    clear: both;
}

.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.fill_height {
    height: 100%;
}

.super_container {
    width: 100%;
    overflow: hidden;
}

.prlx_parent {
    overflow: hidden;
}

.prlx {
    height: 130% !important;
}

.nopadding {
    padding: 0px !important;
}

.button {
    display: inline-block;
    background: #0e8ce4;
    border-radius: 5px;
    height: 48px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .button a {
        display: block;
        font-size: 18px;
        font-weight: 400;
        line-height: 48px;
        color: #FFFFFF;
        padding-left: 35px;
        padding-right: 35px;
    }

    .button:hover {
        opacity: 0.8;
    }

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.rating_r i::before {
    font-family: 'FontAwesome';
    content: "\f006";
    font-style: normal;
    font-size: 19px;
    margin-right: 4px;
    color: #f5e211;
}

.rating_r_1 i:first-child::before {
    content: "\f005";
}

.rating_r_2 i:first-child::before {
    content: "\f005";
}

.rating_r_2 i:nth-child(2)::before {
    content: "\f005";
}

.rating_r_3 i:first-child::before {
    content: "\f005";
}

.rating_r_3 i:nth-child(2)::before {
    content: "\f005";
}

.rating_r_3 i:nth-child(3)::before {
    content: "\f005";
}

.rating_r_4 i:first-child::before {
    content: "\f005";
}

.rating_r_4 i:nth-child(2)::before {
    content: "\f005";
}

.rating_r_4 i:nth-child(3)::before {
    content: "\f005";
}

.rating_r_4 i:nth-child(4)::before {
    content: "\f005";
}

.rating_r_5 i:first-child::before {
    content: "\f005";
}

.rating_r_5 i:nth-child(2)::before {
    content: "\f005";
}

.rating_r_5 i:nth-child(3)::before {
    content: "\f005";
}

.rating_r_5 i:nth-child(4)::before {
    content: "\f005";
}

.rating_r_5 i:nth-child(5)::before {
    content: "\f005";
}

/*********************************
3. Header
*********************************/

.header {
    position: relative;
    width: 100%;
    z-index: 10;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar {
    width: 100%;
    height: 56px;
    background: #fafafa;
    border-bottom: solid 1px rgba(0,0,0,0.05);
    z-index: 2;
}

.header.scrolled .top_bar {
    display: none;
}

.top_bar_contact {
    display: inline-block;
}

.top_bar_contact_item {
    font-size: 16px;
    font-weight: 300;
    line-height: 56px;
    margin-right: 40px;
}

    .top_bar_contact_item:not(:first-child) {
        margin-right: 0px;
    }

    .top_bar_contact_item a {
        font-size: 16px;
        font-weight: 300;
        line-height: 56px;
        color: #000;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .top_bar_contact_item a:hover {
            color: #8a8a8a;
        }

    .top_bar_contact_item:last-child {
        margin-right: 0px;
    }

.top_bar_icon {
    display: inline-block;
    margin-right: 14px;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
}

.top_bar_menu {
    display: inline-block;
}

.top_bar_dropdown li {
    padding-left: 13px;
    padding-right: 13px;
}

.standard_dropdown li {
    display: inline-block;
    position: relative;
    /*height: 56px;*/
}

    .standard_dropdown li li {
        display: block;
        width: 100%;
    }

        .standard_dropdown li li a {
            display: block;
            width: 100%;
            border-bottom: solid 1px #f2f2f2;
            font-size: 16px;
        }

    .standard_dropdown li:last-child a {
        border-bottom: none;
    }

    .standard_dropdown li.hassubs > a i {
        display: inline-block;
        margin-left: 5px;
    }

    .standard_dropdown li a {
        display: block;
        position: relative;
        font-size: 16px;
        font-weight: 300;
        color: #000000;
        line-height: 56px;
        white-space: nowrap;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .standard_dropdown li a:hover {
            color: #0e8ce4;
        }

        .standard_dropdown li a i {
            display: none;
            -webkit-transform: translateY(-1px);
            -moz-transform: translateY(-1px);
            -ms-transform: translateY(-1px);
            -o-transform: translateY(-1px);
            transform: translateY(-1px);
            font-size: 12px;
        }

    .standard_dropdown li ul {
        display: block;
        position: absolute;
        top: 120%;
        left: 0;
        width: auto;
        visibility: hidden;
        opacity: 0;
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(0,0,0,0.1);
        -webkit-transition: opacity 0.3s ease;
        -moz-transition: opacity 0.3s ease;
        -ms-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: all 0.3s ease;
        z-index: 1;
    }

    .standard_dropdown li:hover > ul {
        top: 100%;
        visibility: visible;
        opacity: 1;
    }

.standard_dropdown ul ul {
    left: 100%;
    top: 0 !important;
}

.top_bar_user {
    display: inline-block;
    margin-left: 35px;
}

.user_icon {
    display: inline-block;
    margin-right: 7px;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    width: 15px;
}

    .user_icon img {
        width: 100%;
    }

.top_bar_user div {
    display: inline-block;
}

    .top_bar_user div:nth-child(2) {
        margin-right: 21px;
    }

        .top_bar_user div:nth-child(2)::after {
            display: block;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            right: -13px;
            width: 1px;
            height: 17px;
            background: rgba(0,0,0,0.1);
            content: '';
        }

.top_bar_user a {
    font-size: 16px;
    font-weight: 300;
    line-height: 56px;
    color: #000;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .top_bar_user a:hover {
        color: #8a8a8a;
    }

/*********************************
3.2 Header Main
*********************************/

.header_main {
    z-index: 1;
    /*border-top: 10px #9800ff solid;*/
    padding: 20px 0 0px 0;
}

.header.scrolled .header_main {
    display: none;
}

.header_main_item {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.logo_container {
    height: 70px;
}

.logo {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*.logo a {
        font-size: 36px;
        font-weight: 500;
    }*/

.header_search {
    height: 70px;
}

.header_search_content {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header_search_form_container {
    width: 100%;
    height: 50px;
    /*border: solid 1px #0e8ce4;*/
    /*border-radius: 17px;*/
}

.header_search_form {
    width: 100%;
    height: 100%;
}

.header_search_input {
    display: block;
    position: relative;
    /*width: calc((100% - 50px) * 0.601);*/
    width: calc(100% - 50px);
    height: 100%;
    line-height: 50px;
    border: none !important;
    outline: none !important;
    padding-right: 26px;
    color: #7f7f7f;
    float: right;
    /*border-radius: 25px;*/
    border-radius: 0;
}

    .header_search_input::-webkit-input-placeholder {
        font-size: 16px !important;
        font-weight: 300;
        line-height: 50px;
        color: #a3a3a3 !important;
    }

    .header_search_input:-moz-placeholder /* older Firefox*/ {
        font-size: 16px !important;
        font-weight: 300;
        line-height: 50px;
        color: #a3a3a3 !important;
    }

    .header_search_input::-moz-placeholder /* Firefox 19+ */ {
        font-size: 16px !important;
        font-weight: 300;
        line-height: 50px;
        color: #a3a3a3 !important;
    }

    .header_search_input:-ms-input-placeholder {
        font-size: 16px !important;
        font-weight: 300;
        line-height: 50px;
        color: #a3a3a3 !important;
    }

    .header_search_input::input-placeholder {
        font-size: 16px !important;
        font-weight: 300;
        line-height: 50px;
        color: #a3a3a3 !important;
    }



.custom_dropdown {
    width: calc((100% - 50px) * 0.399);
    height: 50px;
    float: right;
    padding-left: 26px;
}

    .custom_dropdown::before {
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        width: 1px;
        height: 28px;
        background: #0e8ce4;
        content: '';
    }

.custom_dropdown_list i {
    display: inline-block;
    color: #a3a3a3;
    font-size: 10px;
    margin-right: 10px;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
}

.custom_dropdown_placeholder {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    color: #a3a3a3;
    line-height: 48px;
    cursor: pointer;
}

    .custom_dropdown_placeholder i {
    }

.custom_list {
    text-align: left;
    position: absolute;
    padding: 0;
    top: 75px;
    left: -15px;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: all 0.2s ease;
}

    .custom_list.active {
        visibility: visible;
        opacity: 1;
        top: 50px;
        box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);
        -webkit-transition: opacity 0.3s ease;
        -moz-transition: opacity 0.3s ease;
        -ms-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: all 0.3s ease;
    }

    .custom_list li {
        height: 35px;
        padding-left: 15px;
        padding-right: 15px;
        background: #FFFFFF;
        text-align: right;
    }

        .custom_list li a {
            display: block;
            color: #a3a3a3;
            line-height: 35px;
            border-bottom: solid 1px #ededed;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

            .custom_list li a:hover {
                /*color: #0e8ce4;*/
            }

select {
    display: inline;
    border: 0;
    width: auto;
    margin-left: 10px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-bottom: 2px solid #555;
    color: #7b00ff;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

    select:hover {
        cursor: pointer;
    }

    select option {
        border: 0;
        border-bottom: 1px solid #555;
        padding: 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

/*********************************
3.3 Main Navigation
*********************************/

.main_nav {
    width: 100%;
    border-top: solid 1px #f2f2f2;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
    background: #FFFFFF;
}

.header.scrolled .main_nav {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.main_nav_content {
    width: 100%;
    height: 40px;
}

.cat_menu_container {
    width: 293px;
    height: 100%;
    background: #0e8ce4;
    padding-right: 35px;
    cursor: pointer;
    z-index: 1;
}

.cat_menu_title {
    height: 100%;
}

.cat_burger {
    width: 18px;
    height: 14px;
}

    .cat_burger span {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background: #FFFFFF;
    }

        .cat_burger span:nth-child(2) {
            top: 6px;
        }

        .cat_burger span:nth-child(3) {
            top: 12px;
        }

.cat_menu_text {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-right: 20px;
}

.cat_menu_container ul {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    min-width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 10px 25px rgba(0,0,0,0.1);
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: all 0.3s ease;
}

.cat_menu_container > ul {
    padding-top: 13px;
}

.cat_menu_container:hover .cat_menu {
    visibility: visible;
    opacity: 1;
}

.cat_menu li {
    display: block;
    position: relative;
    width: auto;
    height: 46px;
    border-bottom: solid 1px #f2f2f2;
    padding-left: 35px;
    padding-right: 30px;
    white-space: nowrap;
    text-align: right;
}

    .cat_menu li.hassubs > a i {
        display: block;
    }

    .cat_menu li a {
        display: block;
        position: relative;
        font-size: 16px;
        font-weight: 300;
        color: #000000;
        line-height: 46px;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .cat_menu li a:hover {
            color: #0e8ce4;
        }

        .cat_menu li a i {
            display: none;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            font-size: 12px;
        }

    .cat_menu li ul {
        display: block;
        position: absolute;
        top: 35px;
        left: 100%;
        visibility: hidden;
        opacity: 0;
        width: 100%;
        background: #FFFFFF;
        box-shadow: 0px 10px 25px rgba(0,0,0,0.1);
    }

    .cat_menu li:hover > ul {
        top: 0;
        visibility: visible;
        opacity: 1;
    }

.main_nav_dropdown li {
    margin-left: 35px;
}

    .main_nav_dropdown li:last-child {
        margin-left: 0px;
    }

    .main_nav_dropdown li a {
        /*font-size: 15px;*/
        font-weight: 400;
        color: #a19a9a;
        line-height: 40px;
    }

    .main_nav_dropdown li li {
        padding-left: 15px;
        padding-right: 15px;
        margin-right: 0px;
    }

.menu_trigger_container {
    display: none;
    width: auto;
    height: 100%;
    padding-right: 25px;
    padding-left: 25px;
    cursor: pointer;
}

.menu_trigger {
    height: 100%;
}

.menu_burger_inner {
    display: inline-block;
}

.menu_trigger_text {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-right: 16px;
}

/*********************************
3.4 Page Menu
*********************************/

.page_menu {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.page_menu_content {
    height: 0px;
    background: #0e8ce4;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
}

.page_menu_search {
    display: none;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.page_menu_search_input {
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    border: none;
    outline: none;
    padding-left: 25px;
}

.page_menu_nav {
    padding-top: 15px;
}

.page_menu_item {
    display: block;
    position: relative;
    border-bottom: solid 1px rgba(255,255,255,0.1);
    vertical-align: middle;
}

    .page_menu_item > a {
        display: block;
        color: #FFFFFF;
        font-weight: 500;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        text-transform: uppercase;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .page_menu_item > a:hover {
            color: #b5aec4;
        }

    .page_menu_item a i {
        display: none;
        margin-left: 8px;
    }

    .page_menu_item.has-children > a > i {
        display: inline-block;
    }

.page_menu_selection {
    margin: 0;
    width: 100%;
    height: 0px;
    overflow: hidden;
    z-index: 1;
}

    .page_menu_selection li {
        padding-left: 10px;
        padding-right: 10px;
        line-height: 50px;
    }

        .page_menu_selection li a {
            display: block;
            color: #FFFFFF;
            border-bottom: solid 1px rgba(255,255,255,0.1);
            font-size: 14px;
            text-transform: uppercase;
            -webkit-transition: opacity 0.3s ease;
            -moz-transition: opacity 0.3s ease;
            -ms-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            transition: all 0.3s ease;
        }

            .page_menu_selection li a:hover {
                color: #b5aec4;
            }

        .page_menu_selection li:last-child a {
            border-bottom: none;
        }

.menu_contact_item {
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    line-height: 56px;
    margin-right: 40px;
    color: #FFFFFF;
}

    .menu_contact_item:not(:first-child) {
        margin-right: 0px;
    }

    .menu_contact_item a {
        font-size: 12px;
        font-weight: 300;
        line-height: 56px;
        color: #FFFFFF;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .menu_contact_item a:hover {
            color: #8a8a8a;
        }

    .menu_contact_item:last-child {
        margin-right: 0px;
    }

.menu_contact_icon {
    display: inline-block;
    margin-right: 14px;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
}

/*********************************
4. Home
*********************************/

.home {
    width: 100%;
    height: 40px;
    background: transparent;
    padding: 0 10px;
}

    .home .h5 {
        margin: 0;
    }

.home_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.home_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: #cde4f1;*/
    /*background: linear-gradient(#FFFFFF, #cde4f1);*/
    opacity: 0.9;
}

.home_content {
    width: 100%;
    height: 100%;
}

/*********************************
5. Shop
*********************************/

.shop {
    background: whitesmoke;
    /*padding-top: 20px;*/
    /*padding-bottom: 139px;*/
}

.shop_content {
    width: 100%;
    /*z-index: 0;*/
    /*overflow-x: hidden;*/
}

.shop_bar {
    border-bottom: solid 1px #dadada;
    padding-bottom: 13px;
    z-index: 1;
}

.shop_product_count {
    font-size: 14px;
    font-weight: 500;
    float: left;
}

    .shop_product_count span {
        /*color: #0e8ce4;*/
        color: var(--primaryHighlightColor);
        font-size: 13pt;
        font-family: digit;
    }

.shop_sorting {
    float: right;
}

    .shop_sorting span {
        display: inline-block;
        font-weight: 500;
    }

    .shop_sorting > ul {
        display: inline-block;
        position: relative;
        margin-right: 6px;
        text-align: right;
    }

    .shop_sorting ul li {
        color: rgba(0,0,0,0.5);
        cursor: pointer;
    }

        .shop_sorting ul li:hover {
            color: rgba(0,0,0,0.8);
        }

        .shop_sorting ul li i {
            display: inline-block;
            font-size: 10px;
            color: rgba(0,0,0,0.5);
            margin-right: 4px;
            vertical-align: middle;
            -webkit-transform: translateY(-1px);
            -moz-transform: translateY(-1px);
            -ms-transform: translateY(-1px);
            -o-transform: translateY(-1px);
            transform: translateY(-1px);
        }

        .shop_sorting ul li ul {
            display: block;
            position: absolute;
            top: calc(100% + 15px);
            right: 0;
            text-align: right;
            background: #FFFFFF;
            width: auto;
            padding-top: 15px;
            visibility: hidden;
            opacity: 0;
            box-shadow: 0px 10px 25px rgba(0,0,0,0.1);
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

        .shop_sorting ul li:hover ul {
            top: 100%;
            visibility: visible;
            opacity: 1;
        }

        .shop_sorting ul li ul li {
            white-space: nowrap;
            padding-right: 13px;
            padding-left: 20px;
            margin-bottom: 5px;
            border-bottom: solid 1px #f2f2f2;
            padding-top: 5px;
            padding-bottom: 9px;
        }

            .shop_sorting ul li ul li:last-child {
                border-bottom: none;
            }


/* start new shop sort */
.shop_sort ul li:first-child {
    margin-right: 0;
}

.shop_sort ul li {
    margin: 0 10px;
    font-size: 10pt;
    padding: 4px 12px;
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 100ms;
    border-radius: 20px;
}

    .shop_sort ul li:hover {
        cursor: pointer;
        background-color: whitesmoke;
    }

    .shop_sort ul li.selected {
        background-color: var(--primaryHighlightColor);
        padding: 4px 12px;
        color: white;
    }
/* end new shop sort */

.shop .product-breadcrumb {
    margin-bottom: 15px;
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 18px;
    /* border: 1
px
 gray solid; */
    font-size: 10pt;
    font-weight: 100;
}

    .shop .product-breadcrumb li {
        padding: 0 3px;
    }

        .shop .product-breadcrumb li:first-child {
            margin-left: 40px;
        }

        .shop .product-breadcrumb li a {
            font-size: 9pt;
            color: var(--primaryDarkColor);
        }

            .shop .product-breadcrumb li a:hover {
                color: var(--primaryHighlightColor);
            }

        .shop .product-breadcrumb li:last-child i {
            display: none;
        }

        .shop .product-breadcrumb li i {
            padding: 0 10px;
            color: var(--primaryDarkColor);
            font-size: 7pt;
        }


/*********************************
5.1 Shop Products
*********************************/
.product_grid {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    width: calc(100% + 40px);
}

.product_grid_border {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 3px;
    height: 100%;
    background: #FFFFFF;
    z-index: 1;
    display: none;
}

.product_item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 20%;
    background: #FFFFFF;
    cursor: pointer;
    padding-top: 40px;
    padding-bottom: 24px;
    text-align: center;
}

.product_border {
    display: block;
    position: absolute;
    /*top: 52px;
	right: 1px;*/
    top: 28px;
    left: 1px;
    width: 1px;
    height: calc(100% - 70px);
    background: #e5e5e5;
    z-index: 1;
}

.product_image {
    width: 100%;
    height: 115px;
    margin-bottom: 20px;
}

    .product_image img {
        display: block;
        position: relative;
        max-width: 100%;
        margin-top: 0;
    }

.product_content {
    width: 100%;
    height: 130px;
    text-align: right;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    justify-content: flex-end;
}

.product_price {
    font-size: 17px;
    font-weight: 500;
    /*margin-top: 25px;*/
    margin-top: 0;
    color: var(--primaryDarkColor);
    font-weight: bold;
    font-family: digit,iran-sans;
    text-align: left;
    padding-left: 20px;
}

.product_price_currency {
    font-size: 10pt;
    font-weight: 500;
    color: #5c398e !important;
}

    .product_price_currency:after {
        display: none !important;
    }

.product_item.discount {
    color: #df3b3b;
}

.product_price span {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0,0,0,0.6);
    margin-left: 10px;
}

.product_price .nuit-image {
    filter: var(--primaryDarkColorFilter);
    margin-top: -5px;
}

.product_price span::after {
    display: block;
    position: absolute;
    top: 6px;
    left: -2px;
    width: calc(100% + 4px);
    height: 1px;
    background: #8d8d8d;
    content: '';
}

.product_name {
    /*margin-top: 4px;*/
    overflow: hidden;
    padding: 9px;
}

    .product_name div {
        width: 100%;
    }

    .product_name a.product-title {
        font-size: 9.6pt;
        font-weight: 400;
        color: #000000;
        white-space: normal;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
        line-height: 18pt;
        margin-top: 0;
        min-height: 84px;
    }

            .product_name div a:hover {
                color: #0e8ce4;
            }

.product_fav {
    position: absolute;
    top: 33px;
    right: 12px;
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .product_fav:hover {
        box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
    }

    .product_fav i {
        display: block;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        color: #cccccc;
        line-height: 36px;
        pointer-events: none;
        z-index: 0;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .product_fav.active i {
        color: red;
    }

.product_item:hover .product_fav {
    visibility: visible;
    opacity: 1;
}

.product_marks {
    display: block;
    position: absolute;
    top: 33px;
    left: 24px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.product_mark {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #FFFFFF;
    text-align: center;
    line-height: 36px;
    font-size: 12px;
}

.product_new {
    display: none;
    background: #0e8ce4;
    visibility: hidden;
    opacity: 0;
}

.product_discount {
    display: none;
    background: #df3b3b;
    visibility: hidden;
    opacity: 0;
}

.product_item.is_new .product_new,
.product_item.discount .product_discount {
    display: inline-block;
    visibility: visible;
    opacity: 1;
}

/*********************************
5.2 Shop Page Navigation
*********************************/
.shop_page_nav {
    width: 100%;
    height: 50px;
    margin-top: 80px;
}

.page_prev,
.page_next {
    width: 50px;
    height: 100%;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
    cursor: pointer;
}

    .page_prev i,
    .page_next i {
        font-size: 12px;
        color: #e5e5e5;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .page_prev:hover i,
    .page_next:hover i {
        color: #636363;
    }

.page_nav {
    border: solid 1px #e5e5e5;
    border-radius: 5px;
    margin-left: 15px;
    margin-right: 15px;
}

    .page_nav li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 50px;
        border-left: solid 1px #e5e5e5;
        cursor: pointer;
    }

        .page_nav li.active {
            border: 1px var(--primaryHighlightColor) solid !important;
        }

            .page_nav li.active a {
                color: var(--primaryHighlightColor);
                font-weight: bold;
            }

        .page_nav li a {
            font-weight: 500;
            color: rgba(0,0,0,0.7);
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

        .page_nav li:hover a {
            /*color: #9800ff;*/
        }

        .page_nav li:last-child {
            border-left: none;
        }

/*********************************
6. Shop Sidebar
*********************************/

.shop_sidebar {
    width: 100%;
    /* -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);*/
}

.sidebar_title {
    font-size: 18px;
    font-weight: 500;
    text-align: right;
}

.sidebar_categories {
    margin-top: 15px;
}

    .sidebar_categories li {
        margin-bottom: 7px;
        text-align: right;
    }

        .sidebar_categories li a {
            color: rgba(0,0,0,0.5);
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

            .sidebar_categories li a:hover {
                color: #0e8ce4;
            }

.filter_by_section {
    margin-top: 45px;
}

.filter_price {
    margin-top: 28px;
}

.slider_range {
    max-width: 195px;
}

.filter_price p {
    display: inline-block;
    font-size: 12px;
    font-weight: 500 !important;
    color: rgba(0,0,0,0.5);
    margin-bottom: 0px;
}

.sidebar_subtitle {
    font-size: 14px;
    font-weight: 500;
    margin-top: 25px;
    text-align: right;
}

.filter_price p input {
    font-size: 12px;
    font-weight: 500 !important;
    color: rgba(0,0,0,0.5)
}

.amount {
    margin-top: 18px;
}

.color_subtitle {
    margin-top: 27px;
}

.colors_list {
    margin-top: 14px;
    text-align: right;
}

.color {
    display: inline-block;
    margin-right: 6px;
}

    .color a {
        display: block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }

.brands_subtitle {
    margin-top: 27px;
}

.brands_list {
    margin-top: 12px;
    text-align: right;
}

.brand {
    margin-bottom: 7px;
}

    .brand a {
        color: rgba(0,0,0,0.5);
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .brand a:hover {
            color: #0e8ce4;
        }

/*********************************
7. Recently Viewed
*********************************/

.viewed {
    padding-top: 51px;
    padding-bottom: 60px;
    background: #eff6fa;
}

.viewed_title_container {
    border-bottom: solid 1px #dadada;
}

.viewed_title {
    margin-bottom: 14px;
}

.viewed_nav_container {
    position: absolute;
    right: -5px;
    bottom: 14px;
}

.viewed_nav {
    display: inline-block;
    cursor: pointer;
}

    .viewed_nav i {
        color: #dadada;
        font-size: 18px;
        padding: 5px;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .viewed_nav:hover i {
        color: #606264;
    }

.viewed_prev {
    margin-right: 15px;
}

.viewed_slider_container {
    padding-top: 50px;
}

.viewed_item {
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
}

.viewed_image {
    width: 115px;
    height: 115px;
}

    .viewed_image img {
        display: block;
        max-width: 100%;
    }

.viewed_content {
    width: 100%;
    margin-top: 25px;
}

.viewed_price {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}

.viewed_item.discount .viewed_price {
    color: #df3b3b;
}

.viewed_price span {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0,0,0,0.6);
    margin-left: 8px;
}

    .viewed_price span::after {
        display: block;
        position: absolute;
        top: 6px;
        left: -2px;
        width: calc(100% + 4px);
        height: 1px;
        background: #8d8d8d;
        content: '';
    }

.viewed_name {
    margin-top: 3px;
}

    .viewed_name a {
        font-size: 14px;
        color: #000000;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .viewed_name a:hover {
            color: #0e8ce4;
        }

.item_marks {
    position: absolute;
    top: 18px;
    left: 18px;
}

.item_mark {
    display: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
}

.item_discount {
    background: #df3b3b;
    margin-right: 5px;
}

.item_new {
    background: #0e8ce4;
}

.viewed_item.discount .item_discount {
    display: inline-block;
}

.viewed_item.is_new .item_new {
    display: inline-block;
}

/*********************************
8. Brands
*********************************/

.brands {
    width: 100%;
    padding-top: 90px;
    padding-bottom: 90px;
}

.brands_slider_container {
    height: 130px;
    border: solid 1px #e8e8e8;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
    padding-left: 97px;
    padding-right: 97px;
}

.brands_slider {
    height: 100%;
}

.brands_item {
    height: 100%;
}

    .brands_item img {
        max-width: 100%;
    }

.brands_nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 5px;
    cursor: pointer;
}

    .brands_nav i {
        color: #e5e5e5;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .brands_nav:hover i {
        color: #676767;
    }

.brands_prev {
    left: 40px;
}

.brands_next {
    right: 40px;
}

/*********************************
9. Newsletter
*********************************/

.newsletter {
    width: 100%;
    background: #fafafa;
    padding-top: 60px;
    padding-bottom: 60px;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
}

.newsletter_container {
    width: 100%;
}

.newsletter_title_container {
    width: 40%;
    padding-left: 95px;
}

.newsletter_icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.newsletter_title {
    font-size: 18px;
    color: #000000;
}

.newsletter_text p:last-child {
    margin-bottom: 0;
}

.newsletter_icon img {
    max-width: 100%;
}

.newsletter_content {
    width: 60%;
}

.newsletter_form {
    position: relative;
    width: 569px;
    float: left;
}

.newsletter_input {
    width: 100%;
    height: 50px;
    background: #FFFFFF;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
    padding-left: 25px;
    font-size: 16px;
    outline: none;
    color: #0e8ce4;
}

    .newsletter_input:focus {
        border: solid 1px rgba(14, 140, 228, 0.3);
        box-shadow: 0px 1px 5px rgba(14, 140, 228, 0.3);
    }

    .newsletter_input::-webkit-input-placeholder {
        font-size: 16px;
        color: rgba(0,0,0,0.3);
    }

    .newsletter_input:-moz-placeholder {
        font-size: 16px;
        color: rgba(0,0,0,0.3);
    }

    .newsletter_input::-moz-placeholder {
        font-size: 16px;
        color: rgba(0,0,0,0.3);
    }

    .newsletter_input:-ms-input-placeholder {
        font-size: 16px;
        color: rgba(0,0,0,0.3);
    }

    .newsletter_input::input-placeholder {
        font-size: 16px;
        color: rgba(0,0,0,0.3);
    }

.newsletter_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 153px;
    height: 50px;
    background: #0e8ce4;
    color: #FFFFFF;
    line-height: 50px;
    font-size: 18px;
    border: none;
    outline: none;
    border-top-left-radius: 30%;
    border-bottom-left-radius: 30%;
    cursor: pointer;
}

    .newsletter_button:hover {
        opacity: 0.8;
    }

.newsletter_unsubscribe_link {
    float: right;
    text-align: right;
    height: 50px;
}

    .newsletter_unsubscribe_link a {
        font-size: 10px;
        color: #0e8ce4;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        line-height: 50px;
    }

        .newsletter_unsubscribe_link a:hover {
            color: #0d82d3;
        }

/*********************************
10. Footer
*********************************/

.footer {
    padding-top: 52px;
    padding-bottom: 40px;
}

    .footer .logo_container {
        height: auto;
        margin-bottom: 18px;
        margin-top: -10px;
    }

    .footer .logo {
        top: auto;
        -webkit-transform: transform: none;
        -moz-transform: transform: none;
        -ms-transform: transform: none;
        -o-transform: transform: none;
        transform: none;
    }

        .footer .logo a {
            color: #000000;
        }

.footer_title {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
}

.footer_phone {
    font-size: 18px;
    font-weight: 500;
    color: #0e8ce4;
    margin-top: 13px;
}

.footer_contact_text {
    margin-top: 10px;
}

    .footer_contact_text p {
        margin-bottom: 0px;
    }

.footer_subtitle {
    font-size: 12px;
    color: #000000;
}

.footer_column ul:first-of-type {
    margin-top: 21px;
}

.footer_column ul {
    margin-top: 7px;
}

.footer_list li {
    margin-bottom: 6px;
}

    .footer_list li a {
        font-size: 17px;
        font-weight: 500;
        color: rgba(0,0,0,0.4);
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .footer_list li a:hover {
            color: #0e8ce4;
        }

.footer_list_2 {
    margin-top: 42px !important;
}

.copyright {
    width: 100%;
    background: #fafafa;
}

.copyright_container {
    width: 100%;
    height: 56px;
}

.copyright_content {
    font-size: 12px;
    color: rgba(0,0,0,0.6);
}

    .copyright_content span {
        font-weight: 500;
    }

.logos {
}

.logos_list li {
    display: inline-block;
    margin-right: 16px;
}

    .logos_list li:last-child {
        margin-right: 0px;
    }

/* start pure css accordion */
/* Accordion styles */
.tabs {
    /*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);*/
    width: 100%;
    border: 1px #dbdbdb solid;
    border-radius: 10px;
    margin-bottom: 0;
    padding: 20px 18px;
}

.tab {
    /*width: 100%;*/
    color: white;
    overflow: hidden;
}

    .tab .input-checkbox {
        display: none;
    }

.tab-label {
    display: flex;
    justify-content: space-between;
    padding: 4px 5px;
    /*background: #2c3e50;*/
    font-weight: bold;
    cursor: pointer;
    color: #333;
    transition: all .1s;
    /* Icon */
}

    .tab-label:hover {
        /*background: #1a252f;*/
        background: #e6ebef;
    }

    .tab-label::after {
        content: "\276F";
        width: 1em;
        height: 1em;
        text-align: center;
        transition: all .35s;
    }

.tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #2c3e50;
    background: white;
    transition: all .35s;
}

.tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #2c3e50;
    cursor: pointer;
}

    .tab-close:hover {
        /*background: #1a252f;*/
        background: #e6ebef;
    }

input:checked + .tab-label {
    /*background: #1a252f;*/
    background: #e6ebef;
    margin-top: 15px;
    border-bottom: 1px #c7c7c7 solid;
}

}

input:checked + .tab-label::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

input:checked ~ .tab-content {
    max-height: 100vh;
    /*padding: 1em;*/
    padding: 0 3px;
}

/* end pure css accordion */


/* start child categories */
/*.child-categories {
	direction: rtl;
	text-align: right;
	margin-bottom: 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	padding: 15px 0;
	margin-bottom: 0;
	justify-content: center;*/
/*grid-template-columns: 1fr 1fr 1fr 1fr;*/
/*grid-template-rows: 1fr 1fr 1fr 1fr;*/
/*}*/

.child-categories {
    direction: rtl;
    text-align: right;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /*padding: 15px 0;*/
    margin-bottom: 0;
    justify-content: flex-start;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /*grid-template-rows: 1fr 1fr 1fr 1fr;*/
}

    .child-categories .child-category .title {
        padding: 10px;
        white-space: nowrap;
    }

    .child-categories .child-category img {
        width: 70px;
    }


.legend-wrapper {
    display: flex;
    align-items: center;
    /* width: 100%; */
}

.child-categories.no-grid {
    display: unset !important;
}

    .child-categories.no-grid li {
        margin: 5px 5px;
    }

.child-categories li {
    margin: 10px;
    border-radius: 10px;
    /*	width: calc(100% / 7 - 6px);*/
    display: inline-flex;
    justify-content: center;
    font-size: 9pt;
    text-align: center;
    align-items: center;
    color: #4a4a4a;
    background-color: white;
    /*box-shadow: 0 0 11px -9px black;*/
    margin: 10px 25px;
    width: 145px;
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
    border: 1px #e4e4e4 solid;
    min-width: fit-content;
}

    .child-categories li:hover {
        /*box-shadow: 0 0 5px -1px #6d00b7;*/
        transform: scale(1.07);
    }

    .child-categories li a {
        /*padding: 10px;*/
        height: 100%;
        width: 100%;
        display: inline-flex;
        justify-content: center;
        font-size: 9pt;
        text-align: center;
        align-items: center;
        color: #4a4a4a;
        /*min-height: 94px;*/
    }
/* end child categories */

.results-wrapper {
    background-color: white;
    padding-top: 15px;
    margin-bottom: 25px;
}

.shop .main-title {
    font-size: 14pt;
    text-align: right;
    margin: 0;
    white-space: nowrap;
    /*padding-right: 20px;
	margin-bottom: 10px;
	padding-top: 25px;*/
    margin-left: 40px;
}

.shop .category-legend {
    display: flex;
    align-items: center;
    padding: 0 22px;
}

/* start loader */
.spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
    0% {
        stroke: #4285F4;
    }

    25% {
        stroke: #DE3E35;
    }

    50% {
        stroke: #F7C223;
    }

    75% {
        stroke: #1B9A59;
    }

    100% {
        stroke: #4285F4;
    }
}

@keyframes colors {
    0% {
        stroke: #4285F4;
    }

    25% {
        stroke: #DE3E35;
    }

    50% {
        stroke: #F7C223;
    }

    75% {
        stroke: #1B9A59;
    }

    100% {
        stroke: #4285F4;
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

/* end loader */


.collection {
    position: relative;
    /*padding: 10px 0;*/
}

    .collection > ul {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        /*margin: 0 -10px;*/
        /**/
        display: grid;
        /*grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));*/
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        /*grid-gap: calc(2em + 2vh) calc(1.5em + 1vmin);*/
        grid-gap: 0;
        grid-auto-flow: row dense;
        margin-bottom: 60px;
    }

@media(min-width: 1800px) {
    .collection > ul {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        /*margin: 0 -10px;*/
        /**/
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
        grid-gap: 0;
        grid-auto-flow: row dense;
        margin-bottom: 60px;
    }
}

.board-item:nth-child(-n + 3) {
    border-top: none;
}

.collection .product_image {
    height: unset !important;
    margin: 0;
    /*margin-bottom: 15px;*/
}
/*@media only screen and (min-width: 1501px) {
	.collection[data-layout="large"] > ul > li {
		width: 16.66%;
	}
}


@media only screen and (min-width: 1243px) {
	.collection[data-layout="large"] > ul > li {
		width: 20%;
	}
}

@media only screen and (min-width: 816px) {
	.collection[data-layout="large"] > ul > li {
		width: 25%;
	}
}


@media only screen and (min-width: 1341px) {
	.collection > ul > li {
		width: 12.5%;
	}
}

@media only screen and (min-width: 1209px) {
	.collection > ul > li {
		width: 14.28%;
	}
}

@media only screen and (min-width: 1077px) {
	.collection > ul > li {
		width: 16.66%;
	}
}


@media only screen and (min-width: 945px) {
	.collection > ul > li {
		width: 12.5%;
	}
}

@media only screen and (min-width: 813px) {
	.collection > ul > li {
		width: 14.28%;
	}
}

@media only screen and (min-width: 681px) {
	.collection > ul > li {
		width: 16.66%;
	}
}

@media only screen and (min-width: 549px) {
	.collection > ul > li {
		width: 20%;
	}
}

@media only screen and (min-width: 417px) {
	.collection > ul > li {
		width: 25%;
	}
}
*/
.collection > ul > li,
.collection > .ul > .li {
    box-sizing: border-box;
    position: relative;
    padding: 10px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    /*border: 1px #dbdbdb solid;*/
    border-right: 1px solid #DADCE0;
    border-bottom: 1px solid #DADCE0;
    border-left: 1px solid #DADCE0;
    /*margin: -1px 0 0 -1px;*/
    margin: 0 0 0 -1px;
}

    .collection > ul > li a .image,
    .collection > .ul > .li a .image {
        position: relative;
        display: block;
        padding-top: 105.04%;
        /*background: #e1e1e1;*/
    }

    .collection > ul > li a .title,
    .collection > .ul > .li a .title {
        display: none;
    }

    .collection > ul > li a,
    .collection > .ul > .li a {
        position: relative;
        display: block;
        z-index: 2;
        /*z-index: 0;*/        
    }

        .collection > ul > li a.href-title,
        .collection > .ul > .li a.href-title {
            margin-top: 30px;
        }

        .collection > ul > li .content-wrapper > a,
        .collection > .ul > .li .content-wrapper > a {
            margin-top: 0;
        }

    .collection > ul > li a:hover,
    .collection > .ul > .li a:hover {
        color: #000;
    }

    .collection > ul > li:hover,
    .collection > .ul > .li:hover {
        z-index: 22;
    }

    .collection > ul > li a .image .content-wrapper,
    .collection > .ul > .li a .image .content-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        color: #333;
        text-align: right;
    }

        .collection > ul > li a .image .content-wrapper .title,
        .collection > .ul > .li a .image .content-wrapper .title {
            display: block !important;
            z-index: 1;
            position: relative;
        }


.collection[data-layout="large"] > ul > li:hover .bg,
.collection[data-layout="large"] > .ul > .li:hover .bg {
    bottom: -1px;
    /*bottom: -85px;*/
    /*bottom: -10px;*/
}

.collection > ul > li:hover .bg,
.collection > .ul > .li:hover .bg {
    bottom: -70px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    -moz-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    -ms-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    cursor: pointer;
}

    /*.collection > ul > li .bg {
	box-sizing: border-box;
	position: absolute;
	left: -15px;
	top: -15px;
	right: -15px;
	bottom: -15px;
	background: #fff;
	border: 2px solid #00b3f0;
	border-radius: 3px;
	opacity: 0;
	z-index: 1;
	-webkit-box-shadow: 0 4px 14px rgb(0 0 0 / 30%);
	-moz-box-shadow: 0 4px 14px rgba(0,0,0,0.3);
	box-shadow: 0 4px 14px rgb(0 0 0 / 30%);
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform: scale(0.85);
	-webkit-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
	-moz-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
	-ms-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
	transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
}*/

    .collection > ul > li:hover .bg .actions,
    .collection > .ul > .li:hover .bg .actions {
        opacity: 1;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all 500ms cubic-bezier(0.215,0.61,0.355,1) 0s;
        -moz-transition: all 500ms cubic-bezier(0.215,0.61,0.355,1) 0s;
        -ms-transition: all 500ms cubic-bezier(0.215,0.61,0.355,1) 0s;
        transition: all 500ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    }

.collection > ul > li .bg .actions,
.collection > .ul > .li .bg .actions {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate(0,-30 px );
    -moz-transform: translate(0,-30px);
    -ms-transform: translate(0,-30px);
    -o-transform: translate(0,-30px);
    transform: translate(0,-30 px );
    -webkit-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    -moz-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    -ms-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
}

.collection[data-layout="large"] > ul > li .bg .actions ul {
    margin-bottom: 10px;
}

.collection > ul > li .bg .actions ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 7px;
}

.collection[data-layout="large"] > ul > li .bg .actions .link {
    font-size: 13px;
    line-height: 22px;
}

.collection > ul > li .bg .actions .link {
    content: '';
    display: inline-block;
    color: var(--primaryDarkColor);
    font: 11 px /14 px MuseoSans300Regular,sans-serif;
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: all 150ms ease-out 0s;
    -moz-transition: all 150ms ease-out 0s;
    -ms-transition: all 150ms ease-out 0s;
    transition: all 150ms ease-out 0s;
}

.collection > ul > li .bg .actions ul li:only-child {
    width: 100%;
}

.collection > ul > li .bg .actions ul li {
    width: 50%;
}

    .collection > ul > li .bg .actions ul li button {
        height: 36px;
        padding: 6px 12px 5px 12px;
        /*font: 13 px /16 px MuseoSans700Regular,sans-serif;*/
        background-color: var(--primaryDarkColor);
        border-color: var(--primaryDarkColor);
        color: white;
        font-family: 'iran-sans';
        font-size: 10pt;
        height: 50px;
    }

    .collection > ul > li .bg .actions ul li:nth-child(1) button {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .collection > ul > li .bg .actions ul li:only-child button {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .collection > ul > li .bg .actions ul li button {
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        /*height: 30px;
	padding: 1px 0 0 0;
	color: #474747;
	font: 11px /14px MuseoSans500Regular,sans-serif;
	background: #e7e7e7;*/
        border-bottom: 1px solid #a0a0a0;
        border-radius: 0;
        -webkit-transition: all 150ms ease-out 0s;
        -moz-transition: all 150ms ease-out 0s;
        -ms-transition: all 150ms ease-out 0s;
        transition: all 150ms ease-out 0s;
    }

.collection[data-layout="large"] > ul > li:hover .bg {
    bottom: -1px;
    /*bottom: -10px;*/
    /*bottom: -45px;*/
}

.collection > ul > li:hover .bg {
    bottom: -70px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    -moz-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    -ms-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
}

.collection > ul > li .bg {
    box-sizing: border-box;
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    background: #fff;
    /*border: 1px solid var(--primaryDarkColor);*/
    border: 1px solid ##d1d1d1;
    border-radius: 0px;
    opacity: 0;
    z-index: 1;
    -webkit-box-shadow: 0 4px 14px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 4px 14px rgba(0,0,0,0.3);
    box-shadow: 0 4px 14px rgb(0 0 0 / 30%);
    /*	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform: scale(0.85);*/
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 170ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    -moz-transition: all 170ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    -ms-transition: all 170ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    transition: all 170ms cubic-bezier(0.215,0.61,0.355,1) 0s;
    display: flex;
    align-items: end;
}


    .collection > ul > li .bg .btn-phone-support {
        /*width: 100%;
		border-radius: 0 0 8px 8px;
		background-color: var(--primaryDarkColor);
		box-shadow: none;
		outline: none;
		border: 0;
		height: 40px;
		clear: both;
		box-shadow: 0 0 0 1px var(--primaryDarkColor);
		z-index: 99;*/

        background-color: transparent;
        box-shadow: none;
        outline: none;
        border: 0;
        height: 40px;
        clear: both;
        z-index: 99;
        position: absolute;
        color: var(--primaryDarkColor);
        top: 0;
        border: 0;
    }

        .collection > ul > li .bg .btn-phone-support:hover {
            color: var(--primaryHighlightColorTransparent);
        }

/*.collection > ul > li a .front img.reveal {
	opacity: 1;
}

.collection > ul > li a .front img {
	opacity: 0;
	-webkit-transition: opacity 300ms ease 0s;
	-moz-transition: opacity 300ms ease 0s;
	-ms-transition: opacity 300ms ease 0s;
	transition: opacity 300ms ease 0s;
}

.collection > ul > li a .front img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	max-width: 100%;
	max-height: 100%;
	color: #333;
}*/
/*.collection > ul > li .front {
    height: 100%;
}*/

.collection > ul > li:nth-child(-n + 3) {
    border-top: none;
}


.collection > ul > li .product_price {
    z-index: 2;
    font-size: 19px;
    cursor: pointer;
    margin-bottom: 6px;
}


.collection > ul > li .content-wrapper {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: space-between;
    /*height: 100%;*/
}

.only-discounted-products {
    border: 1px red solid;
    /*padding: 10px;*/
    border-radius: 10px;
    margin-bottom: 11px;
    padding-left: 14px;
    align-items: center;
}

    .only-discounted-products:hover {
        border: 1px red solid;
    }

    .only-discounted-products label {
        margin-bottom: 0;
        /*width: 100%;
		padding: 10px;*/
        cursor: pointer;
    }

    .only-discounted-products input {
        cursor: pointer;
        vertical-align: middle;
        margin-left: 13px;
        margin-right: 6px;
    }

.sidebar_section_part {
    border-radius: 10px;
    margin-bottom: 11px;
    border: 1px #dbdbdb solid;
    padding: 20px 15px;
}


.shop_sort li:first-child img {
    margin-left: 7px;
    width: 13px;
}

.shop_sort li:first-child:hover {
    background-color: unset !important;
    cursor: default !important;
}

.product_old_price_wrapper {
    margin: 0;
    color: #c1c1c1;
    font-size: 12pt;
    font-family: digit,Yekan Bakh;
    position: absolute;
    font-size: 12pt;
    z-index: 2;
    bottom: 33px !important;
    left: 24px !important;
}

.main-categories-list {
    text-align: right;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}

    .main-categories-list .category-cell {
        text-align: right;
        height: 100px;
        width: 100px;
        background: #f9f9f9;
        padding: 9px;
        border-radius: 10px;
        transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
        margin: auto;
        /*padding: 10px;*/
    }

        .main-categories-list .category-cell a {
            color: var(--primaryDarkColor)
        }

        .main-categories-list .category-cell:hover {
            /* box-shadow: 0 0 5px -1px #6d00b7; */
            transform: scale(1.07);
        }

            .main-categories-list .category-cell:hover a {
                color: var(--primaryBorder);
            }

            .main-categories-list .category-cell:hover img {
                filter: var(--primaryBorderFilter);
            }

    .main-categories-list div a {
        height: 100%;
        width: 100%;
        align-items: center;
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }

    .main-categories-list div .img-container {
        /*flex-grow: 1;*/
    }

        .main-categories-list div .img-container img {
            max-width: 100%;
            width: 50px;
            height: auto;
            opacity: .7;
            filter: var(--primaryDarkColorFilter);
            transition: all linear 50ms;
        }

    .main-categories-list div span {
        font-size: 8pt;
        white-space: nowrap;
    }



@media only screen and (max-width: 1422px) and (min-width: 1000px) {
    .main-categories-list .category-cell {
        width: 100% !important;
        height: 100% !important;
    }

    .main-categories-list div span {        
        white-space: normal;
    }
}

/*@media only screen and (max-width: 1065px) and (min-width: 1007px) {
    .main-categories-list {
        margin-right:-15px;
    }
}*/




/* start product colors in product list */
/*.product-list-colors {
    top: 7px;
    display: flex;
    flex-direction: row;
    z-index: 3;
    align-items: center;
    text-align: center;
    justify-content: center;
    pointer-events: none;
    margin-top: -10px;
    transform: translate(0px, 10px);
    min-height: 15px;
}*/

.product-list-colors {
    /* top: 7px; */
    display: flex;
    /* flex-direction: row; */
    z-index: 3;
    align-items: center;
    text-align: right;
    justify-content: revert;
    pointer-events: none;
    /* margin-top: -10px; */
    /* transform: translate(0px, 10px); */
    /* min-height: 15px; */
}

.product-color {
    /*width: 10px;
    height: 10px;
    margin-bottom: 3px;
    border-radius: 10px;*/
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border-radius: 20px;
    pointer-events: all;
}

/* end product colors in product list */


.only-discounted-products input:checked + .slider-handle {
    background-color: red;
}


/* start set new animation for bootstrap modal */
#user-help-request-model {
    display: none;
}

    #user-help-request-model .modal-header {
        display: flex;
        align-items: center;
        padding: 15px 25px;
    }

    #user-help-request-model .modal-dialog {
        max-width: 500px;
        direction: rtl;
        text-align: right;
        margin-top: 2%;
    }

    #user-help-request-model .modal-content {
        min-height: 530px;
    }

    #user-help-request-model .modal-content-wrapper {
        max-width: 400px;
        margin: auto;
    }

        #user-help-request-model .modal-content-wrapper .product-content {
            text-align: right;
            line-height: 1.6;
        }

        #user-help-request-model .modal-content-wrapper .product-title {
            text-align: right;
            line-height: 1.7em;
            font-size: 12.5pt;
            color: #555;
        }



    #user-help-request-model .mobile-number-wrapper {
        background: #efefef;
        border-top: 1px transparent solid;
        border-bottom: 1px transparent solid;
        margin-top: 20px;
        transition: all linear 500ms;
    }

        #user-help-request-model .mobile-number-wrapper:focus-within {
            border-top: 1px #dbdbdb solid;
            border-bottom: 1px #dbdbdb solid;
            /*box-shadow: inset 0px 3px 6px -6px #7400c3,inset 0px -3px 6px -6px #7400c3;			*/
            box-shadow: inset 0px 3px 6px -6px #afafaf,inset 0px -3px 6px -6px #afafaf;
        }

        #user-help-request-model .mobile-number-wrapper.red-border {
            border-top: 1px red solid;
            border-bottom: 1px red solid;
            /*box-shadow: inset 0px 3px 6px -6px #7400c3,inset 0px -3px 6px -6px #7400c3;			*/
            box-shadow: inset 0px 3px 6px -6px #afafaf,inset 0px -3px 6px -6px #afafaf;
        }

    #user-help-request-model .mobile-number {
        font-size: 20pt;
        padding: 10px 27px;
        background: transparent;
        border: 0;
        border-radius: 5pt;
        text-align: left;
        direction: ltr;
        font-family: 'digit', 'iran-sans';
    }

        #user-help-request-model .mobile-number::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #aaa;
            opacity: 1; /* Firefox */
            text-align: center;
            font-size: 15pt;
        }

        #user-help-request-model .mobile-number:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #aaa;
            text-align: center;
            font-size: 15pt;
        }

        #user-help-request-model .mobile-number::-ms-input-placeholder { /* Microsoft Edge */
            color: #aaa;
            text-align: center;
            font-size: 15pt;
        }

        #user-help-request-model .mobile-number:hover,
        #user-help-request-model .mobile-number:focus,
        #user-help-request-model .mobile-number:active
        #user-help-request-model .mobile-number:focus-visible {
            box-shadow: none;
            outline: none;
            border: 0;
        }

    #user-help-request-model .btn-success {
        font-size: 12pt;
    }

    #user-help-request-model .header-title {
        font-size: 14pt;
        color: #444;
        letter-spacing: -.5px;
        /*letter-spacing: -1px;*/
        font-weight: bold;
        display: flex;
        align-items: center;
        transition: all ease-out 100ms;
    }

        #user-help-request-model .header-title:before {
            content: 'شماره تماس خود را در کادر زیر وارد کنید';
            display: block;
            position: absolute;
            width: 0;
            height: 1.5em;
            overflow: hidden;
            color: red;
            transition: all 1s ease-out;
            right: 58px;
            font-size: 14pt;
            text-shadow: 0 0px #ffffff;
        }

        /*#user-help-request-model .header-title:hover:before {
			width: 100%;
		}*/

        /*#user-help-request-model .header-title.text-red:before {
			width: 100%;
		}*/

        #user-help-request-model .header-title.text-red {
            color: red;
        }

    #user-help-request-model .dismiss-button {
        letter-spacing: -.5px;
        color: #919191;
    }

    #user-help-request-model.modal-lg {
        max-width: 500px;
    }

    #user-help-request-model .successful-submit {
        display: flex;
        opacity: 1;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        flex-grow: 1;
    }

        #user-help-request-model .successful-submit .content {
            color: #9abc66;
            margin-top: 20px;
            font-weight: bold;
        }

        #user-help-request-model .successful-submit .checkmark {
            border-radius: 200px;
            height: 170px;
            width: 170px;
            background: #F8FAF5;
            margin: 0 auto;
            text-align: center;
            vertical-align: middle;
            font-size: 54pt;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #9ABC66;
        }

        #user-help-request-model .successful-submit.in-active {
            display: none;
            opacity: 0;
        }

        #user-help-request-model .successful-submit.active {
            /*display: block;*/
            opacity: 1;
        }

    #user-help-request-model .failed-submit.in-active {
        display: none;
        opacity: 0;
    }

    #user-help-request-model .failed-submit.active {
        display: block;
        opacity: 1;
    }

    #user-help-request-model .desk-2 {
        font-size: 10pt;
        line-height: 1.7em;
        text-align: right;
        padding: 16px 50px 0px 50px;
    }

label[for='user-help-request-mobile-number'] {
    margin-bottom: 0;
    width: 100%;
    cursor: text;
}

.boostrap-modal-show-animate-1 {
    animation: boostrap-modal-animation-1 200ms;
    -moz-animation-fill-mode: forwards -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes boostrap-modal-animation-1 {
    0% {
        opacity: 0;
        transform: scale(0.75);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-moz-keyframes boostrap-modal-animation-1 {
    0% {
        opacity: 0;
        transform: scale(0.75);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-o-keyframes boostrap-modal-animation-1 {
    0% {
        opacity: 0;
        transform: scale(0.75);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes boostrap-modal-animation-1 {
    0% {
        opacity: 0;
        transform: scale(0.75);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* .hide-opacity{
   animation:scaleme 1s;
}

@-webkit-keyframes scaleme {
  0% { -webkit-transform: scale(1); opacity: 1; }
  100% { -webkit-transform: scale(0); opacity: 0;display:none;}
}   
 */

/* end set new animation for bootstrap modal */

.tooltip .arrow::before {
    left: 1px;
}

.collection[data-layout="large"] > ul > li:hover .bg a.fill_area {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}


.grid {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(3, calc(100%/3));
    grid-template-rows: repeat(3, calc(100%/3));
    direction: ltr;
}

.child {
    display: flex;
    align-items: center;
    align-content: center;
    color: var(--symbol-color);
    font-size: 2.5rem;
    direction: rtl;
}

    .child:nth-child(-n+3) {
        border-bottom: var(--border);
    }

    .child:nth-child(3n+1) {
        border-right: var(--border);
    }

    .child:nth-child(3n) {
        border-left: var(--border);
    }

    .child:nth-child(n+7) {
        border-top: var(--border);
    }




.grid-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
}

.product {
    width: 25%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
}

.product--card {
    border: 1px solid #ddd;
    background: #fff;
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.product .product--image {
    padding-bottom: 81.88%;
    position: relative;
    border-bottom: 1px solid #ddd;
    box-sizing: content-box;
    display: block;
    overflow: hidden;
    height: 0;
}

.img-responsive {
    max-width: 100%;
    width: 100%;
    height: auto;
    transition: all 0.3s;
}

.product--title {
    display: block;
    color: #333;
    padding-bottom: 0 !important;
    text-decoration: none;
    padding: 20px;
}

.product--brand {
    color: #777;
    display: block;
    padding-top: 0 !important;
    padding: 20px;
    flex: 1 0 auto;
}

.product a {
    color: inherit;
    text-decoration: none;
    display: block;
}

.product .product--price {
    padding-top: 0 !important;
    padding: 20px;
}

.product .price--sell-price,
.product .price--discount-price {
    font-size: 1.5rem;
}

.price--sell-price {
    color: #28a528;
}

.product .product--price .was-price,
.product .product--price .price--rrp {
    font-size: 1rem;
}

.price--sell-price.was-price,
.price--rrp {
    color: #777;
    font-weight: 100;
    text-decoration: line-through;
}

.price--discount-price {
    color: #0074d9;
}

.tags {
    display: block;
    position: absolute;
    z-index: 2;
    text-align: right;
    bottom: 6px;
    right: 12px;
}

    .tags > .availability {
        text-transform: uppercase;
        color: #fff;
        line-height: 1;
        padding: 4px 5px;
        display: inline-block;
        margin-left: 6px;
        margin-bottom: 6px;
        font-size: 0.75rem;
    }

        .tags > .availability.almost-gone {
            background-color: #ff9600;
        }

        .tags > .availability.discount {
            background-color: #0074d9;
        }

        .tags > .availability.sold-out {
            background-color: #ff0000;
        }

/* start flexible grid */
/*
.flex-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 600px;
}

.flex-column {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-transition: all .5s cubic-bezier(.77,0,.175,1);
	transition: all .5s cubic-bezier(.77,0,.175,1);
	margin: 0;
	padding: 0;
}

.flex-item {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0;
	padding: 0;
	min-height: 80px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-transition: all .5s cubic-bezier(.77,0,.175,1);
	transition: all .5s cubic-bezier(.77,0,.175,1);
}

	.flex-item > a > img {
		object-size: cover;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.flex-item > p {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		background-color: rgba(0,0,0,.3);
		-webkit-transition: all .2s linear;
		transition: all .2s linear;
		margin: 0;
		padding: 0;
	}

		.flex-item > p:hover {
			background-color: rgba(0,0,0,.75);
		}

	.flex-column:nth-of-type(1) .flex-item:last-of-type,
	.flex-column:nth-of-type(3) .flex-item:first-of-type,
	.flex-column:hover,
	.flex-item:hover {
		-webkit-box-flex: 2;
		-webkit-flex: 2;
		-ms-flex: 2;
		flex: 2;
		width: 100%;
		height: 100%;
	}
*/
/* end flexible grid */