@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. Single Product
6. Recently Viewed
7. Brands
8. Newsletter
9. 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;
}

    a:hover {
        color: var(--primaryHighlightColor);
    }

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: iran-sans,'Yekan Bakh', 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
{
	
}*/
b, strong {
    font-weight: bold !important;
}

.form-control {
    color: #333;
}

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: 'Font Awesome 5 Free';
    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-right: 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 var(--primaryDarkColor); 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%;
}

@media(max-width: 786px) {
    .cat_menu_title {
        margin-right: 23px;
    }
}

.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;
}

.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. Single Product
*********************************/

.single_product {
    padding-top: 4px;
    padding-bottom: 10px;
}

    .single_product .owl-theme .owl-nav [class*='owl-'] {
        background: transparent;
    }

    .image_list li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 165px;
        border: solid 1px #e8e8e8;
        box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
        margin-bottom: 15px;
        cursor: pointer;
        padding: 15px;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
        overflow: hidden;
    }

    .image_list li:last-child {
        margin-bottom: 0;
    }

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

    .image_list li img {
        max-width: 100%;
    }

.image_selected {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% + 15px);
    height: 525px;
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px);
    border: solid 1px #e8e8e8;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
    overflow: hidden;
    padding: 15px;
}

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

.product_description {
    padding-right: 15px;
    text-align: right;
    z-index: 0;
}

@media only screen and (max-width: 991px) {
    .product_description {
        padding: 10px !important;
    }
}

.product_category {
    font-size: 9pt;
    color: rgba(0,0,0,0.5);
    padding: 0 16px 7px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-detail-brand-image {
    border-radius: 10px;
    background-color: #e8e8e8;
}

.product_category span {
    display: inline-block;
}

.product_name {
    /*font-size: 30px;*/
    font-size: 26px;
    font-weight: 500;
    /*margin-top: 20px;*/
}

.product_rating {
    margin-top: 7px;
}

    .product_rating i {
        margin-right: 4px;
    }

        .product_rating i::before {
            font-size: 13px;
        }

.product_text {
    margin-top: 27px;
}

    .product_text p:last-child {
        margin-bottom: 0px;
        line-height: 20pt;
        text-align: justify;
        font-size: 11pt;
        font-weight: 100;
        letter-spacing: 0.5px;
    }

.order_info {
    /*margin-top: 20px;*/
    /*	background-color: var(--primaryDarkColor);14;
	border: 1px var(--primaryDarkColor); solid;
	padding: 30px;
	border-radius: 10px;*/
    background-color: var(--productDetailMainBox_BackgroundColor);
    border: 1px var(--productDetailMainBox_BorderColor) solid;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 3px 6px var(--primaryBoxShadow), 0 3px 6px #F3E5F5;
}

.product_quantity {
    /*width: 182px;*/
    height: 50px;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
    overflow: hidden;
    /*padding-left: 25px;*/
    /*float: left;*/
    /*margin-right: 30px;*/
}

    .product_quantity span {
        display: block;
        height: 50px;
        font-size: 16px;
        font-weight: 300;
        color: rgba(0,0,0,0.5);
        line-height: 50px;
        float: left;
        padding-left: 16px;
    }

    .product_quantity input {
        display: block;
        width: 30px;
        height: 50px;
        border: none;
        outline: none;
        font-size: 16px;
        font-weight: 300;
        color: rgba(0,0,0,0.5);
        text-align: left;
        padding-left: 9px;
        line-height: 50px;
        float: left;
        font-family: digit;
    }

.quantity_buttons {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 29px;
    border-left: solid 1px #e5e5e5;
}

.quantity_inc,
.quantity_dec {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 50%;
    cursor: pointer;
}

.quantity_control i {
    font-size: 11px;
    color: rgba(0,0,0,0.3);
    pointer-events: none;
}

.quantity_control:active {
    border: solid 1px rgba(14, 140, 228, 0.2);
}

.quantity_inc {
    padding-bottom: 2px;
    justify-content: flex-end;
    border-top-right-radius: 5px;
}

.quantity_dec {
    padding-top: 2px;
    justify-content: flex-start;
    border-bottom-right-radius: 5px;
}

.product_color {
    width: 182px;
    height: 50px;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
    float: left;
    cursor: pointer;
}

    .product_color span {
        display: block;
        height: 50px;
        font-size: 16px;
        font-weight: 300;
        color: rgba(0,0,0,0.5);
        line-height: 50px;
        float: left;
    }

.color_dropdown_button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
}

    .color_dropdown_button i {
        font-size: 11px;
        color: rgba(0,0,0,0.3);
        pointer-events: none;
    }

.color_mark_container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 48px;
    float: right;
}

.color_mark {
    width: 20px;
    height: 20px;
    background: #999999;
    border-radius: 50%;
}

.product_color > li {
    position: relative;
    width: 100%;
    height: 100%;
    padding-left: 25px;
    padding-right: 49px;
}

.product_color li ul {
    position: absolute;
    top: calc(100% + 15px);
    right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    width: auto;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
    background: #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;
}

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

.product_color li ul li {
    padding-right: 49px;
    padding-left: 49px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .product_color li ul li div {
        margin-left: auto;
    }

.product_price {
    display: inline-block;
    font-size: 24px;
    /*font-weight: bold;*/
    margin-top: 80px;
    clear: left;
    /*color: #5b398e;*/
    color: #333;
    text-align: center;
    padding-right: 11px;
    width: 100%;
    font-family: digit,iran-sans;
}

    .product_price .price-text {
        text-align: right;
        font-size: 10pt;
    }

    .product_price .nuit-image {
        margin-top: -6px;
        opacity: .95;
    }

.main-price-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: start;
}

.button_container {
    /*margin-top: 43px;*/
}

.cart_button {
    display: inline-block;
    border: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 48px;
    color: #FFFFFF;
    padding-left: 35px;
    padding-right: 35px;
    outline: none;
    cursor: pointer;
    background: #459145;
    border-radius:10px;
}

    .cart_button:focus {
        outline: none;
    }

.product_fav {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    margin-right: 36px;
    -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 {
        line-height: 36px;
        color: #cccccc;
    }

    .product_fav.active i {
        color: #df3b3b;
    }

/*********************************
6. Recently Viewed
*********************************/

/* start owl carosel same height items */

.viewed .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.viewed .owl-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
}
/* end owl carosel same height items */

.viewed {
    padding-top: 51px;
    padding-bottom: 60px;
    background: var(--primaryHighlightColorTransparent2);
}

    .viewed .owl-item > a {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        border-radius: 6px;
        transition: all ease-in-out 150ms;
        margin-right: 1.5px;
    }


        .viewed .owl-item > a:hover {
            /*border: 2px #563e8e solid;*/
            box-shadow: inset 0 0 0 2px var(--primaryDarkColor);
            margin-right: 1.5px;
        }

.viewed_title_container {
    border-bottom: solid 1px #fff;
    text-align: right;
}

.viewed_title {
    margin-bottom: 14px;
}

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

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

    .viewed_nav i {
        color: #fff;
        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;
    margin-right: 1.5px;
}

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

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

