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

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

[Table of Contents]

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


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

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

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

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

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

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

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body {
    font-family: iran-sans, 'Yekan Bakh', sans-serif;
    font-size: 14px;
    font-weight: 100;
    background: #FFFFFF;
    color: #000000;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 400;
	color: #828282;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after
{
	opacity: 0.2;
}
/*::selection
{
	
}*/
p::selection
{
	
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	/*font-family: 'Rubik', sans-serif;*/
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.nopadding
{
	padding: 0px !important;
}
.button
{
	display: inline-block;
	background: #0e8ce4;
	border-radius: 5px;
	height: 48px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.button a
{
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 48px;
	color: #FFFFFF;
	padding-left: 35px;
	padding-right: 35px;
}
.button:hover
{
	opacity: 0.8;
}
.parallax-window
{
    min-height: 400px;
    background: transparent;
}
.rating_r i::before
{
	font-family: 'FontAwesome';
	content: "\f006";
	font-style: normal;
	font-size: 19px;
	margin-right: 4px;
	color: #f5e211;
}
.rating_r_1 i:first-child::before{content: "\f005";}
.rating_r_2 i:first-child::before{content: "\f005";}
.rating_r_2 i:nth-child(2)::before{content: "\f005";}
.rating_r_3 i:first-child::before{content: "\f005";}
.rating_r_3 i:nth-child(2)::before{content: "\f005";}
.rating_r_3 i:nth-child(3)::before{content: "\f005";}
.rating_r_4 i:first-child::before{content: "\f005";}
.rating_r_4 i:nth-child(2)::before{content: "\f005";}
.rating_r_4 i:nth-child(3)::before{content: "\f005";}
.rating_r_4 i:nth-child(4)::before{content: "\f005";}
.rating_r_5 i:first-child::before{content: "\f005";}
.rating_r_5 i:nth-child(2)::before{content: "\f005";}
.rating_r_5 i:nth-child(3)::before{content: "\f005";}
.rating_r_5 i:nth-child(4)::before{content: "\f005";}
.rating_r_5 i:nth-child(5)::before{content: "\f005";}

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

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

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

.top_bar
{
	width: 100%;
	height: 56px;
	background: #fafafa;
	border-bottom: solid 1px rgba(0,0,0,0.05);
	z-index: 2;
}
.header.scrolled .top_bar
{
	display: none;
}
.top_bar_contact
{
	display: inline-block;
}
.top_bar_contact_item
{
	font-size: 16px;
	font-weight: 300;
	line-height: 56px;
	margin-right: 40px;
}
.top_bar_contact_item:not(:first-child)
{
	margin-right: 0px;
}
.top_bar_contact_item a
{
	font-size: 16px;
	font-weight: 300;
	line-height: 56px;
	color: #000;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.top_bar_contact_item a:hover
{
	color: #8a8a8a;
}
.top_bar_contact_item:last-child
{
	margin-right: 0px;
}
.top_bar_icon
{
	display: inline-block;
	margin-right: 14px;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
}
.top_bar_menu
{
	display: inline-block;
}

.top_bar_dropdown li
{
	padding-left: 13px;
	padding-right: 13px;
}
.standard_dropdown li
{
	display: inline-block;
	position: relative;
	/*height: 56px;*/
}
.standard_dropdown li li
{
	display: block;
	width: 100%;
}
.standard_dropdown li li a
{
	display: block;
	width: 100%;
	border-bottom: solid 1px #f2f2f2;
	font-size: 16px;
}
.standard_dropdown li:last-child a
{
	border-bottom: none;
}
.standard_dropdown li.hassubs > a i
{
	display: inline-block;
	margin-left: 5px;
}
.standard_dropdown li a
{
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	line-height: 56px;
	white-space: nowrap;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.standard_dropdown li a:hover
{
	color: #0e8ce4;
}
.standard_dropdown li a i
{
	display: none;
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
	transform: translateY(-1px);
	font-size: 12px;
}
.standard_dropdown li ul
{
	display: block;
	position: absolute;
	top: 120%;
	left: 0;
	width: auto;
	visibility: hidden;
	opacity: 0;
	background: #FFFFFF;
	box-shadow: 0px 10px 25px rgba(0,0,0,0.1);
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1;
}
.standard_dropdown li:hover > ul
{
	top: 100%;
	visibility: visible;
	opacity: 1;
}
.standard_dropdown ul ul
{
	left: 100%;
	top: 0 !important;
}
.top_bar_user
{
	display: inline-block;
	margin-left: 35px;
}
.user_icon
{
	display: inline-block;
	margin-right: 7px;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
	width: 15px;
}
.user_icon img
{
	width: 100%;
}
.top_bar_user div
{
	display: inline-block;
}
.top_bar_user div:nth-child(2)
{
	margin-right: 21px;
}
.top_bar_user div:nth-child(2)::after
{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -13px;
	width: 1px;
	height: 17px;
	background: rgba(0,0,0,0.1);
	content: '';
}
.top_bar_user a
{
	font-size: 16px;
	font-weight: 300;
	line-height: 56px;
	color: #000;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.top_bar_user a:hover
{
	color: #8a8a8a;
}

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

.header_main {
	z-index: 1;
	/*border-top: 10px 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%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.menu_trigger {
    height: 100%;
}

.menu_burger_inner {
    display: inline-block;
}

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

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

.page_menu
{
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.page_menu_content
{
	height: 0px;
	background: #0e8ce4;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
}
.page_menu_search
{
	display: none;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}
.page_menu_search_input
{
	width: 100%;
	height: 40px;
	background: #FFFFFF;
	border: none;
	outline: none;
	padding-left: 25px;
}
.page_menu_nav
{
	padding-top: 15px;
}
.page_menu_item
{
	display: block;
	position: relative;
	border-bottom: solid 1px rgba(255,255,255,0.1);
	vertical-align: middle;
}
.page_menu_item > a
{
	display: block;
	color: #FFFFFF;
	font-weight: 500;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.page_menu_item > a:hover
{
	color: #b5aec4;
}
.page_menu_item a i
{
	display: none;
	margin-left: 8px;
}
.page_menu_item.has-children > a > i
{
	display: inline-block;
}
.page_menu_selection
{
	margin: 0;
	width: 100%;
	height: 0px;
	overflow: hidden;
	z-index: 1;
}
.page_menu_selection li
{
	padding-left: 10px;
	padding-right: 10px;
	line-height: 50px;
}
.page_menu_selection li a
{
	display: block;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.1);
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: all 0.3s ease;
}
.page_menu_selection li a:hover
{
	color: #b5aec4;
}
.page_menu_selection li:last-child a
{
	border-bottom: none;
}
.menu_contact_item
{
	display: inline-block;
	font-size: 12px;
	font-weight: 300;
	line-height: 56px;
	margin-right: 40px;
	color: #FFFFFF;
}
.menu_contact_item:not(:first-child)
{
	margin-right: 0px;
}
.menu_contact_item a
{
	font-size: 12px;
	font-weight: 300;
	line-height: 56px;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_contact_item a:hover
{
	color: #8a8a8a;
}
.menu_contact_item:last-child
{
	margin-right: 0px;
}
.menu_contact_icon
{
	display: inline-block;
	margin-right: 14px;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
}

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

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

.home .h5 {
    margin: 0;
}

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

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

.shop {
	background: whitesmoke;
	/*padding-top: 20px;*/
	/*padding-bottom: 139px;*/
}
.shop_content {
	width: 100%;
	/*z-index: 0;*/
	/*overflow-x: hidden;*/
	margin-bottom: 50px;
}
.shop_bar
{
	border-bottom: solid 1px #dadada;
	padding-bottom: 13px;
	z-index: 1;
}
.shop_product_count
{
	font-size: 14px;
	font-weight: 500;
	float: left;
}
	.shop_product_count span {
		/*color: #0e8ce4;*/
		color: var(--primaryHighlightColor);
		font-size: 13pt;
		font-family: digit;
	}
.shop_sorting
{
	float: right;
}
.shop_sorting span
{
	display: inline-block;
	font-weight: 500;
}
.shop_sorting > ul
{
	display: inline-block;
	position: relative;
	margin-right: 6px;
    text-align: right;
}
.shop_sorting ul li
{
	color: rgba(0,0,0,0.5);
	cursor: pointer;
}
.shop_sorting ul li:hover
{
	color: rgba(0,0,0,0.8);
}
.shop_sorting ul li i
{
	display: inline-block;
	font-size: 10px;
	color: rgba(0,0,0,0.5);
	margin-right: 4px;
	vertical-align: middle;
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
	transform: translateY(-1px);
}
.shop_sorting ul li ul
{
	display: block;
	position: absolute;
	top: calc(100% + 15px);
	right: 0;
	text-align: right;
	background: #FFFFFF;
	width: auto;
	padding-top: 15px;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0px 10px 25px rgba(0,0,0,0.1);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.shop_sorting ul li:hover ul
{
	top: 100%;
	visibility: visible;
	opacity: 1;
}
.shop_sorting ul li ul li
{
	white-space: nowrap;
	padding-right: 13px;
	padding-left: 20px;
	margin-bottom: 5px;
	border-bottom: solid 1px #f2f2f2;
	padding-top: 5px;
	padding-bottom: 9px;
}

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


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

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

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

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

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


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


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

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

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

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

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


/*********************************
5.1 Shop Products
*********************************/
.product_grid {
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
	transform: translateX(20px);
	width: calc(100% + 40px);
}
.product_grid_border
{
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 3px;
	height: 100%;
	background: #FFFFFF;
	z-index: 1;
	display: none;
}
.product_item
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 20%;
	background: #FFFFFF;
	cursor: pointer;
	padding-top: 40px;
	padding-bottom: 24px;
	text-align: center;
}
.product_border {
    display: block;
    position: absolute;
    /*top: 52px;
	right: 1px;*/
    top: 28px;
    left: 1px;
    width: 1px;
    height: calc(100% - 70px);
    background: #e5e5e5;
    z-index: 1;
}
.product_image
{
	width: 100%;
	height: 115px;
	margin-bottom: 20px;
}
	.product_image img {
		display: block;
		position: relative;
		margin-top: 15px;
		/*height: 270px;
		width: 100%;
		max-width: 100%;*/
		object-fit: cover;
		border-radius: 10px;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
.product_content {
	width: 100%;
	/*height: 165px;*/
	text-align: right;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.product_price {
	font-size: 17px;
	font-weight: 500;
	/*margin-top: 25px;*/
	margin-top: 0;
	color: var(--primaryDarkColor);
	font-weight: bold;
	font-family: digit,iran-sans;
	text-align: left;
	padding-left: 20px;
}

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

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

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

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

.product_price span::after
{
	display: block;
	position: absolute;
	top: 6px;
	left: -2px;
	width: calc(100% + 4px);
	height: 1px;
	background: #8d8d8d;
	content: '';
}
.product_name {
    margin-top: 4px;
    overflow: hidden;
    padding: 9px;
}
.product_name div
{
	width: 100%;
	
}
	.product_name div a {
		font-size: 9.6pt;
		font-weight: 400;
		color: #000000;
		white-space: normal;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
		line-height: 18pt;
	}
.product_name div a:hover
{
	color: #0e8ce4;
}
.product_fav
{
	position: absolute;
	top: 33px;
	right: 12px;
	width: 36px;
	height: 36px;
	background: #FFFFFF;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
	border-radius: 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.product_fav:hover
{
	box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
}
.product_fav i
{
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #cccccc;
	line-height: 36px;
	pointer-events: none;
	z-index: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.product_fav.active i
{
	color: red;
}
.product_item:hover .product_fav
{
	visibility: visible;
	opacity: 1;
}
.product_marks
{
	display: block;
	position: absolute;
	top: 33px;
	left: 24px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.product_mark
{
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	color: #FFFFFF;
	text-align: center;
	line-height: 36px;
	font-size: 12px;
}
.product_new
{
	display: none;
	background: #0e8ce4;
	visibility: hidden;
	opacity: 0;
}
.product_discount
{
	display: none;
	background: #df3b3b;
	visibility: hidden;
	opacity: 0;
}
.product_item.is_new .product_new,
.product_item.discount .product_discount
{
	display: inline-block;
	visibility: visible;
	opacity: 1;	
}

/*********************************
5.2 Shop Page Navigation
*********************************/
	.shop_page_nav
{
	width: 100%;
	height: 50px;
	margin-top: 80px;
}
.page_prev, 
.page_next
{
	width: 50px;
	height: 100%;
	border: solid 1px #e5e5e5;
	border-radius: 5px;
	cursor: pointer;
}
.page_prev i, 
.page_next i
{
	font-size: 12px;
	color: #e5e5e5;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.page_prev:hover i, 
.page_next:hover i
{
	color: #636363;
}
.page_nav
{
	border: solid 1px #e5e5e5;
	border-radius: 5px;
	margin-left: 15px;
	margin-right: 15px;
}
.page_nav li
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-left: solid 1px #e5e5e5;
	cursor: pointer;
}

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

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

.page_nav li a
{
	font-weight: 500;
	color: rgba(0,0,0,0.7);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
	.page_nav li:hover a {
		color: var(--primaryDarkColor);;
	}
.page_nav li:last-child
{
	border-left: none;
}

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

.shop_sidebar {
    width: 100%;
   /* -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);*/
}
.sidebar_title
{
	font-size: 18px;
	font-weight: 500;
    text-align: right;
}
.sidebar_categories
{
	margin-top: 15px;
}
.sidebar_categories li
{
	margin-bottom: 7px;
    text-align: right;
}
.sidebar_categories li a
{
	color: rgba(0,0,0,0.5);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_categories li a:hover
{
	color: #0e8ce4;
}
.filter_by_section
{
	margin-top: 45px;
}
.filter_price
{
	margin-top: 28px;
}
.slider_range
{
	max-width: 195px;
}
.filter_price p
{
	display: inline-block;
	font-size: 12px;
	font-weight: 500 !important;
	color: rgba(0,0,0,0.5);
	margin-bottom: 0px;
}
.sidebar_subtitle
{
	font-size: 14px;
	font-weight: 500;
	margin-top: 25px;
    text-align: right;
}
.filter_price p input
{
	font-size: 12px;
	font-weight: 500 !important;
	color: rgba(0,0,0,0.5)
}
.amount
{
	margin-top: 18px;
}
.color_subtitle
{
	margin-top: 27px;
}
.colors_list {
    margin-top: 14px;
    text-align: right;
}
.color
{
	display: inline-block;
	margin-right: 6px;
}
.color a
{
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.brands_subtitle
{
	margin-top: 27px;
}
.brands_list
{
	margin-top: 12px;
    text-align: right;
}
.brand
{
	margin-bottom: 7px;
}
.brand a
{
	color: rgba(0,0,0,0.5);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.brand a:hover
{
	color: #0e8ce4;
}

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

.viewed
{
	padding-top: 51px;
	padding-bottom: 60px;
	background: #eff6fa;
}
.viewed_title_container
{
	border-bottom: solid 1px #dadada;
}
.viewed_title
{
	margin-bottom: 14px;
}
.viewed_nav_container
{
	position: absolute;
	right: -5px;
	bottom: 14px;
}
.viewed_nav
{
	display: inline-block;
	cursor: pointer;
}
.viewed_nav i
{
	color: #dadada;
	font-size: 18px;
	padding: 5px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.viewed_nav:hover i
{
	color: #606264;
}
.viewed_prev
{
	margin-right: 15px;
}
.viewed_slider_container
{
	padding-top: 50px;
}
.viewed_item
{
	width: 100%;
	background: #FFFFFF;
	border-radius: 8px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 15px;
	padding-right: 15px;
}
.viewed_image
{
	width: 115px;
	height: 115px;
}
.viewed_image img
{
	display: block;
	max-width: 100%;
}
.viewed_content
{
	width: 100%;
	margin-top: 25px;
}
.viewed_price
{
	font-size: 16px;
	color: #000000;
	font-weight: 500;
}
.viewed_item.discount .viewed_price
{
	color: #df3b3b;
}
.viewed_price span
{
	position: relative;
	font-size: 12px;
	font-weight: 400;
	color: rgba(0,0,0,0.6);
	margin-left: 8px;
}
.viewed_price span::after
{
	display: block;
	position: absolute;
	top: 6px;
	left: -2px;
	width: calc(100% + 4px);
	height: 1px;
	background: #8d8d8d;
	content: '';
}
.viewed_name
{
	margin-top: 3px;
}
.viewed_name a
{
	font-size: 14px;
	color: #000000;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.viewed_name a:hover
{
	color: #0e8ce4;
}
.item_marks
{
	position: absolute;
	top: 18px;
	left: 18px;
}
.item_mark
{
	display: none;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 500;
	line-height: 36px;
	text-align: center;
}
.item_discount
{
	background: #df3b3b;
	margin-right: 5px;
}
.item_new
{
	background: #0e8ce4;
}
.viewed_item.discount .item_discount
{
	display: inline-block;
}
.viewed_item.is_new .item_new
{
	display: inline-block;
}

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

.brands
{
	width: 100%;
	padding-top: 90px;
	padding-bottom: 90px;
}
.brands_slider_container
{
	height: 130px;
	border: solid 1px #e8e8e8;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
	padding-left: 97px;
	padding-right: 97px;
}
.brands_slider
{
	height: 100%;
}
.brands_item
{
	height: 100%;
}
.brands_item img
{
	max-width: 100%;
}
.brands_nav
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 5px;
	cursor: pointer;
}
.brands_nav i
{
	color: #e5e5e5;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.brands_nav:hover i
{
	color: #676767;
}
.brands_prev
{
	left: 40px;
}
.brands_next
{
	right: 40px;
}

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

.newsletter
{
	width: 100%;
	background: #fafafa;
	padding-top: 60px;
	padding-bottom: 60px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
}
.newsletter_container
{
	width: 100%;
}
.newsletter_title_container
{
	width: 40%;
	padding-left: 95px;
}
.newsletter_icon
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
}
.newsletter_title
{
	font-size: 18px;
	color: #000000;
}
.newsletter_text p:last-child
{
	margin-bottom: 0;
}
.newsletter_icon img
{
	max-width: 100%;
}
.newsletter_content
{
	width: 60%;
}
.newsletter_form
{
	position: relative;
	width: 569px;
	float: left;
}
.newsletter_input
{
	width: 100%;
	height: 50px;
	background: #FFFFFF;
	border: solid 1px #e5e5e5;
	border-radius: 5px;
	padding-left: 25px;
	font-size: 16px;
	outline: none;
	color: #0e8ce4;
}
.newsletter_input:focus
{
	border: solid 1px rgba(14, 140, 228, 0.3);
	box-shadow: 0px 1px 5px rgba(14, 140, 228, 0.3);
}
.newsletter_input::-webkit-input-placeholder
{
	font-size: 16px;
	color: rgba(0,0,0,0.3);
}
.newsletter_input:-moz-placeholder
{
	font-size: 16px;
	color: rgba(0,0,0,0.3);
}
.newsletter_input::-moz-placeholder
{
	font-size: 16px;
	color: rgba(0,0,0,0.3);
} 
.newsletter_input:-ms-input-placeholder
{ 
	font-size: 16px;
	color: rgba(0,0,0,0.3);
}
.newsletter_input::input-placeholder
{
	font-size: 16px;
	color: rgba(0,0,0,0.3);
}
.newsletter_button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 153px;
	height: 50px;
	background: #0e8ce4;
	color: #FFFFFF;
	line-height: 50px;
	font-size: 18px;
	border: none;
	outline: none;
	border-top-left-radius: 30%;
	border-bottom-left-radius: 30%;
	cursor: pointer;
}
.newsletter_button:hover
{
	opacity: 0.8;
}
.newsletter_unsubscribe_link
{
	float: right;
	text-align: right;
	height: 50px;
}
.newsletter_unsubscribe_link a
{
	font-size: 10px;
	color: #0e8ce4;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 50px;
}
.newsletter_unsubscribe_link a:hover
{
	color: #0d82d3;
}

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

.footer
{
	padding-top: 52px;
	padding-bottom: 40px;
}
.footer .logo_container
{
	height: auto;
	margin-bottom: 18px;
	margin-top: -10px;
}
.footer .logo
{
	top: auto;
	-webkit-transform: transform: none;
    -moz-transform: transform: none;
    -ms-transform: transform: none;
    -o-transform: transform: none;
    transform: none;
}
.footer .logo a
{
	color: #000000;
}
.footer_title
{
	font-size: 18px;
	font-weight: 500;
	color: #000000;
}
.footer_phone
{
	font-size: 18px;
	font-weight: 500;
	color: #0e8ce4;
	margin-top: 13px;
}
.footer_contact_text
{
	margin-top: 10px;
}
.footer_contact_text p
{
	margin-bottom: 0px;
}

.footer_subtitle
{
	font-size: 12px;
	color: #000000;
}
.footer_column ul:first-of-type
{
	margin-top: 21px;
}
.footer_column ul
{
	margin-top: 7px;
}
.footer_list li
{
	margin-bottom: 6px;
}
.footer_list li a
{
	font-size: 17px;
	font-weight: 500;
	color: rgba(0,0,0,0.4);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_list li a:hover
{
	color: #0e8ce4;
}
.footer_list_2
{
	margin-top: 42px !important; 
}

.copyright
{
	width: 100%;
	background: #fafafa;
}
.copyright_container
{
	width: 100%;
	height: 56px;
}
.copyright_content
{
	font-size: 12px;
	color: rgba(0,0,0,0.6);
}
.copyright_content span
{
	font-weight: 500;
}
.logos
{
	
}
.logos_list li
{
	display: inline-block;
	margin-right: 16px;
}
.logos_list li:last-child
{
	margin-right: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* end pure css accordion */


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    25% {
        stroke: #DE3E35;
    }

    50% {
        stroke: #F7C223;
    }

    75% {
        stroke: #1B9A59;
    }

    100% {
        stroke: #4285F4;
    }
}

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

    25% {
        stroke: #DE3E35;
    }

    50% {
        stroke: #F7C223;
    }

    75% {
        stroke: #1B9A59;
    }

    100% {
        stroke: #4285F4;
    }
}

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

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

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

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

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

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

/* end loader */


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

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

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

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

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


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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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


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


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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

/* end product colors in product list */


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


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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* end set new animation for bootstrap modal */

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

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