﻿/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* color 1: 04b4d4 */
/* color 2: 71e9ff */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.top-bar
{
	width:100%;
	height:46px;
	background-color:#000000;
	z-index:8001;
	position:fixed;
	top:0px;
	right:0px;
	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
}
.top-bar > div
{
    width:100%;
    height:46px;
    margin:0px auto;
    padding:0px 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.top-bar > div > h1
{
	line-height:46px;
	margin:0px;
	padding:0px 38px 0px 0px;
	background:url("../Images/logo-x-small.png") no-repeat right center;
	font-family:IranSans;
	font-weight:normal;
	font-size:18px;
	color:#ffffff;
	white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    float:left;
}
.top-bar > div > h1 > a
{
    color:#ffffff;
    text-decoration:none;
}
.top-bar > div > h1 > a:hover
{
    color:#04b4d4;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.top-bar > div > ul
{
    margin:0px;
    padding:0px;
    list-style:none;
    float:right;
}
.top-bar > div > ul > li
{
    padding-top:9px;
    margin-left:5px;
    float:left;
}
.top-bar > div > ul > li > a
{
    width:64px;
    height:28px;
    line-height:28px;
    font-family:IranSans;
    font-size:12px;
    color:#ffffff;
    text-align:center;
    display:block;
    text-decoration:none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-transition:background-color 0.5s ease;
	-moz-transition:background-color 0.5s ease;
	-o-transition:background-color 0.5s ease;
	transition:background-color 0.5s ease;
}
.top-bar > div > ul > li > #signup
{
    background-color:#1976d2;
}
.top-bar > div > ul > li > #signup:hover
{
    background-color:#2196f3;
}
.top-bar > div > ul > li > #signin
{
    background-color:#388e3c;
}
.top-bar > div > ul > li > #signin:hover
{
    background-color:#4caf50;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.top-bar > div > div
{
    padding-top:7px;
    float:right;
}
.top-bar > div > div > a:last-child
{
    margin-right:10px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.title-bar
{
	width:100%;
	height:46px;
	line-height:46px;
	margin:10px auto;
	padding:0px 10px 0px 0px;
	text-align:right;
	/*
	background-color:#04b4d4;
	background-image:-webkit-linear-gradient(#71e9ff, #04b4d4);
    background-image:-moz-linear-gradient(#71e9ff, #04b4d4);
    background-image:-ms-linear-gradient(#71e9ff, #04b4d4);
    background-image:-o-linear-gradient(#71e9ff, #04b4d4);
    background-image:linear-gradient(#71e9ff, #04b4d4);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
    */
}
.title-bar h3
{
	margin:0px;
	padding:0px 10px;
	border-bottom:solid 2px #04b4d4;
	font-family:IranSans;
	font-weight:normal;
	font-size:20px;
	color:#04b4d4;
	display:inline;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.dashboard > ul
{
    margin:0px;
    padding:0px;
    list-style:none;
}
.dashboard > ul > li
{
    width:12.571%;
    margin-left:2%;
    margin-bottom:2%;
    float:right;
}
.dashboard > ul > li:nth-child(7n)
{
    margin-left:0px;
}
.dashboard > ul > li > a > img
{
    width:100%;
    height:auto;
    border:0px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    /*
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transition:filter 0.5s ease;
	-moz-transition:filter 0.5s ease;
	-o-transition:filter 0.5s ease;
	transition:filter 0.5s ease;
    */
    /*
    -webkit-transition:margin 0.5s ease, -webkit-box-shadow 0.5s ease;
	-moz-transition:margin 0.5s ease, -moz-box-shadow 0.5s ease;
	-o-transition:margin 0.5s ease, -o-box-shadow 0.5s ease;
	transition:margin 0.5s ease, box-shadow 0.5s ease;
    */
    -webkit-transition:-webkit-box-shadow 0.5s ease;
	-moz-transition:-moz-box-shadow 0.5s ease;
	-o-transition:-o-box-shadow 0.5s ease;
	transition:box-shadow 0.5s ease;
}
.dashboard > ul > li > a > img:hover
{
    /*
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
    */
    /*
    margin-top:-10px;
    */
    -webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.5);
    box-shadow:0px 5px 5px 0px rgba(0,0,0,0.5);
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main
{
	width:100%;
	min-height:350px;
	margin:10px auto;
	padding:0px 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.main:empty
{
    display:none;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.panel-background
{
	background-repeat:no-repeat;
    background-position:center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -ms-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main-panel
{
    padding:10px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.title-bar-panel > h3
{
    margin:0px;
    padding:0px;
    font-family:IranSans;
    font-weight:bold;
    font-size:24px;
    color:#73879c;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.down-bar
{
	width:100%;
	height:46px;
	background-color:#000000;
	z-index:8001;
	position:fixed;
	right:0px;
	bottom:0px;
	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
}
.down-bar > div
{
    width:100%;
    height:46px;
    margin:0px auto;
    padding:0px 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.down-bar > div > div
{
    line-height:46px;
    padding-right:7px;
	font-family:IranSans;
	font-size:13px;
	color:#ffffff;
	float:right;
}
.down-bar > div > div > a
{
    color:#ffffff;
    text-decoration:none;
}
.down-bar > div > div > a:hover
{
    color:#04b4d4;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.down-bar > div > ul
{
    margin:0px;
    padding:7px 0px 0px 7px;
    list-style:none;
}
.down-bar > div > ul > li
{
    margin-right:10px;
    float:left;
}
.down-bar > div > ul > li > a > img
{
    width:32px;
    height:32px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.form-side-bar
{
    width:250px;
    height:100%;
    padding:56px 20px;
    background-color:#ffffff;
    position:fixed;
    top:0px;
    right:0px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.form-panel
{
    width:640px;
    margin:10px;
    padding:10px;
    border:solid 1px #cdcdcd;
    background-color:#ffffff;
    float:right;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.form-panel:empty
{
    display:none;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.ticket
{
    width:100%;
    height:auto;
    margin-bottom:10px;
    padding:10px;
    border:solid 1px #eeeeee;
    background-color:#f0f0f0;
    font-family:IranSans;
    font-size:14px;
    color:#000000;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.ticket > div:first-child
{
    width:100%;
    height:40px;
    line-height:40px;
    background-color:#cdcdcd;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.ticket > div:last-child
{
    width:100%;
    padding:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.ticket > div:last-child p
{
    margin:0px;
    padding:0px;
    text-align:justify;
}
.ticket > div > div:first-child
{
    padding-right:10px;
    float:right;
}
.ticket > div > div:last-child
{
    direction:ltr;
    padding-left:10px;
    float:left;
}
.ticket-button
{
    margin-left:5px;
    padding:2px 9px;
    border:solid 1px #04b4d4;
    display:inline-block;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.ticket-button-bold
{
    font-weight:bold !important;
}
.ticket-button-bold .ticket-button
{
    background-color:#04b4d4 !important;
    color:#ffffff !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.form-text-right
{
	width:35%;
	float:right;
}
.form-text-left
{
	width:48%;
	float:left;
}
.form-text-left-with-border
{
	width:48%;
	padding:10px;
	margin-top:10px;
	border:solid 1px #cdcdcd;
	background-color:#ffffff;
	float:left;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.form-text-left-signup
{
	height:579px;
}
.form-text-left-signin
{
	height:351px;
}
.form-text-left-change-information
{
	height:275px;
}
.form-text-left-change-password
{
	height:199px;
}
.form-text-left-forget-password
{
	height:275px;
}
.form-contact-us
{
	height:778px;
}
.form-contact-us-text
{
    height:48%;
	height:calc(50% - 10px);
}
.form-contact-us-map
{
    height:48%;
	height:calc(50% - 10px);
	margin-top:10px;
	overflow:hidden;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.result
{
	padding-top:10px;
	font-family:IranSans;
	font-size:14px;
	color:#000000;
	text-align:center;
}
.result p
{
    padding-top:10px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.payment-type-box
{
	width:100%;
	height:96px;
	margin:10px auto;
	border:solid 1px #cdcdcd;
	background:#ffffff no-repeat 14px center;
	background-size:64px 64px;
	cursor:pointer;
	position:relative;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    -webkit-transition:border 0.5s ease;
    -moz-transition:border 0.5s ease;
    -o-transition:border 0.5s ease;
    transition:border 0.5s ease;
}
.payment-type-box:hover
{
	border:solid 1px #5cad5f;
}
.payment-type-box input[type=radio]
{
	position:absolute;
	top:37px;
	right:39px;
}
.payment-type-box div
{
	font-family:IranSans;
	font-size:14px;
	color:#000000;
	position:absolute;
	top:34px;
	right:65px;
}
.payment-type-bank-mellat
{
	background-image:url("../Images/icon-payments-bank-mellat.png");
}
.payment-type-zarin-pal
{
	background-image:url("../Images/icon-payments-zarin-pal.png");
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.payment-continue-button a
{
    width:100%;
    margin-top:10px;
	padding:5px;
	border:solid 2px #388e3c;
	background-color:#388e3c;
    font-family:IranSans;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	display:block;
	cursor:pointer;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:color 0.5s, background-color 0.5s;
	-moz-transition:color 0.5s, background-color 0.5s;
	-o-transition:color 0.5s, background-color 0.5s;
	transition:color 0.5s, background-color 0.5s;
}
.payment-continue-button a:hover
{
	color:#388e3c;
	background-color:#ffffff;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.payment-error
{
    width:100%;
	padding:20px;
	background-color:#ef3f3e;
    font-family:IranSans;
	font-size:13px;
	color:#ffffff;
	text-align:center;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.more-button
{
    margin:20px auto 30px auto;
    text-align:center;
}
.more-button a
{
	padding:5px 25px;
	border:solid 3px #04b4d4;
    background-color:#04b4d4;
	font-family:IranSans;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.more-button a:hover
{
    background-color:#ffffff;
    color:#04b4d4;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.products-categories
{
    margin:0px;
    padding:0px;
    list-style:none;
}
.products-categories > li
{
    width:23.5%;
    height:auto;
    min-height:1px;
    overflow:hidden;
    margin:0px 0px 2% 2%;
    padding:5px;
    border:solid 1px #cdcdcd;
    background-color:#f8f8f8;
    float:right;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.products-categories > li:nth-child(4n)
{
    margin-left:0px;
}
.products-categories > li > a > img
{
    width:100%;
    border:0px;
}
.products-categories > li > h4
{
    height:46px;
    line-height:46px;
    margin:0px;
    padding:0px;
    font-family:IranSans;
    font-weight:normal;
    font-size:14px;
    text-align:center;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.products-categories > li > h4 > a
{
    color:#000000;
    text-decoration:none;
}
.products-categories > li > h4 > a:hover
{
    color:#04b4d4;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.products-categories-sub
{
    width:100%;
    height:220px;
    padding:10px 5px;
    border-top:solid 1px #eeeeee;
    overflow:hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.products-categories-sub > div
{
    padding-right:25px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.products-categories-sub > div > div > ul
{
    margin:0px;
    padding:0px;
    list-style:none;
}
.products-categories-sub > div > div > ul > li
{
    margin-bottom:12px;
}
.products-categories-sub > div > div > ul > li > a
{
    font-family:IranSans;
    font-size:13px;
    color:#000000;
    text-decoration:none;
}
.products-categories-sub > div > div > ul > li > a:hover
{
    color:#ff21c6;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.products
{
    margin:0px;
    padding:0px;
    list-style:none;
}
.products > li
{
    width:23.5%;
    height:auto;
    min-height:1px;
    overflow:hidden;
    margin:0px 0px 2% 2%;
    border:solid 1px #cdcdcd;
    background-color:#f8f8f8;
    float:right;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.products > li:nth-child(4n)
{
    margin-left:0px;
}
.products > li > a > img
{
    width:100%;
    border:0px;
}
.products > li > h4
{
    height:42px;
    line-height:42px;
    margin:0px;
    padding:0px;
    font-family:IranSans;
    font-weight:normal;
    font-size:14px;
    text-align:center;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.products > li > h4 > a
{
    color:#000000;
    text-decoration:none;
}
.products > li > h4 > a:hover
{
    color:#04b4d4;
}
.products > li > div
{
    height:32px;
    line-height:32px;
    margin:0px;
    padding:0px;
    font-family:IranSansFa;
    font-weight:bold;
    font-size:13px;
    color:#108c15;
    text-align:center;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.products > li > div > span
{
    color:#ef3f3e;
}
.products > li > p
{
    width:0px;
    height:0px;
    margin:0px;
    padding:0px;
    font-weight:normal;
    border-bottom:64px solid transparent;
    border-left:64px solid #ef3f3e;
    position:absolute;
    top:0px;
    left:0px;
}
.products > li > p > span
{
    font-family:IranSansFa;
    color:#ffffff;
    position:absolute;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.products > li > p > span:first-child
{
    font-size:13px;
    top:3px;
    left:-60px;
}
.products > li > p > span:last-child
{
    font-size:9px;
    top:16px;
    left:-52px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.products-images
{
    width:384px;
    padding-left:20px;
    border-left:solid 1px #eeeeee;
    float:right;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.products-images > div > a > img
{
	width:100%;
	border:0px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.products-images > div > ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}
.products-images > div > ul > li
{
	width:31%;
	height:81px;
	margin:3.5% 0px 0px 3.5%;
	padding:0px;
	float:right;
	overflow:hidden;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.products-images > div > ul > li:nth-child(3n)
{
	margin-left:0px;
}
.products-images > div > ul > li > a > img
{
	width:100%;
	height:auto;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.products-info
{
    width:384px;
    width:calc(100% - 384px);
    height:400px;
    padding:20px 20px 0px 0px;
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.products-info-title
{
    margin:0px 0px 10px 0px;
    padding:0px;
    font-family:IranSans;
    font-weight:normal;
    font-size:18px;
    color:#494949;
}
.products-info-price
{
    margin:0px 0px 10px 0px;
    font-family:IranSansFa;
    font-size:14px;
    color:#494949;
}
.products-info-price strike
{
    color:#ef3f3e;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.products-add-to-shopping-cart select
{
    width:50px;
    font-family:IranSansFa;
}
.products-add-to-shopping-cart input
{
	width:180px;
	height:37px;
	margin-right:5px;
	padding:5px;
	border:0px;
	outline:0px;
	background:#34a853 url("../Images/icon-products-shopping-cart.png") no-repeat 5px 5px;
	font-family:IranSans;
	font-size:13px;
	color:#ffffff;
	text-align:right;
	cursor:pointer;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:color 0.5s, background-color 0.5s;
	-moz-transition:color 0.5s, background-color 0.5s;
	-o-transition:color 0.5s, background-color 0.5s;
	transition:color 0.5s, background-color 0.5s;
}
.products-add-to-shopping-cart input:hover
{
    background-color:#3bbb5d;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.products-unavailable input
{
    width:180px;
	height:37px;
	padding:5px;
	border:0px;
	outline:0px;
	background:#d62726 url("../Images/icon-products-unavailable.png") no-repeat 5px 5px;
	font-family:IranSans;
	font-size:13px;
	color:#ffffff;
	text-align:right;
	cursor:not-allowed;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:color 0.5s, background-color 0.5s;
	-moz-transition:color 0.5s, background-color 0.5s;
	-o-transition:color 0.5s, background-color 0.5s;
	transition:color 0.5s, background-color 0.5s;
}
.products-unavailable input:hover
{
    background-color:#ef3f3e;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.products-stop-production input
{
    width:180px;
	height:37px;
	padding:5px;
	border:0px;
	outline:0px;
	background:#7a7a7a url("../Images/icon-products-unavailable.png") no-repeat 5px 5px;
	font-family:IranSans;
	font-size:13px;
	color:#ffffff;
	text-align:right;
	cursor:not-allowed;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:color 0.5s, background-color 0.5s;
	-moz-transition:color 0.5s, background-color 0.5s;
	-o-transition:color 0.5s, background-color 0.5s;
	transition:color 0.5s, background-color 0.5s;
}
.products-stop-production input:hover
{
    background-color:#969696;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.shopping-cart-empty
{
    text-align:center;
}
.shopping-cart-empty > div
{
    margin:15px 0px;
}
.shopping-cart-empty #shopping-cart-icon
{
}
.shopping-cart-empty #shopping-cart-icon img
{
    padding:10px;
    background-color:#f4f4f4;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.shopping-cart-empty #shopping-cart-empty
{
    font-family:IranSans;
    font-size:20px;
    color:#858585;
}
.shopping-cart-empty #shopping-cart-button a
{
    width:210px;
	height:37px;
	line-height:37px;
	margin:0px auto;
	padding-right:40px;
	border:0px;
	outline:0px;
	background:#04b4d4 url("../Images/icon-shopping-cart-signin.png") no-repeat right 10px center;
	font-family:IranSans;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
	text-align:right;
	display:block;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:color 0.5s, background-color 0.5s;
	-moz-transition:color 0.5s, background-color 0.5s;
	-o-transition:color 0.5s, background-color 0.5s;
	transition:color 0.5s, background-color 0.5s;
}
.shopping-cart-empty #shopping-cart-button a:hover
{
    background-color:#04b4d4;
}
.shopping-cart-empty #shopping-cart-link
{
    font-family:IranSans;
    font-size:14px;
    color:#858585;
}
.shopping-cart-empty #shopping-cart-link a
{
    font-family:IranSans;
    font-size:14px;
    color:#04b4d4;
    text-decoration:none;
}
.shopping-cart-empty #shopping-cart-link a:hover
{
    color:#04b4d4;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.shopping-cart-not-available-message
{
    margin:10px 0px;
    font-family:IranSans;
    font-size:13px;
    color:#ef3f3e;
    text-align:center;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.shopping-cart
{
    width:160px;
    height:46px;
    line-height:46px;
    border:solid 1px #04b4d4;
    background:#ffffff url("../Images/icon-shopping-cart.png") no-repeat right 10px center;
    font-family:IranSans;
    font-size:13px;
    color:#04b4d4;
    text-decoration:none;
    text-align:center;
    position:absolute;
    top:52px;
    left:0px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.shopping-cart > span
{
    width:32px;
    height:32px;
    line-height:32px;
    background-color:#04b4d4;
    font-family:IranSansFa;
    font-size:13px;
    color:#ffffff;
    text-decoration:none;
    text-align:center;
    display:block;
    position:absolute;
    top:6px;
    left:10px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.cards-list
{
    margin:0px;
    padding:0px 15px 0px 0px;
    list-style-type:square;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:1340px)
{
}
@media only screen and (max-width:1280px)
{
    .dashboard > ul > li:nth-child(7n)
    {
        margin-left:2%;
    }
    .dashboard > ul > li
    {
        width:18.4%;
    }
    .dashboard > ul > li:nth-child(5n)
    {
        margin-left:0px;
    }
}
@media only screen and (max-width:984px)
{
    .products-categories > li:nth-child(4n)
    {
        margin-left:2%;
    }
    .products-categories > li
    {
        width:32%;
    }
    .products-categories > li:nth-child(3n)
    {
        margin-left:0px;
    }
}
@media only screen and (max-width:768px)
{
    .dashboard > ul > li:nth-child(7n)
    {
        margin-left:2%;
    }
    .dashboard > ul > li:nth-child(5n)
    {
        margin-left:2%;
    }
    .dashboard > ul > li
    {
        width:23.5%;
    }
    .dashboard > ul > li:nth-child(4n)
    {
        margin-left:0px;
    }
    .form-panel
    {
        width:100%;
        float:none;
    }
    
    
    
    
    
    .title-bar
    {
	    height:auto;
    }
    .title-bar h3
    {
	    font-size:16px;
    }
    
    
    
    
    
	.form-text-right
	{
		width:100%;
		float:none;
	}
	.form-text-left
	{
		width:100%;
		float:none;
	}
	.form-text-left-with-border
	{
		width:100%;
		height:auto;
		margin-top:30px;
		float:none;
	}
	.form-contact-us
	{
		height:auto;
	}
	.form-contact-us-map
	{
	    height:350px;
	}
	
	
	
	
	
	.products-categories > li:nth-child(4n)
    {
        margin-left:2%;
    }
    .products-categories > li:nth-child(3n)
    {
        margin-left:2%;
    }
    .products-categories > li
    {
        width:49%;
    }
    .products-categories > li:nth-child(2n)
    {
        margin-left:0px;
    }
    
    
    
    
    
    .products-images
    {
        width:100%;
        border:0px;
        padding:0px;
        float:none;
    }
    .products-info
    {
        width:100%;
        margin-top:20px;
        padding:10px;
        float:none;
    }
}
@media only screen and (max-height:730px)
{
    .form-side-bar
    {
        overflow:scroll;
    }
}
@media only screen and (max-height:600px)
{
    .form-side-bar
    {
        width:40%;
        height:auto;
        margin:0px auto;
        padding:10px;
        overflow:visible;
        position:inherit;
        top:auto;
        right:auto;
        overflow:hidden;
    }
}
@media only screen and (max-width:600px)
{
    .form-side-bar
    {
        width:80%;
        height:auto;
        margin:0px auto;
        padding:10px;
        overflow:visible;
        position:inherit;
        top:auto;
        right:auto;
    }
}
@media only screen and (max-width:480px)
{
    .dashboard > ul > li:nth-child(7n)
    {
        margin-left:2%;
    }
    .dashboard > ul > li:nth-child(5n)
    {
        margin-left:2%;
    }
    .dashboard > ul > li:nth-child(4n)
    {
        margin-left:2%;
    }
    .dashboard > ul > li
    {
        width:49%;
    }
    .dashboard > ul > li:nth-child(2n)
    {
        margin-left:0px;
    }
    
    
    
    
    
    .top-bar > div > h1
    {
	    font-size:14px;
    }
    .down-bar > div > div
    {
	    font-size:10px;
    }
    
    
    
    
    
	.payment-type-box
	{
		height:135px;
		background-position:center 10px;
		position:inherit;
		text-align:center;
	}
	.payment-type-box input[type=radio]
    {
    	margin-top:85px;
    	position:inherit;
    }
    .payment-type-box div
    {
    	width:100%;
    	font-size:12px;
    	position:inherit;
    }
    
    
    
    
    
    .products-categories > li
    {
        width:100%;
        margin-left:0px !important;
        margin-bottom:10px !important;
        float:none;
    }
}
@media only screen and (max-width:320px)
{
}