.viewed_content {
    width: 100%;
    margin-top: 25px;
    height: 170px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.viewed_price {
    font-size: 18px;
    color: var(--primaryDarkColor);
    font-weight: bold;
    font-family: digit,Yekan Bakh;
    text-align: left;
}

.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: '';
        display: none;
    }

.viewed_name {
    margin-top: 3px;
    text-align: right;
}

    .viewed_name a {
        font-size: 10pt;
        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;
        line-height: 18pt;
    }

        .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;
}

/*********************************
7. 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;
}

/*********************************
8. 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-right-radius: 5px;
    border-bottom-right-radius: 5px;
    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;
        }

/*********************************
9. Footer
*********************************/
.footer-section {
    background: #151414;
    position: relative;
}

.footer-cta {
    border-bottom: 1px solid #373636;
    text-align: right;
}

.single-cta i {
    color: var(--primaryHighlightColor);
    font-size: 30px;
    float: right;
    margin-top: 8px;
}

.cta-text {
    padding-right: 15px;
    display: inline-block;
}

    .cta-text h4 {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 2px;
    }

    .cta-text span {
        color: #757575;
        font-size: 15px;
    }

.footer-content {
    position: relative;
    z-index: 2;
    text-align: right;
}

.footer-pattern img {
    position: absolute;
    top: 0;
    left: 0;
    height: 330px;
    background-size: cover;
    background-position: 100% 100%;
}

.footer-logo {
    margin-bottom: 30px;
}

    .footer-logo img {
        max-width: 200px;
    }

.footer-text p {
    margin-bottom: 14px;
    font-size: 14px;
    color: #7e7e7e;
    line-height: 28px;
}

.footer-social-icon span {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}

.footer-social-icon a {
    color: #fff;
    font-size: 16px;
    margin-right: 15px;
}

.footer-social-icon i {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
}

.facebook-bg {
    background: #3B5998;
}

.twitter-bg {
    background: #55ACEE;
}

.google-bg {
    background: #DD4B39;
}

.footer-widget-heading h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative;
}

    .footer-widget-heading h3::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: -15px;
        height: 2px;
        width: 50px;
        background: var(--primaryHighlightColor);
    }

.footer-widget ul li {
    display: inline-block;
    float: left;
    width: 50%;
    margin-bottom: 12px;
}

    .footer-widget ul li a:hover {
        color: var(--primaryHighlightColor);
    }

    .footer-widget ul li a {
        color: #878787;
        text-transform: capitalize;
    }

.subscribe-form {
    position: relative;
    overflow: hidden;
}

    .subscribe-form input {
        width: 100%;
        padding: 14px 28px;
        background: #2E2E2E;
        border: 1px solid #2E2E2E;
        color: #fff;
    }

    .subscribe-form button {
        position: absolute;
        right: 0;
        background: var(--primaryHighlightColor);
        padding: 13px 20px;
        border: 1px solid var(--primaryHighlightColor);
        top: 0;
    }

        .subscribe-form button i {
            color: #fff;
            font-size: 22px;
            transform: rotate(-6deg);
        }

.copyright-area {
    background: #202020;
    padding: 25px 0;
}

.copyright-text p {
    margin: 0;
    font-size: 14px;
    color: #878787;
}

    .copyright-text p a {
        color: var(--primaryHighlightColor);
    }

.footer-menu li {
    display: inline-block;
    margin-left: 20px;
}

    .footer-menu li:hover a {
        color: var(--primaryHighlightColor);
    }

    .footer-menu li a {
        font-size: 14px;
        color: #878787;
    }


.certificate-wrapper {
    text-align: left;
}

.enamad-wrapper {
    display: inline-block;
    padding: 10px;
    background-color: white;
    border-radius: 10px;
}

/* start product detail styles */
section {
    margin: 10px;
    padding: 10px;
    border-radius: 3px;
    width: calc(100% - 20px);
    display: inline-block;
    height: auto;
    border: solid 0px #cccecc;
    padding-bottom: 0;
}

    section .all {
        width: 100%;
        height: auto;
        display: inline-block;
        direction: ltr;
    }

        section .all .slider {
            width: auto;
            height: auto;
            overflow: hidden;
            border-radius: 3px;
            position: relative;
        }

#sync1 .item {
    height: 400px;
}

#sync2 .item {
    /*background: #ffffff;*/
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

section .all .slider .owl-nav, section .all .slider .owl-dots {
    display: none;
}

section .all .slider:hover .left {
    visibility: visible;
    opacity: 1;
    left: 20px;
}

section .all .slider:hover .right {
    visibility: visible;
    opacity: 1;
    right: 20px;
}

section .all .slider .item-box {
    padding: 20px;
    overflow: hidden;
    width: 100%;
    height: 400px;
    position: relative;
    border-radius: 3px;
    background: no-repeat url(http://www.cyw51.com/file/upload/201302/22/18-49-19-74-127.jpg) center center;
    /*background-size: cover;*/
    background-size: contain;
}

    section .all .slider .item-box:after {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        content: "";
        display: block;
        /*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), #00000033);*/
        /*border: solid 1px #0e8ce4;*/
    }

section .all .slider .left {
    position: absolute;
    z-index: 1;
    top: 167px;
    left: -20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: left ease .25s;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    /*background: url(http://svgshare.com/i/2V9.svg) top left;*/
}

    section .all .slider .left:hover {
        visibility: visible;
        opacity: 1;
        left: 20px;
        /*background: url(http://svgshare.com/i/2UW.svg) top left;*/
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    section .all .slider .left.nonl {
        left: -20px;
        opacity: 0;
        visibility: hidden;
    }

section .all .slider .right {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 167px;
    right: -20px;
    width: 40px;
    height: 40px;
    visibility: hidden;
    opacity: 0;
    transition: right ease .25s;
    /*background: url(http://svgshare.com/i/2V9.svg) top left;*/
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

    section .all .slider .right:hover {
        visibility: visible;
        opacity: 1;
        right: 20px;
        /*background: url(http://svgshare.com/i/2UW.svg) top left;*/
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    section .all .slider .right.nonr {
        right: -20px;
        opacity: 0;
        visibility: hidden;
    }

section .all .slider-two {
    width: auto;
    height: auto;
    overflow: hidden;
    position: relative;
}

    section .all .slider-two .owl-nav, section .all .slider-two .owl-dots {
        display: none;
    }

    section .all .slider-two:hover .left-t {
        visibility: visible;
        opacity: 1;
        left: 3px;
    }

    section .all .slider-two:hover .right-t {
        visibility: visible;
        opacity: 1;
        right: 3px;
    }

    section .all .slider-two .item {
        transition: all ease .25s;
        height: 100px;
        border-radius: 3px;
        border: solid 1px #00a19a;
        cursor: pointer;
        /*background: no-repeat url(http://www.cyw51.com/file/upload/201302/22/18-49-19-74-127.jpg) center center;*/
        /*background-size: cover;*/
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

        section .all .slider-two .item.active {
            box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
            border: solid 3px #00a19a;
        }

    section .all .slider-two .owl-stage {
        padding: 20px 0;
    }

    section .all .slider-two .left-t {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        cursor: pointer;
        position: absolute;
        z-index: 1;
        top: 23px;
        visibility: hidden;
        opacity: 0;
        transition: all ease .25s;
        width: 40px;
        height: 95px;
        /*background: no-repeat rgba(204, 46, 56, 0.85) url(http://svgshare.com/i/2Vs.svg) center center;*/
        background: no-repeat rgba(0, 161, 154, 0.79) center center;
        left: -40px;
    }

        section .all .slider-two .left-t:hover {
            visibility: visible;
            opacity: 1;
            left: 3px;
        }

        section .all .slider-two .left-t.nonl-t {
            left: -40px;
            opacity: 0;
            visibility: hidden;
        }

    section .all .slider-two .right-t {
        cursor: pointer;
        position: absolute;
        z-index: 1;
        top: 23px;
        right: -40px;
        visibility: hidden;
        opacity: 0;
        transition: all ease .25s;
        width: 40px;
        height: 95px;
        background: no-repeat rgba(0, 161, 154, 0.79) center center;
        /*background: no-repeat rgba(204, 46, 56, 0.85) url(http://svgshare.com/i/2Vs.svg) center center;*/
    }

        section .all .slider-two .right-t:hover {
            visibility: visible;
            opacity: 1;
            right: 3px;
        }

        section .all .slider-two .right-t.nonr-t {
            right: -40px;
            opacity: 0;
            visibility: hidden;
        }

/*.no-color-product-type {
		visibility: hidden;
		position: absolute;
	}*/

.no-color-product-type input[name='RadioProductColor'] + label {
    border: transparent !important;
    color: gray;
}

    .no-color-product-type input[name='RadioProductColor'] + label .color {
        display: none;
    }

.product_name h1 {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 7px;
}

.product_name h2 {
    font-size: 11pt;
}

.product-abstract {
    color: #929292;
    font-weight: 100;
    padding: 6px 17px;
    font-size: 9pt;
}
/* end product detail styles */

/* start product detail guarantee */
.guarantee {
    border-bottom: 1px gainsboro solid;
    margin-bottom: 13px;
}

    .guarantee:last-child {
        border-bottom: 0px gainsboro solid;
        margin-bottom: 0px;
    }

.guarantee-wrapper {
    /*background-color: #ffffff;*/
    /*border: 1px gainsboro solid;*/
    padding: 10px;
    border-radius: 7px;
    padding-top: 0px;
}

    .guarantee-wrapper ul {
        direction: rtl;
        width: 100%;
        text-align: right;
    }

        .guarantee-wrapper ul li {
            direction: rtl;
            direction: rtl;
            line-height: inherit;
            margin-bottom: 1px;
            padding-bottom: 0px;
            height: auto;
            padding: 5px 6px 0px 0px;
            border-radius: 8px;
        }

            .guarantee-wrapper ul li:hover {
                background-color: #efefef;
            }

            .guarantee-wrapper ul li label {
                width: 90%;
                margin-right: 3px;
                display: inline;
            }

                .guarantee-wrapper ul li label:hover {
                    cursor: pointer;
                }

            .guarantee-wrapper ul li input {
                vertical-align: sub;
            }

.guarantee a {
    background: #0bb4a6;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    height: 38px;
    line-height: 36px;
    padding: 0 25px;
    border-radius: 2px;
    border-bottom: 3px solid #07736a;
    font-size: 14px;
    letter-spacing: 0.04em;
    float: left;
    color: #FFFFFF;
    padding-left: 35px;
    padding-right: 35px;
    outline: none;
    cursor: pointer;
    background: #0e89e0;
}

    .guarantee a:hover {
        border-bottom: 5px solid #07736a;
        position: relative;
        top: -2px;
        background: #0fbbad;
    }

    .guarantee a:active {
        border-bottom: 3px solid #07736a;
        position: relative;
        top: 0px;
    }

.guarantee span {
    font-size: 11pt;
    font-weight: 500;
    color: #444;
    float: right;
    line-height: 48px;
    padding: 0 0 0 5px;
    display: inline-block;
    /*width: 160px;*/
}

.guarantee b {
    /*float: left;*/
    line-height: 48px;
    font-weight: 600;
    color: #0bb4a6;
    font-size: 28px;
    padding: 0 0 0 25px;
    display: inline-block;
    /*width: 50px;*/
}

.guarantee i {
    font-style: normal;
    font-size: 20px;
    position: relative;
    top: -5px;
    left: -4px;
    opacity: 0.6
}

.guarantee small {
    float: right;
    line-height: 48px;
    font-weight: 600;
    color: #ccc;
    font-size: 28px;
    padding: 0 0 0 25px;
    display: inline-block;
    width: 95px;
}

    .guarantee small i {
        opacity: 0.8;
    }

.guarantee strong {
    float: right;
    display: inline-block;
    background: #ededed;
    padding: 4px 6px;
    border-radius: 2px;
    margin: 10px 0 0 0;
    color: #999;
    letter-spacing: 1px;
}

.guarantee .icon {
    color: #54afa3;
    font-size: 14px;
    display: inline-block;
    margin: 0 3px 0 0;
}

.guarantee .icon-down {
    color: #b14739;
}

.guarantee div {
    background: #fff;
    width: 600px;
    margin: 0 auto;
    text-align: left;
    padding: 20px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
    height: 45px;
    margin-bottom: 3px;
    border-radius: 1px;
}

    .guarantee div:nth-child(even) {
        background: #fafafa
    }

.old-price {    
    text-align: left;
}

    .old-price .only-price {
        color: #b5b5b5;
        text-decoration: line-through;
        font-size: 16pt;
        font-weight: 100;
    }

    .old-price .discount-percentage {
        padding: 0px 12px;
        background-color: red;
        margin-right: 3px;
        color: white;
        border-radius: 15px;
        font-size: 12pt;
        margin-left: 8px;
        margin-right: 0;
        line-height: 20px !important;
        height: 20px;
        display: inline-block;
    }
/* end product detail guarantee */

/* start other product detail */

/* start rating */
.rating {
    display: flex;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin-bottom: 5px;
}

    .rating.color-default .star-container .star i {
        color: #ffc058 !important;
    }

    .rating.color-negative .star-container .star i {
        color: #ffc058 !important;
    }

    .rating.color-positive .star-container .star i {
        color: #ffc058 !important;
    }

    .rating.hover:hover.hover-1 .star-container .star i, .rating.hover:hover.hover-2 .star-container .star i, .rating.value-0.half .star i, .rating.value-1 .star-container .star i, .rating.value-1.half .star-container .rating.value-0.star:nth-child(2) .star i, .rating.value-2 .star-container .star i, .rating.value-2.half .star-container .rating.value-0.star:nth-child(3) .star i, .rating.value-3.half .star-container .rating.value-0.star:nth-child(4) .star i, .rating.value-4.half .star-container .rating.value-0.star:nth-child(5) .star i, .rating.value-5.half .star-container .rating.value-0.star:nth-child(6) .star i, .star.negative i {
        color: #ffc058 !important;
    }

    .rating.hover:hover.hover-4 .star-container .star i, .rating.hover:hover.hover-5 .star-container .star i, .rating.hover:hover.hover-6 .star-container .star i, .rating.value-4 .star-container .star i, .rating.value-5 .star-container .star i, .rating.value-6 .star-container .star i, .rating.value-7 .star-container .star i, .rating.value-8 .star-container .star i, .rating.value-9 .star-container .star i, .rating.value-10 .star-container .star i, .rating.value-11 .star-container .star i, .rating.value-12 .star-container .star i, .star.positive i {
        color: #ffc058 !important;
    }
/* end rating */
.product-color {
    text-align: right;
    direction: rtl;
}

    .product-color input[name='RadioProductColor'] {
        visibility: hidden;
        position: absolute;
    }

        .product-color input[name='RadioProductColor'] + label {
            /*display: inline-flex;*/
            padding: 2px 10px 4px 10px;
            border: 2px #bdbdbd solid;
            /*margin-left: 5PX;*/
            border-radius: 5px;
            /*color: #333;*/
            margin-bottom: 2px;
        }

        .product-color input[name='RadioProductColor']:hover + label {
            cursor: pointer;
            border: 2px #23fff5 solid;
        }

        .product-color input[name='RadioProductColor']:checked + label {
            border: 2px var(--primaryDarkColor); solid;
        }

    .product-color li {
        display: inline-flex;
        padding-left: 4px;
        /*padding: 2px 10px;*/
        /*border: 1px #bdbdbd solid;
        margin-left: 5PX;
        border-radius: 5px;*/
        color: #333;
    }

        .product-color li .color {
            width: 13px;
            height: 13px;
            border-radius: 40px;
            margin-top: 4px;
            margin-left: 5px;
            margin-right: -4px;
            border: 1px gray solid;
            display: inline-block;
            vertical-align: sub;
        }

.product-fields-breif {
    font-size: 9pt;
    line-height: 20pt;
    margin-top: 15px;    
    font-weight: bold;
}

    .product-fields-breif strong {
        direction: rtl;
        display: inline-block;
        color: #575757;
        font-weight: 100 !important;
        letter-spacing: .5px;
    }

.product-fields-wrapper {
    border-bottom: 1px #e5e5e5 solid;
}

.no-comment-yet {
    font-size: 7pt;
    color: gray;
}

.f-desc {
    /*background-color: #dcdada;*/
    border-radius: 7px;
    color: #333;
    padding: 10px 15px;
    width: 100%;
    /*font-size: 16px;*/
    font-size: 10pt;
    margin-bottom: 10px;
    margin-right: 10px;
}

.f-title {
    /*background-color: #ececec;*/
    border-radius: 7px;
    color: #333;
    padding: 10px 15px;
    width: 100%;
    font-size: 10pt;
    margin-bottom: 10px;
    margin-left: 5px;
    font-weight: 400;
}

.f-desc span:after {
    content: '،';
    margin-left: 3px;
    margin-right: 1px;
    font-size: 10pt;
    line-height: 0;
}

.f-desc span:last-child:after {
    display: none;
}

main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    /*height: 100vh;*/
}

/*Tabs*/

.tabs__main_wrapper {
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}


.tab__container {
    /*background: #fafafa;*/
    width: 100%;
    margin: auto;
    border-radius: 5px;
    padding: 30px;
    /*max-width: 1200px;*/
    margin-top: 0px;
    display: flex !important;
    flex-direction: column !important;
    position: relative;
    padding-bottom: 10px;
}

.p-features-nav-box {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    align-self: flex-start;
    width: 100%;
}

.tab__container .product-title {
    font-size: 17pt;
}

.tab__container .product-title-en {
    font-size: 12pt;
}

/*.tab__title {
		margin: 25px 0;
	}*/
.tab__title {
    margin: 0 0;
    text-align: right;
    margin-right: -30px;
    margin-left: -30px;
    background-color: white;
    padding-right: 20px;
    padding-left: 20px;
    /*box-shadow: 0px 19px 27px -23px black;*/
    border-bottom: 1px var(--primaryHighlightColorTransparent) solid;
}

/*.sticky-wrapper.is-sticky #sticky-wrapper {
	margin-top: 30px;
}*/

#sticky-wrapper {
    background: #fff;
    z-index: 2 !important;
    transition: opacity linear 100ms;
}

.tab__title .tab__button:first-of-type {
    margin: 0;
}

.tab__title .tab__button {
    border: 0;
    outline: none;
    padding: 10px 15px;
    margin: 0 -5px;
    cursor: pointer;
    font-size: 12pt;
    background-color: white;
    display: inline-block;
    color: var(--text-color-smooth);
}

    .tab__title .tab__button img {
        height: 25px;
        display: block;
        margin: 0px auto 5px;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        transition: filter 0.3s ease;
    }

.tab__title .tab_button-active {
    /*border-bottom: none;*/
    /*background: #fafafa;*/
    /*color: #5c398e;*/
    border-bottom: 5px var(--primaryDarkColor) solid;
    color: var(--primaryDarkColor);
    font-weight: bold;
}

    .tab__title .tab_button-active img {
        filter: none;
    }

.tab__inside {
    /*display: grid;
        grid-template-columns: repeat(2, 1fr);
        visibility: hidden;*/
    /*		opacity: 0;
		height: 0;
*/ 
    /*transform: translateY(10px);
    transition: transform .3s ease-in;*/
    /* transform css cinflicts with position: fixed therefore jquery plugin scrollToFix not working properly*/

    text-align: right;
}

    .tab__inside .tab__inside-img {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
    }

        .tab__inside .tab__inside-img img {
            height: 150px;
            display: block;
            margin: auto;
        }

    .tab__inside .tab__inside-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        padding: 7px 20px;
        /*padding-bottom: 60px;*/
    }

        .tab__inside .tab__inside-text p {
            /*color: #545454;
                font-size: 14px;
                font-weight: 100;*/
            color: #545454;
            font-size: 18px;
            font-weight: 100;
            line-height: 33pt;
            letter-spacing: 0.5px;
            text-align: justify;
        }

        /*.tab__inside .tab__inside-text button {
            border-radius: 30px;
            text-transform: uppercase;
            padding: 10px;
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
            border: none;
            cursor: pointer;*/
            /*background: #003a79;*/
            /*background: #00a19a;*/
            /*background: var(--primaryDarkColor);;
            color: #fff;
            transition: all 0.3s ease;
            width: 100px;
        }

            .tab__inside .tab__inside-text button:hover {
                background: #fff;
                color: #003a79;
            }*/

.tab__inside-active {
    visibility: visible;
    opacity: 1;
    height: 100%;
    transform: translateY(0);
    transition: transform .3s ease-out 0.1s, opacity .3s ease-out 0.1s;
}

@media only screen and (max-width: 991px) {
    .tab__container {
        width: 100vw;
        border-radius: 0;
    }
    /*#btn-gallery {
            top: 20px;
        }*/
    #product-info-bar {
        top: 20px;
        z-index: 1;
    }

    .tab__inside .tab__inside-text p {
        font-size: 13px;
        line-height: 21pt;
    }

    .tab__container {
        padding: 15px;
    }

        .tab__container .product-title {
            font-size: 11pt;
            line-height: normal;
        }

        .tab__container .product-title-en {
            font-size: 9pt;
        }

    .product_name h1 {
        font-size: 15px;
    }

    .f-desc {
        padding: 0px 0px;
        margin-bottom: 0px;
        margin-right: 0;
        padding-bottom: 15px;
    }

    .f-title {
        color: #919191;
        padding: 4px 0px;
        font-size: 9pt;
        margin-bottom: -1px;
    }

    .tab__inside .tab__inside-text img {
        max-width: 100%;
        height: auto !important;
    }
}

.lg-outer.lg-visible {
    direction: ltr;
}

.lg-actions {
    top: 43%;
}

#product-info-bar {
    /*left: 0;
    align-content: space-between;
    flex-direction: row;
    align-items: center;
    direction: ltr;
    flex-direction: row-reverse;*/
    
    right: 0;    
    align-items: center;    
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /*margin-block: 10px;*/
}

#btn-gallery {
    background: transparent;
    border: 1px var(--text-1) solid;
    padding: 2px 10px;
    z-index: 3;
    font-size: 10pt;
    color: var(--text-1);
    margin-top: -3px;
}

#btn-rate {
    background: transparent;
    border: 1px #00a09a solid;
    padding: 1px 10px;
    z-index: 3;
    font-size: 10pt;
    color: #089599;
    cursor: context-menu;
    margin-top: -4px;
    margin-left: 5px;
}

    #btn-rate svg {
        width: 12px;
        vertical-align: baseline;
        margin-right: 2px;
    }

#btn-gallery svg {
    width: 13px;
    vertical-align: sub;
    margin-right: 1px;
}

#btn-gallery:hover {
    background: var(--primaryHighlightColor);
    border: 1px var(--primaryHighlightColor) solid;
    color: #ffffff;
}

.lg-sub-html, .lg-toolbar {
    background-color: var(--primaryDarkColor) !important;
}

.lg-backdrop {
    background-color: #fff !important;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    background-color: white !important;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: rgb(37, 28, 28) !important;
}

.lg-outer .lg-thumb {
    margin-left: 15px;
}

.lg-toolbar .lg-icon {
    color: #d8d8d8 !important;
}

.lg-icon span {
    font-size: 28px;
}

.lg-icon {
    font-size: 35px !important;
    width: 65px;
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: var(--primaryHighlightColorTransparent) !important;
}

#lg-counter {
    font-family: 'digit';
}

.lg-outer .lg-thumb-outer {
    background-color: var(--primaryLightGray) !important;
}

.lg-outer .lg-toogle-thumb {
    background-color: #17092d !important;
    height: 35px !important;
    line-height: 24px !important;
    top: -35px !important;
}

#sync1 .item {
    /*background: #0c83e7;*/
    padding: 80px 0px;
    margin: 5px;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#sync2 .item {
    /*background: #C9C9C9;*/
    padding: 10px 0px;
    margin: 5px;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    border: solid 2px var(--primaryGray200);
    overflow: hidden;
}

.owl-carousel {
    z-index: 0;
}


    .owl-carousel .owl-stage {
        margin: auto;
    }

#sync2 .owl-item.current .item {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
    border: solid 3px var(--primaryBorder);
}

#sync2 .item h1 {
    font-size: 18px;
}

#sync2 .current .item {
    /*background: #0c83e7;*/
    /*border: 1px gray solid;*/
}

.owl-theme .owl-nav {
    /*default owl-theme theme reset .disabled:hover links */
    position: absolute;
    width: 100%;
    top: 48%;
    z-index: 0;
}

    .owl-theme .owl-nav [class*='owl-'] {
        transition: all 0.3s ease;
    }

        .owl-theme .owl-nav [class*='owl-'].disabled:hover {
            background-color: #D6D6D6;
        }

#sync1.owl-theme {
    position: relative;
}

    #sync1.owl-theme .owl-next,
    #sync1.owl-theme .owl-prev {
        width: 22px;
        height: 40px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
    }

    #sync1.owl-theme .owl-prev {
        left: -4px;
    }

    #sync1.owl-theme .owl-next {
        right: -4px;
    }


.star-container .star {
    cursor: pointer;
}

#sync2 img {
    height: 100%;
    width: 100%;
    margin: auto;
    object-fit: contain;
}

#product_price {
    display: none;
}

.product-tag {
    text-align: right;
    margin-top: 12px;
    margin-bottom: 10px;
}

    .product-tag li {
        display: inline-block;
        padding: 1px 13px;
        border-radius: 10px;
        font-size: 12px;
        background-color: #f2dfff;
        margin-left: 9px;
    }
/* end other product detail */

/* start user cart */
.user-cart-product-item .product_quantity {
    background-color: white;
}

.user-cart-product-item input {
    width: 60%;
    text-align: center;
    font-family: digit;
    font-weight: bold;
}

.user-cart-product-item .quantity_dec {
    padding-top: 7px;
}

.user-cart-product-item .quantity_inc {
    padding-bottom: 6px;
}
/* end user cart */

/* start product detail */
.top-product-features {
    color: var(--primaryDarkColor);
    margin-top: 20px;
    margin-bottom: -5px;
    font-weight: bold;
    letter-spacing: .5px;
    font-size: 17px;
}

.in-stock {
    padding: 19px 0;
    color: var(--primaryDarkColor);
    font-size: 11pt;
    font-weight: bold;
}

.order_info .product_quantity {
    background-color: white;
}

.order_info .price-box {
    text-align: left;
    margin-left: 10px;
    /*font-weight: bold;*/
}

    .order_info .price-box .price-unit {
        font-size: 11pt;
        opacity: .77;
    }

/* hide image title in product detail fullscreen gallery in desktop */
@media (min-width: 768px) {
    .lg-sub-html {
        display: none;
    }
}

.product-detail-full-fields-fade {
    background: linear-gradient(to bottom, rgb(250 250 250 / 0%) 0%, #fafafa 71%);
    height: 100px;
    margin-top: -100px;
    position: relative;
}

.product-detail-full-fields-wrapper.show-less .product-detail-full-fields-fade {
    background: none;
}


.product-detail-full-fields {
    transition: all 1s linear;
}

.product-detail-full-fields-wrapper.show-more .product-detail-full-fields {
    max-height: 400px;
    min-height: 200px;
    overflow: hidden;
}

.product-detail-full-fields-wrapper.show-less .product-detail-full-fields {
    max-height: 7000px !important;
    padding-bottom: 50px;
}


.product-features-show, .product-features-hide {
    position: absolute;
    bottom: 0em;
    z-index: 100;
    text-align: center;
    display: none;
}

.product-detail-full-fields-wrapper.show-more .btn.product-features-show {
    display: block !important;
}

.product-detail-full-fields-wrapper.show-less .btn.product-features-hide {
    display: block !important;
    bottom: 0;
}

.product-detail-full-fields {
    overflow: hidden;
}


.product-features-hide {
    display: none;
}

/*.product-features-show:target {
	display: none;
}

	.product-features-show:target ~ .product-features-hide {
		display: block;
	}

	.product-features-show:target ~ .product-detail-full-fields {
		max-height: unset!important;
	}

	.product-features-show:target ~ .product-features-fade {
		margin-top: 0;
	}*/

.btn.product-features-show, .btn.product-features-hide {
    color: #fff !important;
    /*background: var(--primaryDarkColor);;*/
    border-radius: 1.5em;
    /*left: 30%;
	padding: 1em;*/
    text-decoration: none;
    /*width: 40%;*/
    padding: 10px;
    width: 31%;
    left: 35%;
    border: 2px gray solid;
    color: #8f8f8f !important;
    transition: all ease-out .2s;
    cursor: pointer;
}

    .btn.product-features-show:hover, .btn.product-features-hide:hover {
        color: #fff !important;
        /*background: var(--primaryDarkColor);;*/
        border-radius: 1.5em;
        /*left: 30%;*/
        /*padding: 1em;*/
        text-decoration: none;
        /*width: 40%;*/
        padding: 10px;
        width: 31%;
        left: 35%;
        border: 2px var(--primaryBorder) solid;
        color: var(--primaryBorder) !important;
        transform: scale(1.05);
    }

@media(max-width: 768px) {
    .btn.product-features-show, .btn.product-features-hide {
        left: 0;
        padding: .5em;
        text-decoration: none;
        width: 100%;
    }
}

.add-to-cart-box-icons {
    /*    opacity: 1;
    width: 22px;
    margin-right: 10px;*/
    opacity: 1;
    width: 20px;
    margin: auto;
}


.order_info .product-quantity-holder .img-holder,
.order_info .product-colors .img-holder,
.order_info .guarantee-wrapper .img-holder {
    display: flex !important;
    flex-direction: column;
    margin: auto;
    text-align: center;
    padding-top: 0 !important;
}

.order_info .in-stock {
    padding: 0;
    color: unset;
    font-size: unset;
    font-weight: normal;
    text-align: right;
    padding-right: 9px;
}

.order_info .out-of-stock {
    padding: 0;
    color: unset;
    font-size: unset;
    font-weight: normal;
    text-align: right;
    padding-right: 7px;
}

@media only screen and (max-width: 575px) {
    .product_quantity {
        float: none;
        margin: auto !important;
        margin-top: 3px !important;
        margin-bottom: 30px !important;
        width: auto !important;
    }
}

/* end product detail */


/* start share */
#product-info-bar .share span {
    background: transparent;
    border: 1px var(--text-1) solid;
    padding: 3px 10px 0 10px;
    z-index: 3;
    font-size: 10pt;
    color: var(--text-1);
    border-radius: .25rem;
    margin-left: 5px;
    cursor: pointer;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    #product-info-bar .share span:hover {
        /*border: 1px #a738ff solid;*/
        background: var(--primaryHighlightColor);
        border: 1px var(--primaryHighlightColor) solid;
        color: #ffffff;
    }

#product-info-bar .share {
    display: inline-block;
}

    #product-info-bar .share .linktosocials {
        /*margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 7;
	border-radius: 0 0 7px 7px;
	width: 100%;
	text-align: right;
	display: none;*/
        /*border-radius: 19px;*/
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 30px;
        z-index: 7;
        border-radius: 7px;
        width: 96%;
        text-align: right;
        display: none;
        background-color: white;
        box-shadow: 0 0 5px -2px #00000054;
    }

        #product-info-bar .share .linktosocials li:first-child a {
            border-radius: 10px 10px 0 0;
        }

        #product-info-bar .share .linktosocials li:hover {
            color: #fff !important
        }


            #product-info-bar .share .linktosocials li:hover .instagram {
                background-color: #3e75ff;
                color: #fff !important
            }

            #product-info-bar .share .linktosocials li:hover .twitter {
                background-color: #5ccbff;
                color: #fff !important
            }

            #product-info-bar .share .linktosocials li:hover .google-plus {
                background-color: #ed2525;
                color: #fff !important
            }

            #product-info-bar .share .linktosocials li:hover .email {
                background-color: #da0606;
                color: #fff !important
            }

            #product-info-bar .share .linktosocials li:hover .whatsapp {
                background-color: #25d366;
                color: #fff !important
            }

            #product-info-bar .share .linktosocials li:hover .telegram {
                background-color: #08c;
                color: #fff !important
            }

            #product-info-bar .share .linktosocials li:hover .facebook {
                background-color: #3b5998;
                color: #fff !important
            }

        #product-info-bar .share .linktosocials li:last-child a {
            border-bottom: 0;
            border-radius: 0 0 7px 7px
        }

        #product-info-bar .share .linktosocials li a {
            /*display: block;
		border-radius: 0;
		padding: 9px 3px;
		border-bottom: 1px solid #d7d4d4;
		background-color: #eee;
		color: #585858;
		font-size: 14px*/
            display: block;
            border-radius: 0;
            padding: 9px 3px;
            border-bottom: 1px solid #f1f1f1;
            background-color: #fff;
            color: #585858;
            font-size: 14px;
        }

            #product-info-bar .share .linktosocials li a:hover i {
                color: #fff
            }

            #product-info-bar .share .linktosocials li a i {
                padding-left: 6px;
                padding-right: 6px;
                position: relative;
                top: 2px
            }

/* end share */

.no-text-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.product-review p, .product-review div {
    font-size: 10pt;
}

.product-review .no-review {
    color: #8f8f8f;
}


.product-detail-no-auth {
    color: gray;
    font-size: 10pt;
}

.btn-signin-product-comment {
    background-color: #dddddd;
    color: #8f8f8f;
    padding: 8px 20px;
    font-size: 10pt;
}

.fast-delivery {
    margin-top: 20px;
    color: #333;
    font-size: 9pt;
    font-weight: bold;
    border: 1px #e0e0e2 solid;
    padding: 20px 20px;
    margin-left: 20px;
    border-radius: 10px;
    background: url(/Themes/spraypu/Content/images/fast-delivery-byce.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 12px;
    background-size: 123px;
}

    .fast-delivery .title {
        font-weight: bold;
        font-size: 10pt;
    }

    .fast-delivery .desc {
        color: #aaa;
    }

.submit-help-request {
    margin-top: 30px;
    color: #333;
    font-size: 9pt;
    font-weight: bold;
    border: 1px #e0e0e2 solid;
    padding: 20px 20px;
    margin-left: 20px;
    border-radius: 10px;
    background: url(/Themes/spraypu/images/support-on-product/online-support.png?v=1);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0px center;
    background-size: 7em;
    cursor: pointer;
}

@media(min-width: 1800px) {
    .submit-help-request {        
        background-size: 6em;
    }
}

.submit-help-request:hover {
    border: 1px var(--primaryBorder) solid;
}
    .submit-help-request .desc {
        padding-left: 57px;
        color: #aaa;
    }

    .submit-help-request .title {
        font-weight: bold;
        font-size: 10pt;
    }

.installments {
    margin-top: 10px;
    color: #333;
    font-size: 9pt;
    font-weight: bold;
    border: 1px #e0e0e2 solid;
    padding: 20px 20px;
    margin-left: 20px;
    border-radius: 10px;
    /*background: url(/Themes/spraypu/Content/images/fast-delivery-byce.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 12px;
    background-size: 123px;
}

    .installments .title {
        font-weight: bold;
        font-size: 10pt;
    }

    .installments .desc {
        font-weight: 100;
        color: #aaa;
    }
    .installments .desc span {
        font-weight: bold;
        color: #aaa;
    }

    .installments a.more-info {
        position: absolute;
        top: 15px;
        left: 20px;
        z-index: 1;
        color: #a069c5 !important;
    }

    .installments a.full-area {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right:0;
        z-index:0;
    }

.tab__inside-text p {
    font-size: 12pt;
    line-height: 41px;
    color: #333;
    text-align: justify;
}

.tab__inside-text h1 {
    font-size: 19pt;
}

.tab__inside-text h4 {
    font-size: 12pt;
    line-height: 41px;
    color: #333;
    text-align: justify;
}

.tab__inside-text h2 {
    font-size: 15pt;
}

.tab__inside-text img {
    margin: auto;
    max-width: 100%;
}

.btn-compare-product {
    background: transparent;
    border: 1px var(--text-1) solid;
    padding: 3px 10px 0 10px;
    z-index: 3;
    font-size: 10pt;
    color: var(--text-1);
    border-radius: .25rem;
    margin-left: 5px;
    cursor: pointer;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 26px;
    margin-right: 2px;
    margin-top: -3px;
    background: var(--text-1);
    color: #ffffff !important;
}

    .btn-compare-product:hover {
        background: var(--primaryHighlightColor);
        border: 1px var(--primaryHighlightColor) solid;
        color: #ffffff !important;
        /*font-weight: bold;*/
    }

    .btn-compare-product svg {
        width: 18px;
        vertical-align: middle;
        margin-right: 0;
        height: 18px;
        color: white;
    }

        .btn-compare-product svg image {
            color: white;
            filter: invert(1);
        }

.btn-compare-product-svg {
    width: 20px;
}

    .btn-compare-product-svg path {
        fill: #000;
    }


main aside {
    width: 33%;    
    padding: 0 10px 10px 20px;
}

main {
    display: flex;
    flex-direction: row
}

.stk-product-info-aside {
    min-height: 100px;
    width: 100%;
    border: 1px #e0e0e2 solid;
    border-radius: 10px;
    padding: 20px;
    text-align: right;
    background-color: white;
}

    .stk-product-info-aside .cart_button {
        border: 1px var(--productDetailSecondaryBox_AddToCardButtonColor) solid;
        color: var(--productDetailSecondaryBox_AddToCardButtonColor);
        background: var(--productDetailSecondaryBox_AddToCardButtonBackgroundColor);
        margin-top: 25px;
    }

    .stk-product-info-aside.scroll-to-fixed-fixed .cart_button {
        background-color: var(--productDetailMainBox_AddToCardButtonBackgroundColor) !important;
        color: white;
    }



    .stk-product-info-aside .nuit-image {
        margin-top: -8px;
        margin-left: 3px;
    }

.stk-product-info-lgend {
    display: flex;
    flex-direction: row;
    vertical-align: middle;
    align-items: center;
    border-bottom: 1px solid #e0e0e2;
    margin-bottom: 20px;
}
.stk-product-info-lgend img {
    max-width: 100px;
    margin-left: 20px;
    margin-bottom: 15px;
}

.stk-product-info-lgend .title {
    font-size: 9pt;
    color: #3e3e3e;
    line-height: normal;
}

    .stk-product-info-lgend .colors {
        margin: 19px 4px 10px 0;
        color: gray;
        font-size: 9pt;
    }


.stk-product-info-aside .guarantee {
    border: 0 !important;
    color: gray;
    font-size: 9.5pt;
}

    .stk-product-info-aside .guarantee li {
        padding: 3px 0;
    }

        .stk-product-info-aside .guarantee li:after {
            content: '|';
            position: absolute;
            /*           right: 16px;
            top: 20px;
            color: #80808052;*/
            right: 16px;
            top: 21px;
            color: #80808052;
            font-size: 9pt;
        }

    .stk-product-info-aside .guarantee li img {
        margin-left: 10px;
        margin-right: 10px;
        width: 15px;
    }

.stk-product-info-aside .btn-didital-purple {
    margin-top: 10px;
}

.stk-product-info-aside .old-price .only-price {
    font-size: 13pt;
    vertical-align: middle;
}

.stk-product-info-aside .old-price .discount-percentage {
    padding: 0px 12px;
    background-color: red;
    margin-right: 3px;
    color: white;
    border-radius: 15px;
    font-size: 10pt;
    margin-left: 0;
    margin-right: 0;
}

.stk-product-info-aside .price {
    font-size: 17pt;
    text-align: left;
    font-family: 'digit','iran-sans';
}

.stk-product-info-aside .price-unit {
    font-size: 10pt;
}


.comment_info__row {
    font-size: 12pt;
}


.comment_info__row__date_time {
    color: gray;
    font-size: 7pt;
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
    margin-top: 13px;
}

.comment_info__detail, 
.comment_info__info__detail, 
.comment_info__buyer_badge {
    padding-left: 24px;
}



.comment_info__status {
    font-size: 9pt;
    padding: 10px 0;
    padding-bottom: 0px;
}

.comment_info__status--positive {
    color: #00a049;
}

    .comment_info__status--positive:before {
        content: "\f164";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: 6px;
    }

.comment_info__feedback-like {
    margin: 0px 6px 0px 22px;
    color: #b3b3b3;
    font-size: 10pt;
    cursor: pointer;
}

    .comment_info__feedback-like:hover {
        color: var(--primaryDarkColor);;
    }

    .comment_info__feedback-like .count {
        margin: 0px 14px 0px 6px;
        color: #b3b3b3;
        font-size: 10pt;
        cursor: pointer;
        font-family: 'digit';
    }

.comment_info__feedback-question {
    cursor: default;
}


.comment_info__feedback-report {
    color: #b3b3b3;
    cursor: pointer;
    line-height: 22px;
}

    .comment_info__feedback-report:hover {
        color: #da4141;
    }

.comment_info__status--negative {
    color: #d32f2f;
}

    .comment_info__status--negative:before {
        content: "\f165";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: 6px;
        vertical-align: sub;
    }

.comment_info__pros ul li {
    font-size: 9pt;
    line-height: 1.833;
    color: #232933;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    /*margin-bottom: 6px;*/
}

    .comment_info__pros ul li:before {
        content: "\f055";
        color: #4caf50;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: 6px;
        margin-top: -2px;
    }

.comment_info__cons ul li {
    font-size: 9pt;
    line-height: 1.833;
    color: #232933;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 6px;
}

    .comment_info__cons ul li:before {
        content: "\f056";
        color: #d32f2f;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: 6px;
    }

.comment_info__feedback {
    font-size: 9pt;
    color: gray;
    display: flex;
    justify-content: flex-end;
}

.comment_info__feedback-actions {
    display: flex;
    flex-direction: row;
}

.comment_info__feedback-actions {
    display: flex;
    flex-direction: row;
}



.user_comments_wrapper {
    display: flex;
    flex-direction: row;
}

.user_comments_wrapper .aside {
    width: 390px;    
    padding-left:35px;
    position: relative;
}

    .user_comments_wrapper .comment-list {
        width: 100%;
    }

.comment-item {
    margin-bottom: 10px;
    border-bottom: 1px #b3b3b3 solid;
    padding-bottom: 35px;
}

.comment-item:last-child{
    border-bottom: 1px transparent solid;
}

.comment_info__separator {
    border-bottom: 1px #dedede solid;
    width: 50%;
}

.comment_info__text {
    margin-top: 12px;
    /*margin-bottom: 20px;*/
}

.comment_info__pros_cons {
    /*padding: 15px 0;*/
    padding: 8px 0px 25px 0;
}

.purchased_product_info {
    padding: 10px 0;
    font-size: 9pt;
}

.comment_info__buyer_badge {
    background: #b3b3b3;
    text-align: center;
    color: white;
    padding: 1px 10px;
    border-radius: 10px;
}

.comments-result-box {
    min-height: 100px;
    width: 100%;
    /*border: 1px #e0e0e2 solid;*/
    border-radius: 10px;
    padding: 20px;
    text-align: right;

    align-content: space-between;
    justify-content: space-between;

    display: flex;
    flex-direction: column;
    align-items: center;

    height:calc(100vh - 215px);

    transition: opacity linear 1s;
    overflow-y: auto;
    padding-bottom: 0;
    /*height: 500px;*/

}

    .comments-result-box .submit-comment {
        width: 100%;
        margin-bottom: 20px;
        padding-top: 4px;
        background: transparent;
        color: var(--primaryBorder);
        box-shadow: none;
        border: 1px var(--primaryBorder) solid;
    }

        .comments-result-box .submit-comment:hover {
            background: #fff;
            color: var(--primaryBorder);
        }

    .comments-result-box .rate-result-legend {
        display: flex;
        flex-direction: row;
        direction: rtl;
        font-family: digit, 'iran-sans';
        align-items: baseline;
    }

    .comments-result-box .rate-result-legend .total {
        margin-right:10px;
    }

        .comments-result-box .rate-result-legend .rate {
            font-size: 30pt;
            font-weight: bold;
            text-shadow: 0px 0px 1px #000000;
        }

    .comments-result-box .rate-result-legend-shadow {
        display: flex;
        flex-direction: row-reverse;
    }

    .comments-result-box .rate-result-legend-shadow .total{
        font-size:10pt;
        color: gray;
    }

/*    .comments-result-box > div {
        flex: auto;
        width: 100%;
    }*/

    .comments-result-box ul {
        direction: rtl;
        margin-top:25px;
    }
    .comments-result-box ul li {
        margin-bottom:17px;
    }

        .comments-result-box ul li:last-child {
            margin-bottom: 0px;
        }

        .comments-result-box ul li .rating {
            background: #f0f0f1;
            width: 100%;
            height: 7px;
            border-radius: 10px;
        }

        .comments-result-box ul li .rating-value {            
            background: var(--primaryDarkColor);
            height: 7px;
            border-radius: 10px 10px 10px 10px;
        }

        .comments-result-box ul li .rating-wrapper {
            margin-top: 10px;
            display: flex;
            flex-direction: row;
        }

        .comments-result-box ul li .calculated_result {
            margin-right: 21px;
            font-family: 'digit';
            margin-top: -9px;
            font-size: 10pt;
            color: gray;
        }

        .comments-result-box ul li .rating-title {
            white-space: nowrap;
            color: gray;
            font-size: 9pt;
        }

        .user_comments_wrapper .aside.fix-comment-box-to-end {
            display: flex !important;
            flex-direction: column-reverse !important;
        }

    .user_comments_wrapper .aside.fix-comment-box-to-end .scroll-to-fixed-fixed {
        /*position: relative !important;*/
        left: 36px !important;
        top: unset !important;
    }


.user_comments_wrapper .scroll-to-fixed-fixed-end {
    position: relative !important;
}

.user_comments_wrapper .scroll-to-fixed-fixed {
    margin-top: auto !important;
    left: auto !important;
}

.comments-result-box.sticky-unfixed {
    opacity: 1 !important;
}

    .comments-result-box.sticky-unfixed[position:'ab'] {
        opacity: 1 !important;
    }

    .comments-result-box.sticky-fixed {
        opacity: 1 !important;
    }

.rating.label-left .label-value + .star-container {
    zoom: 0.8;
}
.rating.label-visible {
    display: flex;
    direction: ltr;
    flex-direction: row-reverse;
}

.liked-by-user {
    color: var(--primaryDarkColor);;
}

.no-comments-yet {
    height: auto !important;
}

.total-no-comments-yet {
    font-size: 9pt;
    color: gray;
}

.no-comments-yet-content {
}

.no-comments-yet-content .title{
    margin-bottom: 20px;
    color: #333;
    font-weight: bold;
}

    .no-comments-yet-content .description {
        color: gray;
    }

.no-comments-yet-content-center {
    display: flex;
    flex-direction: column;
    /*align-content: center;*/
    align-items: start;
    justify-content: center;
}

.product-rate-top {
    color: gray;
    font-family: 'digit';
    font-size: 10pt;
    margin-top: -4px;
    margin-right: 3px;
}

    .product-rate-top .total-rate {
        margin-left: 6px;
    }

    .product-rate-top .total-users-count {
        color: #afafaf;
        letter-spacing: 1px;
    }


.product-recommend-top {
    color: gray;
    font-size: 9pt;
    margin-top: 9px;
    margin-bottom: 11px;
}

    .product-recommend-top i {
        color: #2abf2a;
        margin-left: 6px;
        margin-right: 0px;
    }

.product-recommend-top .total-user-count{
    font-weight: bold;
}


.product-breadcrumb {
    padding: 15px 37px;
    font-size: 9pt;
}

.product-breadcrumb li a{
    color: var(--text-1)
}

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

    .product-breadcrumb li i {
        padding: 0 2px 0 5px;
    }

    .product-breadcrumb li i:before {
        content: '/';
    }

    /* this wa for handing sticy with css but didn't work in my layout start */
    /*body {
	color: #fff;
	font-family: arial;
	font-weight: bold;
	font-size: 40px;
}

.main-container {
	max-width: 600px;
	margin: 0 auto;
	border: solid 10px green;
	padding: 10px;
	margin-top: 40px;
}

	.main-container * {
		padding: 10px;
		background: #aaa;
		border: dashed 5px #000;
	}

		.main-container * + * {
			margin-top: 20px;
		}

.main-header {
	height: 50px;
	background: #aaa;
	border-color: red;
}

.main-content {
	min-height: 1000px;
}

.main-header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}*/
    /* end */


/* yalda discount themes for product detail */
.old-price .discount-percentage.yalda-discount-icon {
    background-color: transparent;
    padding: 6px;
    font-size: 11pt;
}

    .old-price .discount-percentage.yalda-discount-icon img {
        z-index: 0;
        top: -7px;
        left: -1px;
        width: 54px;
    }

.yalda-discount-icon .discount-percent-sign {
    margin-right: 0;
}

.old-price .discount-percentage.yalda-discount-icon span.percentage-wrapper {
    z-index: 2;
    position: relative;
    margin: 0;
    width: 29px;
    display: inline-block;
    text-align: center;
}

.stk-product-info-aside .old-price .discount-percentage.yalda-discount-icon img {
}

.stk-product-info-aside .old-price .discount-percentage.yalda-discount-icon span.percentage-wrapper {
    width: 29px;
    display: inline-block;
    text-align: center;
    margin-left: 8px;
    top: 3px;
}


/* 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 !important;
        direction: rtl !important;
        text-align: right !important;
        margin-top: 2% !important;
    }

    #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 */