/* ========================================================================
   font
 ========================================================================== */
@font-face {
	font-family: Vazir;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/woff2/Vazir-Bold-FD-UI.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/Vazir-Bold-FD-UI.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/Vazir-Bold-FD-UI.ttf') format('truetype');
}
@font-face {
	font-family: Vazir;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/woff2/Vazir-Medium-FD-UI.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/Vazir-Medium-FD-UI.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/Vazir-Medium-FD-UI.ttf') format('truetype');
}
@font-face {
	font-family: Vazir;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/woff2/Vazir-Light-FD-UI.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/Vazir-Light-FD-UI.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/Vazir-Light-FD-UI.ttf') format('truetype');
}
@font-face {
	font-family: Vazir;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/woff2/Vazir-Thin-FD-UI.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/Vazir-Thin-FD-UI.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/Vazir-Thin-FD-UI.ttf') format('truetype');
}
@font-face {
	font-family: Vazir;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff2/Vazir-Regular-FD-UI.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/Vazir-Regular-FD-UI.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/Vazir-Regular-FD-UI.ttf') format('truetype');
}
/* ========================================================================
   menu  :)
 ========================================================================== */
  /* Fix Menu */
.sp-mobile-menu ul li span.sp-menu-toggler {
    float: left;
}
#sp-main-menu ul {
	position: relative;
}
#sp-main-menu ul.level-0 > li {
}
#ROW_ID > div.span4.span8 {
    padding: 0 1px 0 1px !important;
} 
#sp-top-wrapper {
    z-index: 10000;
}
.vina-banner-main img {
    border: 1px solid #ebeced;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.vina-main-product .owl-carousel .owl-wrapper-outer {
    height: 450px;
}
.vina-camera-slider .camera_fakehover {
    -webkit-box-shadow: 0 0.7rem 3rem rgba(0,0,0,.15);
    box-shadow: 0 0.7rem 3rem rgba(0,0,0,.15);
	    border-radius: .7rem;
	-webkit-border-radius: .7rem; 
	-moz-border-radius: .7rem; 
}
.vina-camera-slider .camera_target {
    border-radius: .7rem;
	-webkit-border-radius: .7rem; 
	-moz-border-radius: .7rem; 
}
/* ========================================================================
   menu  :)
 ========================================================================== */
ul.breadcrumb {
    font-size: 12px;
    background: #f7be24 url(/images/page/top-bar/elements_header_background.png);
    background-size: 300px 300px, auto;
    margin-bottom: 30px;
    padding: 0 11px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    position: fixed;
    width: 90%;
    top: 0;
    margin: auto;
    right: 0;
	left: 0;
    top: 0;
	z-index: 1000;
}
.sp-mobile-menu {
    z-index: 100000;
}
/*--------------------------------------------------------------
i30ms shopping
--------------------------------------------------------------*/
.jshop_list_product .product .review_mark, .des-container .ratings {
    display: none;
}
.productfull .extra_fields {
    background-image: -webkit-linear-gradient(225deg,#8b00af,#d40062 70%);
    background-image: -o-linear-gradient(225deg,#8b00af 0,#d40062 70%);
    background-image: linear-gradient(-135deg,#8b00af,#d40062 70%);
    line-height: 2.2;
	color: #fff;
	margin: 10px 0;
}
.extra_fields div {
    margin: 0 15px;
}
.productfull .detailsRight .qty_in_stock #product_qty {
    color: #fff;
}
.productfull .qty_in_stock {
    margin-bottom: 10px;
    background: #4caf50;
    margin: 9px 0;
    color: #fff;
    padding: 5px 10px;
}
.productfull .qty_in_stock {
    margin-bottom: 10px;
    background: #f7be24;
    margin: 9px 0;
    color: #fff;
}
.fields input[type="radio"], .fields input[type="checkbox"] {
margin: 0 !important;
height: 25px !important;
}
.jshop_register label {
margin-left: 50px !important;
}
#table_shippings > tbody > tr:nth-child(1) > td > label {
    font-weight: normal;
    color: #000;
    font-size: 15px;
    background: #eee;
    border-right: 4px solid #ff7748;
    border-radius: 0;
    font-size: 15px;
    padding: 4px 10px;
}
#table_shippings > tbody > tr:nth-child(2) > td > label {
    font-weight: normal;
    color: #000;
    font-size: 15px;
    background: #eee;
    border-right: 4px solid #ff7748;
    border-radius: 0;
    font-size: 15px;
    padding: 4px 10px;
}
#table_shippings > tbody > tr:nth-child(3) > td > label {
    font-weight: normal;
    color: #000;
    font-size: 15px;
    background: #eee;
    border-right: 4px solid #ff7748;
    border-radius: 0;
    font-size: 15px;
    padding: 4px 10px;
}
body.rtl .zoomWindowContainer >div {
	left: auto !important;
	right: 100%;
}
.chosen-container-multi .chosen-choices li {
    float: right !important;
}
.jshop_filters .head {
    font-weight: 500 !important;
}
.jshop_filters .filter_item {
    font-weight: 300 !important;
}
.manufacturer_logo {
    text-align: center;
}
.ui-widget-header {
    background: #2196f3 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.chosen-container-multi .chosen-choices {
  border: 1px solid #ddd !important; 
  background-image: linear-gradient(#ffffff 1%, #ffffff 15%) !important;
}
.chosen-container-multi .chosen-choices li.search-choice {
    padding: 10px 20px 10px 10px !important;
    border: none !important;
    background-color: #607D8B !important;
    background-image: linear-gradient(#607D8B 20%, #607D8B 50%, #607D8B 52%, #607D8B 100%) !important;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15) !important;
    -ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15) !important;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.15) !important;
    color: #fff !important;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 30px !important;
}
.jshop_filters .row {
    background-color: #fff !important;
	border-bottom: none !important;
}
.jshop_filters .btn-go {
    background-color: #2196f3 !important;
    background-image: linear-gradient(to bottom, #2196f3, #2196f3) !important;
    border-color: #2196f3 #2196f3 #2196f3 !important;
    padding: 8px 15px !important;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15) !important;
    -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15) !important;
}
.jshop_filters .clear_filter_mod {
    background-color: #46a349 !important;
    background-image: linear-gradient(to bottom, #46a349, #46a349) !important;
    border-color: #46a349 #46a349 #46a349 !important;
    padding: 8px 15px !important;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15) !important;
    -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15) !important;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    border: none !important;
    width: 20px!important;
    height: 25px!important;
    background: url(../images/other/xslider_marker.png) 0 0 no-repeat!important;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
}

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
  border: none;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  background: #40A9F2;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  padding: 1em 1.4em;
  text-transform: uppercase;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.4) 0 2px 5px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  color: white;
  box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.button:active,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  background-color: #32a3f1;
}
.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  outline: none;
  background-color: #1093ef;
  box-shadow: 0 2px 2px #0a588f;
}
.button:focus:hover,
button:focus:hover,
input[type="button"]:focus:hover,
input[type="reset"]:focus:hover,
input[type="submit"]:focus:hover {
  background-color: #5db6f4;
}
.button:focus:active,
button:focus:active,
input[type="button"]:focus:active,
input[type="reset"]:focus:active,
input[type="submit"]:focus:active {
  background-color: #239cf0;
}
/* input  */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: none;
  height: 100%;
  border-bottom: 1px solid #ccc;
  padding: 7px;
  -webkit-appearance: none;
  border-radius: 0;
  font-size: 1.0rem;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
  outline: none;
  border-color: #40A9F2;
  background: #fdfdfd;
  box-shadow: inset 0 -1px 0 #40A9F2;
}

input[disabled="disabled"] {
  background: #efefef;
  border-color: #dfdfdf;
}
/*--------------------------------------------------------------
i30ms e-namad
--------------------------------------------------------------*/
.e-namad {
    width: 290px;
    float: right;
    margin-top: 22px;
}
/* ========================================================================
   i30ms  :)
 ========================================================================== */
.side-box .category {
    padding: 5px 10px;
}
.side-box {
  background: #fff;
  margin-bottom: 20px;
  border-bottom: 3px solid #aaa;
  border-radius: 5px;
  float: right;
  text-align: right;
  direction: rtl;
}
.side-box .title {
  padding: 17px 12px;
  border-bottom: 1px solid rgba(207,128,173,0.1);
  font: 15px Vazir;
  color: #828282;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
.side-box:hover .title {
  background: #F3F3F3;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.side-box .title .fa {
    color: #828282;
    float: right;
    margin-left: 9px;
    margin-top: 5px;
}
.textads:hover {
    background: #f14646;
    color: #fff !important;
}
.textads {
    background: #F2F2F2;
    margin-bottom: 10px;
    color: #828282 !important;
    padding: 4px 10px;
    font: 14px Vazir, 'Roboto Condensed';
    border-radius: 6px;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.i30msrow {
    width: 100%;
	box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.i30mscol {
    float: right;
}
.medium-transition {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
/* ==========================================================================
   i30ms telegram
   ========================================================================== */
a.articleTelegram {
	color: #fff !important;
	background: #2ca4e0;
	height: 4.0625rem;
	padding: 1rem;
	line-height: 2.0625rem;
	float: right;
	text-align: right;
	border-bottom: 6px solid #2D8CBC;
	width: 100%;
	height: 100%;
	font-size: 0.875rem;
	font-weight: 400;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	direction: rtl;
}
.articleTelegram i {
	font-size: 2.0625rem;
	float: right;
    margin-left: 0.625rem;
}
a.articleTelegram:hover i.icon-telegram {
	color: #fff
}
.articleTelegram .pull-left  {
	border: 0.125rem solid #fff;
	color: #fff;
	padding: 0 0.625rem;
	height: 2.0625rem;
	line-height: 2.0625rem;
	transition: all .3s;
	border-radius: 0.1875rem;
}
.articleTelegram:hover .pull-left {
	color: #2ca4e0;
	background: #fff;
}
/* ==========================================================================
   i30ms category right
   ========================================================================== */
.i30mscategorytitle {
	background: url(../images/other/icons.png) no-repeat right -203px #4FBF37;
	height: 50px;
	font-size: 0;
	float: right;
	width: 100%;
}
.sidebar-switch {
	float: left;
	width: 25px;
	height: 15px;
	margin: 20px 0px 0px 20px;
	position: relative;
	display: block;
	background: url(../images/other/icons.png) left 0px;
}
.sidebar-switch span {
	position: absolute;
	height: 11px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	top: 2px;
	width: 11px;
	background: #fff;
	box-shadow: 1px 1px 3px #3F982C;
	border-radius: 20px;
}

.arrow-left {
	position: absolute;
	display: block;
	top: 15px;
	left: 20px;
	width: 10px;
	height: 14px;
}
.i30mscategory .cat-icon-1 ,
.i30mscategory .cat-icon-2 ,
.i30mscategory .cat-icon-3 ,
.i30mscategory .cat-icon-4 ,
.i30mscategory .cat-icon-5 ,
.i30mscategory .cat-icon-6 ,
.i30mscategory .cat-icon-7 ,
.i30mscategory .cat-icon-8 {
	display: block;
	margin: 0px 0px 0px 12px;
	background: url(../images/other/icons.png);
	height: 24px;
	width: 24px;
	float: right;
	border-radius: 2px;
}
.i30mscategory .cat-icon-1 {
	background-position: 0px -300px
}
.i30mscategory .cat-icon-2 {
	background-position: -24px -300px
}
.i30mscategory .cat-icon-3 {
	background-position: -48px -300px
}
.i30mscategory .cat-icon-4 {
	background-position: -72px -300px
}
.i30mscategory .cat-icon-5 {
	background-position: -96px -300px
}
.i30mscategory .cat-icon-6 {
	background-position: -120px -300px
}
.i30mscategory .cat-icon-7 {
	background-position: -144px -300px
}
.i30mscategory .cat-icon-8 {
	background-position: -168px -300px
}

.i30mscategory {
	font: 13px/1.5 Vazir,tahoma;
	padding: 10px 0px;
  background: -webkit-linear-gradient(#4FBF37, #68C943); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#4FBF37, #68C943); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#4FBF37,#68C943); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#4FBF37, #68C943); 
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
  direction: rtl;
}	
.i30mscategory ul li {
	position: relative;
}
.i30mscategory ul li > a {
	display: block;
	color: #DBF2DD;
	padding: 12px 20px 12px 0px;
}
.i30mscategory ul li > a:hover {
	color: #fff;
	background: rgba(0,0,0, 0.08);
}
.i30mscategory ul .bestone {
	float: right;
	width: 30%;
	height: 100%;
	padding: 10px 15px;
	font: 11px/2 'calibri',tahoma;
}	
.i30mscategory ul .bestone figure {
	float: right;
	text-align: center;
	width: 50%;
	margin: 0px 0px 20px;
}
.i30mscategory ul .bestone h4 {
	font-size: 13px;
	padding: 10px 5px 20px;
}
.i30mscategory ul .bestone img {
	display: block;
	width: 85%;
	height: auto;
	margin: 10px auto;
}
.i30msclear {
   clear: both;
   display: block;
   height:0;
   font-size:0px;
}
/* ==========================================================================
   i30ms ticket right
   ========================================================================== */
.userbox h2 {
	height: 45px;
	background: url(../images/other/icons.png) no-repeat right -1640px;
}
.userbox a.greenlink {
	background: url(../images/other/icons.png) no-repeat right -892px #8ABD44;
	padding: 6px 45px 6px 15px;
	border-radius: 3px;
	margin: 0px 0px 0px 15px;
	font-size: 14px;
	color: white;
}
.userbox a.translink {
	border: 1px solid #fff;
	color: #fff;
	border-radius: 3px;
	padding: 5px 15px 5px 15px;
	font-size: 14px;
}
.userbox a.translink:hover {
	background:rgba(255,255,255,0.1);
}
.userbox {
	background: url(../images/other/iconpattern.gif) #3CA3F4;
	padding: 43px 15px;
	font: 13px/2 Vazir,tahoma;
	color: white;	border-radius: 4px 4px 0px 0px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position: relative;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
/* ========================================================================
   title main content  :)
 ========================================================================== */
.box {
    background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #ebeef0;
    border-radius: 4px;
    padding: 25px 20px;
    float: right;
    width: 100%;
	box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
    overflow: hidden;
}
.box.ns {
    background: none;
    border: none;
}
.box.styled {
    border: 1px solid #cad2d9;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(231, 235, 238, 1);
    -moz-box-shadow: 3px 3px 3px 0px rgba(231, 235, 238, 1);
    box-shadow: 3px 3px 3px 0px rgba(231, 235, 238, 1);
    padding: 0;
}
.box header {
    border-bottom: none;
}
.box header h3 {
    font-size: 20px;
    font-family: 'Vazir';
    font-weight: bold;
    color: #495c6e;
    margin-top: 0;
}
.box header h5 {
    font-size: 13px;
    font-family: 'Vazir';
    font-weight: bold;
    color: #495c6e;
    margin-top: 0;
    margin-bottom: 0;
}
.box header h6 {
    color: #495c6e;
	font-weight: 500;
}
.box header h3 span {
    color: #f2654e;
}
.box header a.more {
    color: #fff;
    -webkit-box-shadow: inset 0px -3px 0px 0px #b0b4b8;
    -moz-box-shadow: inset 0px -3px 0px 0px #b0b4b8;
    box-shadow: inset 0px -3px 0px 0px #b0b4b8;
    border-radius: 4px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    float: left;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    margin-top: 8px;
    background: #bdc3c7;
}
.box header a.more:hover {
    -webkit-box-shadow: inset 0px -3px 0px 0px #de5440;
    -moz-box-shadow: inset 0px -3px 0px 0px #de5440;
    box-shadow: inset 0px -3px 0px 0px #de5440;
    background: #f2654e;
}
/* ========================================================================
   main content :)
 ========================================================================== */
#sp-maincontent > div:nth-child(3) {
    margin-top: 0 !important;
}
#sp-maincontent > div.module.vina-main-product.vina-main-new.vina4-color {
    margin-top: 0 !important;
}
/* ========================================================================
   more link :)
 ========================================================================== */
.more_links {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 0;
	margin-bottom: 20px;
}
.more_links a {
    color: #fff !important;
    -webkit-box-shadow: inset 0px -3px 0px 0px #b0b4b8;
    -moz-box-shadow: inset 0px -3px 0px 0px #b0b4b8;
    box-shadow: inset 0px -3px 0px 0px #b0b4b8;
    border-radius: 4px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    margin-top: 8px;
    background: #bdc3c7;
    font-size: 13px;
}
.more_links a:hover {
    -webkit-box-shadow: inset 0px -3px 0px 0px #7db046;
    -moz-box-shadow: inset 0px -3px 0px 0px #7db046;
    box-shadow: inset 0px -3px 0px 0px #7db046;
    background: #8cc152;
}
/* ========================================================================
    container :)
 ========================================================================== */
#sp-bannermain2 .container {
max-width: 100% !important;
}
/* ========================================================================
   slide bg :)
 ========================================================================== */
.search_area {
    background: url(../images/other/search-bg.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 100px 0;
    position: relative;
}
.search_area .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(208, 209, 211, 0.22);
    top: 0;
    left: 0;
}
body.single-product .search_area .mask {
    background: rgba(55, 59, 67, .9);
}
body.dokan-dashboard .search_area .mask,
body.mwp-panel .search_area .mask {
    background: rgba(229, 104, 87, .9);
}
body.category .search_area, body.page .search_area {
    padding: 45px 0 30px;
}
body.category .search_area .search_wrapper {
    margin-top: 0;
    width: 525px;
}
.search_area h3 {
    color: #fff;
    font-size: 35px;
    font-weight: bold;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    text-align: center;
	position: relative;
}
.search_area .categories {
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-weight: bold;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    font-size: 16px;
    padding-top: 50px;
	position: relative;
	direction: rtl;
}
.search_area .categories a {
    display: inline-block;
    margin-right: 10px;
    height: 40px;
    padding: 0 15px;
    border-radius: 4px;
    color: #fff;
    -webkit-transition: box-shadow .2s;
    -o-transition: box-shadow .2s;
    transition: box-shadow .2s;
    font-size: 15px;
}
.search_area .categories a:nth-child(1) {
    background: #f2654e;
    -webkit-box-shadow: inset 0px -5px 0px 0px rgba(222, 84, 64, 1);
    -moz-box-shadow: inset 0px -5px 0px 0px rgba(222, 84, 64, 1);
    box-shadow: inset 0px -5px 0px 0px rgba(222, 84, 64, 1);
}
.search_area .categories a:nth-child(1):hover {
    -webkit-box-shadow: inset 0px -40px 0px 0px rgba(222, 84, 64, 1);
    -moz-box-shadow: inset 0px -40px 0px 0px rgba(222, 84, 64, 1);
    box-shadow: inset 0px -40px 0px 0px rgba(222, 84, 64, 1);
}
.search_area .categories a:nth-child(2) {
    background: #f6bb42;
    -webkit-box-shadow: inset 0px -5px 0px 0px #e5ad37;
    -moz-box-shadow: inset 0px -5px 0px 0px #e5ad37;
    box-shadow: inset 0px -5px 0px 0px #e5ad37;
}
.search_area .categories a:nth-child(2):hover {
    -webkit-box-shadow: inset 0px -40px 0px 0px #e5ad37;
    -moz-box-shadow: inset 0px -40px 0px 0px #e5ad37;
    box-shadow: inset 0px -40px 0px 0px #e5ad37;
}
.search_area .categories a:nth-child(3) {
    background: #3bafda;
    -webkit-box-shadow: inset 0px -5px 0px 0px #2498c1;
    -moz-box-shadow: inset 0px -5px 0px 0px #2498c1;
    box-shadow: inset 0px -5px 0px 0px #2498c1;
}
.search_area .categories a:nth-child(3):hover {
    background: #3bafda;
    -webkit-box-shadow: inset 0px -40px 0px 0px #2498c1;
    -moz-box-shadow: inset 0px -40px 0px 0px #2498c1;
    box-shadow: inset 0px -40px 0px 0px #2498c1;
}
.search_area .categories a:nth-child(4) {
    background: #8cc152;
    -webkit-box-shadow: inset 0px -5px 0px 0px #7db046;
    -moz-box-shadow: inset 0px -5px 0px 0px #7db046;
    box-shadow: inset 0px -5px 0px 0px #7db046;
}
.search_area .categories a:nth-child(4):hover {
    -webkit-box-shadow: inset 0px -40px 0px 0px #7db046;
    -moz-box-shadow: inset 0px -40px 0px 0px #7db046;
    box-shadow: inset 0px -40px 0px 0px #7db046;
}
.search_area .search_wrapper {
    text-align: center;
    font-size: 0;
    margin: 40px auto 0;
    width: 770px;
    position: relative;
}
.search_area form input {
    width: 600px;
    height: 70px;
    background: #fff;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -3px 0px 0px rgba(237, 239, 235, 1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -3px 0px 0px rgba(237, 239, 235, 1);
    box-shadow: 3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -3px 0px 0px rgba(237, 239, 235, 1);
    border: none;
    padding: 0 20px;
    line-height: 70px;
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    font-size: 16px;
    float: right;
}
body.category .search_area form input {
    width: 455px;
    height: 65px;
    line-height: 65px;
}
body.category .search_area form button {
    width: 65px;
    height: 65px;
    line-height: 65px;
}
.search_result {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    float: right;
    width: 100%;
    color: #fff;
    margin-top: 25px;
}
.search_area form button {
    width: 85px;
    height: 70px;
    background: #434a54;
    color: #fff;
    -webkit-box-shadow: -3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -3px 0px 0px #393e47;
    -moz-box-shadow: -3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -3px 0px 0px #393e47;
    box-shadow: -3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -3px 0px 0px #393e47;
    border: none;
    line-height: 70px;
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    font-size: 28px;
    padding: 0;
    float: right;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.search_area form button:hover {
    -webkit-box-shadow: -3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -70px 0px 0px #393e47;
    -moz-box-shadow: -3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -70px 0px 0px #393e47;
    box-shadow: -3px 3px 5px 0px rgba(78, 100, 122, 1), inset 0px -70px 0px 0px #393e47;
}
.search_area .search_wrapper .product_type {
    float: left;
    margin-top: 25px;
}
.search_area .search_wrapper .product_type a {
    font-size: 19px;
    color: #fff;
    font-weight: bold;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    margin-right: 20px;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}
.search_area .search_wrapper .product_type a:hover {
    color: #99ca6a;
}
/* ========================================================================
   content header wp :)
 ========================================================================== */
.slogan {
    background: #646871;
	height: 100%;
}
.slogan h4 {
    float: right;
    line-height: 90px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    margin: 0 0 0 10px;
}
.slogan p {
    font-size: 12px;
    color: #fff;
    line-height: 90px;
    margin-bottom: 15px;
}
.slogan p a {
    background: #99ca6a;
    color: #fff !important;
    -webkit-box-shadow: inset 0px -3px 0px 0px #8abc5d;
    -moz-box-shadow: inset 0px -3px 0px 0px #8abc5d;
    box-shadow: inset 0px -3px 0px 0px #8abc5d;
    margin: 0 5px;
    padding: 9px;
    margin-top: 25px;
    border-radius: 4px;
    -webkit-transition: box-shadow .2s;
    -o-transition: box-shadow .2s;
    transition: box-shadow .2s;
}
.slogan p a:hover {
    -webkit-box-shadow: inset 0px -41px 0px 0px #8abc5d;
    -moz-box-shadow: inset 0px -41px 0px 0px #8abc5d;
    box-shadow: inset 0px -41px 0px 0px #8abc5d;
}
/* ========================================================================
   i30ms img  :)
 ========================================================================== */
.vina-right-product .item .product-image img {
	display: inline-block;
    margin: 0;
	-ms-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    height: 100%;
	z-index: 1000;
    position: relative;
}
.vina-ticker-jshopping .plabel img {
	display: inline-block;
    margin: 0;
    padding: 7px 7px;
    float: right;
	-ms-border-radius: 50%;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
} 
#vina-ticker-jshopping181 .vina-item a {
    color: #000 !important;
	font-weight: normal;
}
#vina-ticker-jshopping181 .vina-item a:hover {
    color: #ffffff !important;
}
/* popular product */
.owl-carousel .owl-wrapper-outer {
    direction: ltr;
}
/* ========================================================================
   divider :)
 ========================================================================== */
.divider-1 i {
    color: #f44336;
    font-size: 22px;
}
.divider-1::before, .divider-1::after {
    background-color: #f44336;
    content: "";
    display: inline-block;
    height: 2px;
    margin-bottom: 8px;
    margin-left: 5px;
    margin-right: 5px;
    width: 30%;
}
/* service icon */
div#wallet-tk-tabswrapper div#wallet-tk-tabs a{display: inline-block; margin: 0 5px; text-decoration: none;white-space:nowrap; }
div#wallet-tk-tabswrapper div#wallet-tk-tabs a:hover{}
div#wallet-tk-tabswrapper div#wallet-tk-tabs a.selected{color: #fff; background: #9ACC00;}
div#wallet-tk-tabswrapper {display: inline-block; width: 100%;}
div#wallet-tk-tabswrapper div#wallet-tk-tabs{display:inline-block; width:100%; text-align: center; margin: 0 0 20px; }  

.helpshop_data.adminlisthelpshop .helpshop_data_status.helpshop_data_status_confirmed {	background:url(../images/help_shop.png) no-repeat center;line-height: 70px;height: 70px;font-family: 'Yekanwebf','Yekanweb',tahoma !important;font-size: 14px !important;font-weight: normal;border-radius: 3px;padding-right: 10px;padding-left: 10px;color:#0C9300 !important;text-align:center;}
.helpshop_data.adminlisthelpshop .mywallet_status.mywallet_status_confirmed {	background:url(../images/credit-buy.png) no-repeat center;line-height: 70px;height: 70px;font-family: 'Yekanwebf','Yekanweb',tahoma !important;font-size: 14px !important;font-weight: normal;border-radius: 3px;padding-right: 10px;padding-left: 10px;color:#0C9300 !important;text-align:center;}
.helpshop_data.adminlisthelpshop .helpshop_data_status.helpshop2_data_status_confirmed {	background:url(../images/terms-conditions.png) no-repeat center;line-height: 70px;height: 70px;font-family: 'Yekanwebf','Yekanweb',tahoma !important;font-size: 14px !important;font-weight: normal;border-radius: 3px;padding-right: 10px;padding-left: 10px;color:#0C9300 !important;text-align:center;}
.helpshop_data.adminlisthelpshop .helpshop_data_status.helpshop3_data_status_confirmed {	background:url(../images/Money.png) no-repeat center;line-height: 70px;height: 70px;font-family: 'Yekanwebf','Yekanweb',tahoma !important;font-size: 14px !important;font-weight: normal;border-radius: 3px;padding-right: 10px;padding-left: 10px;color:#0C9300 !important;text-align:center;}
.helpshop_data.adminlisthelpshop .helpshop_data_status.helpshop4_data_status_confirmed {	background:url(../images/telegram.png) no-repeat center;line-height: 70px;height: 70px;font-family: 'Yekanwebf','Yekanweb',tahoma !important;font-size: 14px !important;font-weight: normal;border-radius: 3px;padding-right: 10px;padding-left: 10px;color:#0C9300 !important;text-align:center;}

span.order-label {
	border-radius: 3px;
	display: inline-block;
	padding: 7px 4px 7px 4px;
	font-size: 13.998px;
	font-weight: normal;
	line-height: 14px !important;
	color: #FFF;
	vertical-align: baseline;
	white-space: nowrap;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
	background-color: #999;
}
.status-label-ticket-open {
	padding: 5px 10px 9px;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	font-family: segoe_uilight, Vazir;
	font-size: 14px;
	font-weight: normal;
	border-radius: 0 !important;
	width: 130px;
	background: none !important;
	color: #333 !important;
	text-shadow: none !important;
}
.status-label-ticket-open:hover {
	border-top: 1px solid #009ada;
	border-bottom: 1px solid #009ada;
	color: #009ada !important;
}
/* other */
.call-to-action h3 {
  font-size: 15px;
}
.call-to-action .cta-dbtn {
font-size: 14px;
}
.su-heading .su-heading-inner { font-size: 16px; }
.su-list ul li i {
    right: 0;
    font-size: 20px;
}
.su-list ul li {
	padding: 4px 30px 4px 2em !important;
    line-height: 2.5em;
	font-weight: 300;
}
.su-note-success.su-note-style2 {
        direction: rtl;
}
.su-note-icon .su-note-inner {
	margin-right: 40px;
    text-align: justify;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.su-note {
	margin: 0 0 0 0 !important;
}
.su-highlight { font-size: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);}
.su-modal-content-wrapper > div {
        text-align: justify;
        direction: rtl;
}
.su-modal-content-wrapper > div ul li {
	line-height: 30px;
}
.su-member {
	margin: 0 0 0 0;
}
.su-note-warning.su-note-style4 {direction: rtl;line-height: 30px;background-color: #FFD33C  !important;border-left-color: #FFD33C  !important;}
.su-call-to-action h3 {
    font-size: 22px;
    line-height: 32px;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    margin: 0;
    color: #FFF;
}
.su-note-danger.su-note-style2 {
    overflow: visible !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.cta-content .su-ca-dtxt {
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.su-call-to-action.cta-align-right a.cta-dbtn {
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    font-weight: 500;
}
.su-call-to-action {
    background: url(/images/page/top-bar/elements_header_background.png);
    background-size: 300px 300px, auto;
}
/* ========================================================================
   pagination :)
 ========================================================================== */
.pagination>li:first-child>a {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
  border-right: solid 1px #dcdcdc;
    padding: 4px 12px;
    line-height: 25px;
    text-decoration: none;
    color: #FFF;
    background-color: #2196f3;
    border: none;
    font-weight: 500;
    font-size: 13px;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50% !important;
    padding: 10px;
    margin: 0 3px 0 3px;
}
.pagination>li:first-child>a:hover {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
  border-right: solid 1px #dcdcdc;
    background-color: #f44336;
    color: #FFFFFF;
}
.pagination>.disabled>a {
  border-color: #e5e5e5;
    padding: 4px 12px;
    line-height: 25px;
    text-decoration: none;
    color: #FFF;
    background-color: #2196f3;
    border: none;
    font-weight: 500;
    font-size: 13px;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50% !important;
    padding: 10px;
    margin: 0 3px 0 3px;
}
.pagination>.disabled>a:hover {
  border-color: #e5e5e5;
    background-color: #f44336;
    color: #FFFFFF;
}
/* ========================================================================
   ticket :)
 ========================================================================== */
.fss_main .table-ticketborders th, .fss_main .table-ticketborders td {
    font-weight: 400;
    line-height: 2.2;
}
.fss_main .label {
    display: inline-block;
    font-weight: 400;
    line-height: 2.2;
	color: #fff;
}
.fss_main ul.nav, .fss_main ul.dropdown-menu, .fss_main ul.nav-tabs {
    font-weight: 400;
}
.fss_main .ticket_message_header, .fss_main .fss_ticket_row_user_head, .fss_main .fss_ticket_row_admin_head, .fss_main .fss_ticket_row_otheruser_head {
    background-color: #eeeff1;
	background: url(/images/page/top-bar/elements_header_background.png);
    background-size: 300px 300px, auto;
}
.fss_main .table-ticketborders th:first-child, .fss_main .table-ticketborders td:first-child {
    border-right: none !important;
}
.fss_main .table-ticketborders tr.first td {
    border-top: none !important;
}
.fss_main .table-ticketborders th:first-child, .fss_main .table-ticketborders td:first-child {
    border-left: none !important;
}
/* ========================================================================
   blog :)
 ========================================================================== */
.theme_elegant.mix-grid .inner-mix {
    text-align: right;
	font-weight: 400;
    direction: rtl;
}
.regridart.mix-list .upper-mix {
    float: right !important;
    margin-left: 20px !important;
	margin-right: 0 !important;
	direction: rtl
}
.theme_elegant.mix-list .inner-mix {
    text-align: right;
	direction: rtl;
}
.mix-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    color: #616161;
}
.mix-title:hover {
    color: #f44336 !important;
}
.mix-introtext {
	font-weight: 400 !important;
    line-height: 2.2 !important;
}
.section-header {
    margin: 0;
}
#sp-page-builder .page-content .sppb-section {
    margin-top: 0;
}
.mix-controls {
    margin: 0 !important;
}
.drop_down .label div {
    float: right;
}
.mix-filters .drop_down li {
    text-align: right;
}
.theme_elegant .mix:hover {
    box-shadow: 0 3px 8px 0 rgba(66,66,66,0.18),0 3px 12px 0 rgba(66,66,66,0.14);
}
.theme_elegant .mix:hover {
   -webkit-transition: all .1s ease-in-out;
   -o-transition: all .1s ease-in-out;
   transition: all .1s ease-in-out;
}
/* ========================================================================
   manufacturers :)
 ========================================================================== */
#vina-manufacturers-jshopping-wrapper169 .vina-caption {
    text-shadow: 2px 2px 0 #cccfd6;
    font-weight: 500;
}
/* ========================================================================
   tv :)
 ========================================================================== */
.tv-widget{background:#494949}header.widget-header{height:75px;width:100%;padding-top:45px}.tv-widget-header{background:#333}.widget-header-icon{width:62px;height:50px;margin:0 auto 0}.tv-widget-header-icon{background:url(../images/other/widget/bg-widget.png) no-repeat top}.widget-title{width:100%;font-weight:500;text-align:center;line-height:30px;margin-top:20px;color:#555;letter-spacing:-.2px}.tv-widget .widget-title{color:#fff}.widget-text-details{width:90%;overflow:hidden;margin:5px auto 0;color:#939393;font-weight:200;line-height:25px;text-align:center}.tv-widget .widget-text-details{color:#d7d7d7}.tv-widget-link-bg a{display:block;width:130px;height:40px;background:#00b4ff;font-weight:normal;color:#fff !important;line-height:40px;margin:15px auto 0;border-radius:100px;text-align:center;transition:all .2s ease-in}.tv-widget-link-bg a:hover{box-shadow:0 10px 30px rgba(0,0,0,.5)}
.widget-right{overflow:hidden;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.1);padding-bottom:25px}
/* ========================================================================
   news-letter :)
 ========================================================================== */
.news-letter-widget-header{background:#f05050}
.news-letter-widget-header-icon{background:url(../images/other/widget/bg-widget.png) 0 -50px}
.widget-right2{overflow:hidden;background: #fff;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.1);padding-bottom:25px}
.news-letter-widget-form{width:220px;height:45px;background:#f5f5f5;border-radius:100px;margin:15px auto 0}.news-letter-widget-form-email{display:block;width:130px;height:45px;float:right;padding-right:20px;border:none;background:none;font-weight:200;line-height:40px;color:#363636}.news-letter-widget-form-submit{display:block;width:45px;height:45px;float:left;background:#eee;border:none;background:none;cursor:pointer;border-radius:100px;color:#898989;transition:all .1s ease-in}.news-letter-widget-form-submit:hover{color:#fff;background:#f05050}.news-letter-submit-icon{font-size:1em}
/* ========================================================================
   footer :)
 ========================================================================== */
footer#footer {
    width: 100%;
    height: 400px;
    background: #494949 url(../images/other/footer/footer-bg.jpg) no-repeat center;
    background-size: cover;
    padding-top: 50px;
	margin-bottom: -1px;
}
.footer-logo {
    display: block;
    width: 120px;
    height: 120px;
    background: url(../images/other/footer/footer-logo.png) no-repeat center;
    border-radius: 120px;
    margin: 0 auto 0;
    transition: all .2s ease-in;
}
.footer-main-title {
    color: #fff;
    font-size: 1em;
    font-weight: 500;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    line-height: 40px;
    text-align: center;
    margin-top: 5px;
}
.footer-copyright {
    color: #fff;
    font-size: 1em;
    font-weight: 500;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    line-height: 40px;
    text-align: center;
    margin-top: 15px;
}
.footer-copyright2 {
    color: #fff;
    font-size: 1em;
    font-weight: 500;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    line-height: 40px;
    text-align: center;
}
.social-footer {
    width: 300px;
    height: 50px;
    margin: 25px auto 0;
}
.social-footer-icon {
    display: block;
    width: 50px;
    height: 50px;
    font-size: .9em;
    color: #fff;
    line-height: 50px !important;
    text-align: center;
    margin-right: 0;
}
.social-footer a:hover {
    background: rgba(255,255,255,.3);
}
.social-footer a {
    display: block;
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50px;
    background: rgba(255,255,255,.1);
    margin-right: 5px;
    margin-left: 5px;
    transition: all .2s ease-in;
}
.footer-logo:hover {
    background-color: rgba(255,255,255,.1);
}
/* ========================================================================
   jPlayer :)
 ========================================================================== */
.jPlayer.jPlayer-light .playerScreen .jplayer-title {
	background: rgb(255, 255, 255) !important;
    border-bottom: 3px solid #e32025 !important;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    text-align: center;
	font-weight: 400;
    direction: rtl;
}
.jPlayer.jPlayer-light .playerScreen .video-play .play-icon, .jPlayer.jPlayer-light .playerScreen .video-play:hover .play-icon {
    color: #ffffff !important;
    background: #e31e25;
    border-radius: 50%;
}
.jPlayer .playerScreen .video-play .play-icon {
    opacity: 0.99 !important;
}
.jPlayer .playerScreen .video-play {
    z-index: 1 !important;
}
.jPlayer .controls .controlset .play, .jPlayer .controls .controlset .pause, .jPlayer .controls .controlset .fullscreen, .jPlayer .controls .controlset .smallscreen, .jPlayer .controls .controlset .mute, .jPlayer .controls .controlset .unmute {
    background: transparent !important;
}
.jPlayer.jPlayer-light .playerScreen .video-play {
    background-color: rgba(255, 190, 0, 0.91);
}
.jPlayer.jPlayer-light .controls .volumeblock .volume-control .volume-value, .jPlayer.jPlayer-light .controls .jpprogress-block .jpprogress .seekBar .playBar {
    background: #f44336 !important;
}
/* ========================================================================
   related content :)
 ========================================================================== */
.raxo-bricks .raxo-title {
    font: normal 16px/20px FontAwesome, Vazir !important;
}
.raxo-bricks .raxo-text {
    font-family: FontAwesome, Vazir;
    font-size: 14px;
    line-height: 2.2;
}
.raxo-bricks .raxo-item:hover {
    box-shadow: 0 3px 8px 0 rgba(66,66,66,0.18),0 3px 12px 0 rgba(66,66,66,0.14)
}
.raxo-bricks .raxo-name {
    font: normal 17px/24px Vazir, Helvetica, Arial, sans-serif !important;
}
/* ========================================================================
   emotion aligin :)
 ========================================================================== */
div#section-kmt.kmt .kmt-emoticon {
    vertical-align: middle;
    display: inline;
}
/* ========================================================================
   title komento :)
 ========================================================================== */
div#section-kmt.kmt .kmt-title {
    font-family: FontAwesome, Vazir;
}
/* ========================================================================
   border comment :)
 ========================================================================== */
div#section-kmt.kmt .kmt-title {
    border: 1px solid #eeeeee;
    border-radius: 0px;
}
div#section-kmt.kmt .kmt-filters {
    border: 1px solid #eeeeee;
    border-radius: 0px;
}
/* ========================================================================
   comment captcha :)
 ========================================================================== */
div#section-kmt.kmt .float-l, div#section-kmt.kmt .alignleft, div#section-kmt.kmt .float-li li {
    max-width: 100%;
}
/* ========================================================================
   lable comment :)
 ========================================================================== */
div#section-kmt.kmt label {
    font-weight: normal;
}
/* ========================================================================
   comment toolbar :)
 ========================================================================== */
div#section-kmt.kmt .kmt-toolbar {
    font-size: 14px;
    font-weight: 400;
}
div#section-kmt.kmt .kmt-sort > div {
    font-size: 14px;
}
/* ========================================================================
   name comment :)
 ========================================================================== */
#kmt > div > div.kmt-content > div.kmt-head > div.kmt-bio.col-cell > h3 > span {
    background-color: #bbb;
    padding: .4em .6em;
    font-size: 80%;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
/* ========================================================================
   like number :)
 ========================================================================== */
div#section-kmt.kmt .kmt-like-counter {
    background: #F44336;
    color: white;
    border: none;
    line-height: 20px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}
/* ========================================================================
   reply button :)
 ========================================================================== */

div#section-kmt.kmt .kmt-control a {
    background-color: #bbb;
    padding: .4em .6em;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
/* ========================================================================
   divider :)
 ========================================================================== */
.divider-1 i {
    color: #f44336;
    font-size: 22px;
}
.divider-1::before, .divider-1::after {
    background-color: #f44336;
    content: "";
    display: inline-block;
    height: 2px;
    margin-bottom: 8px;
    margin-left: 5px;
    margin-right: 5px;
    width: 30%;
}
/* ========================================================================
   avatar :)
 ========================================================================== */
 div#section-kmt.kmt img {
    max-width: 80px;
	border-radius: 50%;
}
div#section-kmt.kmt .kmt-avatar img {
    width: 80px;
    height: 80px;
	border-radius: 50%;
    max-width: none !important;
}
div#section-kmt.kmt .kmt-list > li {
    margin-top: 30px;
    padding: 15px 5px;
    border: 1px solid #eeeeee;
    border-radius: 0px;
    background: #FCFCFC;
}
/*--------------------------------------------------------------
form
--------------------------------------------------------------*/
.ba-form label span {
    float: right;
}
.icons-cell {
    top: 15px !important;
	left: 10px !important;
}
.ba-form .tool {
    text-align: right !important;
}
.ba-form input[type="email"], .ba-form input[type="text"], .ba-form select, .ba-form select[size], .ba-form textarea {
    border-bottom: 1px solid #ccc !important;
}
/*--------------------------------------------------------------
service box
--------------------------------------------------------------*/
.service-site{padding-right:18px;position:relative}.rtl .service-site{padding-left:18px;padding-right:inherit}.service-site .media{-webkit-transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;padding:20px 20px 15px 20px;min-height:90px;background: url(/images/page/top-bar/elements_header_background.png);background-size: 300px 300px, auto;color:#fff;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);}.service-site .media .title-service{margin:0 0 5px;font-size:12px;font-weight:800;color:#fff}.service-site .media .icon-box{margin-right:18px}.rtl .service-site .media .icon-box{margin-left:18px;margin-right:inherit;font-size: 3.0rem}.service-site .media .detail-service{color:rgb(255, 255, 255);font-size:13px;margin-bottom:0;width:96%;text-align:justify;margin: 0}.service-site .bg-color-1{background-color:#7ac142}.service-site .bg-color-2{background-color:#ffa000}.service-site .bg-color-3{background-color:#7e57c2}.service-site .bg-color-4{background-color:#0bb3e0}.service-site .btn-floating{position:absolute;top:50%;right:0;margin-top:-14.5px;background-color:#fff;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)}.rtl .service-site .btn-floating{left:0;right:auto}.service-site .btn-floating i{color:#999999}.service-site .waves-effect .waves-ripple{background-color:#96cb4b}.service-site:hover .btn-floating,.service-site:hover .media{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.btn-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #FFF;
  font-size: 1.6rem;
  line-height: 37px;
}
.btn-floating {
  display: inline-block;
  color: #FFF;
  position: relative;
  z-index: 1;
  width: 37px;
  height: 37px;
  line-height: 37px;
  padding: 0;
  background-color: #26a69a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.btn-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #FFF;
  font-size: 1.0rem;
  line-height: 37px;
}
.ApColumn {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}
.ApRow {
    margin-left: -16px;
    margin-right: -2px;
}
/*--------------------------------------------------------------
notification button
--------------------------------------------------------------*/
.notification .text {
    color: #fff;
	line-height: 2.9;
    font-size: 15px;
	font-weight: 400;
}
.notification {
    float: right;
    width: 100%;
    position: relative;
    color: #fff;
	padding-left: 3.9375rem;
    padding-right: 3.9375rem;
    margin-left: auto;
    margin-right: auto;
}
.notification .text a.i30ms_btn {
    font-size: 15px;
    min-width: 0;
}
.i30ms_btn.light,
.i30ms_btn.light:focus {
	background: #fff;
	color: #333;
}
.i30ms_btn.light:hover {
	color: #333;
	background: #f3f3f3;
}
.i30ms_btn:hover {
	color: #fff;
	background: #d24436;
}
.i30ms_btn,
.i30ms_btn:focus {
	font-size: 0.875rem;
	display: inline-block;
	padding: 0.93em 1.25rem;
	color: #fff;
	background: #e31e24;
	font-family: 'Vazir';
	line-height: 1;
	font-weight: normal;
	border-radius: 0.25em;
	-webkit-transition: all .15s;
	-o-transition: all .15s;
	transition: all .15s;
	text-align: center;
	border: none;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
/*--------------------------------------------------------------
bootstrap
--------------------------------------------------------------*/
pre {
    border: none;
}
p {
    margin:0 10px 10px;
    line-height: 2.2;
    font-weight: 400;
	font-size: 15px;
}
.media {
    margin-top: 0px;
}
article {
    background: #fff;
}
.entry-content {
	    margin-bottom: 15px;
}
.article .entry-meta a {
    color: #fff !important;
}
.category .entry-meta a {
    color: #222 !important;
}
article:hover {
	-webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    box-shadow: 0 3px 8px 0 rgba(66,66,66,0.18),0 3px 12px 0 rgba(66,66,66,0.14);
}
#sp-component > section > div {
    background: #f6f9fc;
}
.text-right {
    text-align: right;
}
/*--------------------------------------------------------------
    cart
--------------------------------------------------------------*/
.vina-cart-small .top-cart-content p {
    font-size: 13px;
}
/*--------------------------------------------------------------
    alert
--------------------------------------------------------------*/
.alert {
    font-weight: 400;
	line-height: 3;
    font-size: 15px;
}
/*--------------------------------------------------------------
    tag
--------------------------------------------------------------*/
.tags a {
    background: #2ca4e0 !important;
    border: 1px solid #2ca4e0;
}
.tags a:hover {
    background: #fff !important;
    font-weight: 400;
}

/*--------------------------------------------------------------
    menu inside
--------------------------------------------------------------*/
.mrg20B {
    margin-bottom: 20px !important;
}
.right-menu {
    padding: 0;
    margin: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    background-color: #FFF;
}
.right-menu > li{list-style:none;border-bottom:1px solid #d8d8d8;position:relative;border-right:3px solid #0065ca;}
.right-menu > li:last-child{border-bottom:none;}
.right-menu > li > a{display:block;height:40px;line-height:40px;padding-right:45px;outline:none;color:#666;font-size:14px;font-weight: normal;}
.right-menu > li > a:before{border-left:1px solid #D8D8D8;content:" ";display:inline-block;height:40px;margin:0;padding:0;position:absolute;right:0;top:0;transition-duration:0.4s;width:40px;}
.right-menu > li.active{border-right:3px solid #FB8000;}
.right-menu > li.active > a,.right-menu > li.active:hover > a,.right-menu > li.active:hover > a:hover{color:#000;background-color:#EBEBEB;}
.right-menu > li.active > a:before, .right-menu > li:hover > a:before{border-left:1px solid #666;}
.right-menu > li:hover{border-right:3px solid #FB8000;}
.right-menu > li > a:hover{background-color:#FB8000;color:#fff;}
.right-menu > li.active > a:hover{color:#000;}
.right-menu-dropmenu{display:none;}
.right-menu-dropmenu select option{padding:3px 5px;}
.right-menu > li:first-child > a, .right-menu > li.active:first-child > a, .right-menu > li:first-child > a:hover{border-radius:4px 0 0;-moz-border-radius:4px 0 0;-webkit-border-radius:4px 0 0;-o-border-radius:4px 0 0;}
.right-menu > li.active:last-child > a, .right-menu > li:last-child > a, .right-menu > li:last-child > a:hover{border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;-webkit-border-radius:0 0 0 4px;-o-border-radius:0 0 0 4px;}
.sub-right-menu{border-top:1px solid #d8d8d8;padding:0;display:none;background-color:#f9f9f9}
.sub-right-menu > li{list-style:none;border-bottom:none;position:relative;border-right:none;}
.right-menu > li > .sub-right-menu > li > a{display:block;min-height:35px;line-height:30px;padding-right:45px;outline:none;color:#666;font-size:13px;border-bottom:1px #d8d8d8 dotted}
.right-menu > li > .sub-right-menu > li > a.active{color:#ff8800;}
.right-menu > li > .sub-right-menu > li > a:before{content:" ";display:inline-block;min-height:35px;margin:0;padding:0;position:absolute;right:0;top:0;transition-duration:0.4s;width:40px;background-position:12px -28px;border-left:1px #d8d8d8 solid}
.right-menu > li > .sub-right-menu > li:last-child > a:before{min-height:35px;}
.right-menu > li > .sub-right-menu > li:last-child > a{border-bottom:none}
.right-menu ul.sub-right-menu li a:hover, .right-menu ul.sub-right-menu li.active a{color:#ff8800;}
.right-menu > li.specialad-icon > a{color:#666;}
.right-menu > li{border-right:3px solid #0065CA;}
.right-menu > li > a:before{background-position:12px 14px;}
.right-menu > li{border-right:3px solid #0065CA;}
.right-menu > li:hover > a:before, .right-menu > li.active > a:before{background-color:#666;}
.right-menu > li:hover:last-child, .right-menu > li.active:last-child{border-radius:0 0 0 4px;}
.right-menu > li:hover:first-child, .right-menu > li.active:last-child{border-radius:4px 0 0 0;}
.right-menu > li:hover a:before, .right-menu > li.active a:before{background-position:-23px 14px;}
/* Hover Sprite */
li.chart-icon a:before, li.contract-icon a:before, li.agent-icon a:before, li.sotware-icon a:before, li.news-icon a:before, li.funny-icon a:before, li.newsletter-icon a:before, li.design-icon a:before, li.map-icon a:before, li.wiki-icon a:before, li.code-icon a:before, li.job-icon a:before, li.pon-icon a:before
{
	background-image: url( "../images/other/webtools-sprite.png" );
	background-repeat: no-repeat;
	background-color: #EBEBEB;
}
li.chart-icon a:before
{
	background-position: 6px 6px;
}
li.contract-icon a:before
{
	background-position: 8px -28px;
}
li.agent-icon a:before
{
	background-position: 7px -64px;
}
li.sotware-icon a:before
{
	background-position: 7px -97px;
}
li.news-icon a:before
{
	background-position: 7px -132px;
}
li.funny-icon a:before
{
	background-position: 7px -168px;
}
li.newsletter-icon a:before
{
	background-position: 6px -204px;
}
li.design-icon a:before
{
	background-position: 7px -240px;
}
li.map-icon a:before
{
	background-position: 6px -275px;
}
li.wiki-icon a:before
{
	background-position: 7px -309px;
}
li.code-icon a:before
{
	background-position: 6px -342px;
}
li.job-icon a:before
{
	background-position: 7px -378px;
}
li.pon-icon a:before
{
	background-position: 7px -418px;
}
/* Hover Sprite */
li.chart-icon:hover a:before, li.contract-icon:hover a:before, li.agent-icon:hover a:before, li.sotware-icon:hover a:before, li.news-icon:hover a:before, li.funny-icon:hover a:before, li.newsletter-icon:hover a:before, li.design-icon:hover a:before, li.map-icon:hover a:before, li.wiki-icon:hover a:before, li.code-icon:hover a:before, li.job-icon:hover a:before,li.pon-icon:hover a:before, li.chart-icon.active a:before, li.contract-icon.active a:before, li.agent-icon.active a:before, li.sotware-icon.active a:before, li.news-icon.active a:before, li.funny-icon.active a:before, li.newsletter-icon.active a:before, li.design-icon.active a:before, li.map-icon.active a:before, li.wiki-icon.active a:before, li.code-icon.active a:before, li.job-icon.active a:before,li.pon-icon.active a:before
{
	background-color: #666;
}
li.chart-icon:hover a:before, li.chart-icon.active a:before
{
	background-position: -38px 6px;
}
li.contract-icon:hover a:before, li.contract-icon.active a:before
{
	background-position: -37px -28px;
}
li.agent-icon:hover a:before, li.agent-icon.active a:before
{
	background-position: -37px -64px;
}
li.sotware-icon:hover a:before, li.sotware-icon.active a:before
{
	background-position: -37px -97px;
}
li.news-icon:hover a:before, li.news-icon.active a:before
{
	background-position: -38px -132px;
}
li.funny-icon:hover a:before, li.funny-icon.active a:before
{
	background-position: -38px -168px;
}
li.newsletter-icon:hover a:before, li.newsletter-icon.active a:before
{
	background-position: -38px -204px;
}
li.design-icon:hover a:before, li.design-icon.active a:before
{
	background-position: -37px -240px;
}
li.map-icon:hover a:before, li.map-icon.active a:before
{
	background-position: -39px -275px;
}
li.wiki-icon:hover a:before, li.wiki-icon.active a:before
{
	background-position: -38px -309px;
}
li.code-icon:hover a:before, li.code-icon.active a:before
{
	background-position: -39px -342px;
}
li.job-icon:hover a:before, li.job-icon.active a:before
{
	background-position: -38px -378px;
}
li.pon-icon:hover a:before, li.pon-icon.active a:before
{
	background-position: -38px -418px;
}
/*--------------------------------------------------------------
    chat
--------------------------------------------------------------*/
.ca__civ-chat-window .ca__civ-chat-message .ca__civ-chat-content,
.ca__chat_start_greeting,
.ca__chat-launcher .ca__chat-launcher-body div,
.ca__chat-control-heading .ca__chat-title,
.ca__civ-chat-window .ca__civ-chat-heading.ca__chat-chat-heading-exist .ca__agent_name,
.ca__civ-chat-window .ca__civ-chat-input,
.ca__civ-chat-window .ca__civ-chat-message .ca__civ-chat-time,
#ca__first-msg .ca__bg-first-msg .ca__first-msg-box .ca__first-msg-content,
.__ca__chat-email-prompt .group p {
    font-family: Vazir !important;
    font-weight: 400 !important;
}
.ca__chat-expand-button {
    height: 60px !important;
    width: 60px !important;
    bottom: 60px !important;
    right: 15px !important;
}
.ca__chat-launcher .ca__chat-launcher-body {
    right: 15px !important;
    bottom: 130px !important;
}	
.ca__chat-launcher-small-body {
    bottom: 65px !important;
    right: 85px !important;
	font-weight: 400 !important;
}
/*--------------------------------------------------------------
    chat
--------------------------------------------------------------*/
.meshim_widget_widgets_chatLogRenderer_BasicRenderer .chat_msg_holder .chat_msg,
.meshim_widget_components_chatWindow_chatPanel_ChatTextArea .textarea,
.meshim_widget_components_chatWindow_chatPanel_ChatPanelHeader .card .content_cell,
.meshim_widget_widgets_Button.short,
.meshim_widget_components_chatWindow_NewChatForm.rtl .form .input{
    font-family: Vazir !important;
    font-size: 14px;
}
.meshim_widget_components_chatWindow_chatPanel_ChatTextArea .textarea {
    font-family: Vazir !important;
    font-size: 14px;
}
.meshim_widget_widgets_chatLogRenderer_ChatName .text_name,
.meshim_widget_components_chatWindow_newChatForm_Banner.image_right .text_cell,
.meshim_widget_components_ChatButton.br .button_bar {
    font-family: Vazir !important;
    font-weight: 400;
    font-size: 15px;
}
.meshim_widget_widgets_TitleBar.rtl .title,
.meshim_widget_widgets_actionBar_DefaultActionBar button,
.meshim_widget_components_chatWindow_chatPanel_ChatLog .group_head {
    font-family: Vazir !important;
}	
.ca__chat-launcher-small-body {
    bottom: 65px !important;
    right: 85px !important;
	font-weight: 400 !important;
}
/*--------------------------------------------------------------
    ampz
--------------------------------------------------------------*/
#ampz_sidebar .ampz_container {
    background: #ffffff;
    border-radius: 3px;
	padding: 5px;
	box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
    -ms-box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
    -o-box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
}
#ampz_sidebar .ampz_btn {
    border-radius: 0.1875rem;
}
.ampz-icon {
    font-size: 25px !important;
}
#ampz_sidebar.ampz_sidebar_right {
    right: 10px !important;
	top: 45% !important;
}
.template_amsterdam, .template_eindhoven {
    color: #9E9E9E !important;
}
.ampz_googleplus.ampz_colorbg {
    background: #fff !important;
}
.ampz_googleplus.ampz_colorbg:hover {
    background: #dc4e41 !important;
	color: #fff !important;
}
.ampz_twitter.ampz_colorbg {
    background: #fff !important;
}
.ampz_twitter.ampz_colorbg:hover {
    background: #00b6f1 !important;
	color: #fff !important;
}
.ampz_facebook.ampz_colorbg {
    background: #fff !important;
}
.ampz_facebook.ampz_colorbg:hover {
    background: #3b5998 !important;
	color: #fff !important;
}
.ampz_linkedin.ampz_colorbg {
    background: #fff !important;
}
.ampz_linkedin.ampz_colorbg:hover {
    background: #1b86bd !important;
	color: #fff !important;
}
.ampz_pinterest.ampz_colorbg {
    background: #fff !important;
}
.ampz_pinterest.ampz_colorbg:hover {
    background: #ca2128 !important;
	color: #fff !important;
}
.ampz_email.ampz_colorbg {
    background: #fff !important;
}
.ampz_email.ampz_colorbg:hover {
    background: #999 !important;
	color: #fff !important;
}
.ampz_whatsapp.ampz_colorbg {
    background: #fff !important;
}
.ampz_whatsapp.ampz_colorbg:hover {
    background: #4dc247 !important;
	color: #fff !important;
}
.ampz_telegram.ampz_colorbg {
    background: #fff !important;
}
.ampz_telegram.ampz_colorbg:hover {
    background: #08c !important;
	color: #fff !important;
}
/*--------------------------------------------------------------
    head
--------------------------------------------------------------*/
.headi30ms {
    background: #fafcfc;
    margin-bottom: 15px;
	padding-top: 15px;
    height: 155px;
    text-align: center;
    color: #6d717a;
}
.headi30ms h1 {
    font: normal 19px/24px Vazir;
    margin-top: 7px;
}
.login-tips {
    border-right: 1px solid #f0f1f2;
    padding-right: 55px;
}
/*--------------------------------------------------------------
    ticket
--------------------------------------------------------------*/
#i30mscontent {
    padding: 0 0 20px 0;
}
.i30mscontent {
    color: #000;
    text-decoration: none;
    font-size: 1.1em;
    line-height: 1.8;
}
.yellow .i30msSystemsItem {
    background: #f0a540;
}
.yellow .i30msSystemsItem i {
    background: #eeb05d;
}
.red .i30msSystemsItem {
    background: #ef3f3e;
}
.red .i30msSystemsItem i {
    background: #eb6362;
}
.green .i30msSystemsItem {
    background: #4caf50;
}
.green .i30msSystemsItem i {
    background: #62b965;
}
.blue .i30msSystemsItem {
    background: #2196f3;
}
.blue .i30msSystemsItem i {
    background: #53a7ea;
}
.i30msSystemsItem {
    background: #a00005;
    border-radius: 4px;
    position: relative;
    min-height: 100px;
    overflow: hidden;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.i30msSystemsItem i {
    background: #dc2026;
    display: block;
    float: right;
    width: 100px;
    font-size: 48px;
    text-align: center;
    padding: 26px 0;
    color: #fff;
    top: 0;
    left: 0;
    border-radius: 0 4px 4px 0;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.i30msSystemsItem .Systemcaption {
    width: 100%;
    display: block;
    float: left;
    position: absolute;
    top: 0;
    padding-right: 100px;
    text-align: center;
    padding-top: 32px;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.i30msSystemsItem .Systemcaption2 {
    width: 100%;
    display: block;
    float: left;
    position: absolute;
    top: 0;
    padding-right: 100px;
    text-align: center;
    padding-top: 32px;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.i30msSystemsItem .Systemcaption2 {
    width: 100%;
    display: block;
    float: left;
    position: absolute;
    top: 0;
    padding-right: 50px;
    text-align: center;
    padding-top: 32px;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.i30msSystemsItem:hover .Systemcaption {
    padding-right: 0;
    float: none!important;
    right: 0;
    left: 0;
}
.i30msSystemsItem:hover .Systemcaption2 {
    padding-right: 0;
    float: none!important;
    right: 0;
    left: 0;
}
.i30msSystemsItem:hover i {
    opacity: 0;
    transform: scale(.5);
}
.i30msSystemsItem strong, .i30msSystemsItem span {
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
}
/*--------------------------------------------------------------
    FontAwesome
--------------------------------------------------------------*/
.fa {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#ticket_messages {
    background: #eeeff1;
    padding: 35px;
}
#messagereply {
    background: #eeeff1;
}
.fss_main .table-ticketborders th:first-child, .fss_main .table-ticketborders td:first-child {

}
.fss_main h2 {
    font-size: 31.5px;
    text-align: center;
    background-color: #f5f5f5;
    line-height: 5;
    border-radius: 4px 4px 0 0;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
.fss_ticket_row_admin_head,
.fss_ticket_row_otheruser_head {
    background-color: #46a349  !important;
    padding: 15px;
    border-radius: 4px;
	color: #fff;
}
.fss_main .ticket_message_header,
.fss_main .fss_ticket_row_user_head {
    background-color: #009688  !important;
	color: #fff;
}
#ticket_messages > table > tbody > tr.fss_ticket_row_otheruser.fss_ticket_row_otheruser_body {
    background-color: #f2fdff !important;
    padding: 15px;
    border-radius: 4px;
}
#ticket_messages > table > tbody > tr.fss_ticket_row_user.fss_ticket_row_user_body {
    background-color: #fff !important;
    padding: 15px;
    border-radius: 4px;
}
.fss_main h1, .fss_main h2, .fss_main h3, .fss_main h4, .fss_main h5, .fss_main h6 {
    margin: 0 !important;
}
.fss_main .nav-tabs > li > a {
    line-height: 50px !important;
	color: #fff;
}
.fss_main .nav-tabs > .active > a, .fss_main .nav-tabs > .active > a:hover, .fss_main .nav-tabs > .active > a:focus {
    border: 1px solid transparent !important;
    border-radius: 0;
}
.fss_main .nav {
    margin-bottom: 0px;
    background: #009cde url(/images/page/top-bar/elements_header_background.png);
    background-size: 300px 300px, auto;
}
.fss_main .nav-tabs > li > a {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}
.fss_main .nav > li > a:hover, .fss_main .nav > li > a:focus {
    background-color: #333 !important;
	color: #fff !important;
}
.fss_main .nav-tabs > li > a:hover, .fss_main .nav-tabs > li > a:focus {
    border-color: #333 #333 #333 !important;
}
.fss_main .table th {
    font-weight: 400 !important;
	line-height: 3 !important;
}
.fss_main strong {
    font-weight: 500 !important;
}
.fss_main .table-bordered {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.fss_main form {
    margin: 20px 100px 20px !important;
	
}
.fss_main input, .fss_main button, .fss_main select, .fss_main textarea {
    font-family: FontAwesome, Vazir !important;
}
.fss_main .input-medium {
    width: 200px !important;
}
.fss_main select, .fss_main input[type="file"] {
    height: 50px !important;
}
.fss_main .form-horizontal .control-label {
    text-align: center !important;
}
.fss_main .label-warning, .fss_main .badge-warning {
    background-color: #04756b !important;
}
.fss_main .label, .fss_main .badge {
    font-size: 13.844px !important;
}
.fss_main .table-bordered thead:first-child tr:first-child > th:last-child, .fss_main .table-bordered tbody:first-child tr:first-child > td:last-child, .fss_main .table-bordered tbody:first-child tr:first-child > th:last-child {
    border-top-right-radius: 4px !important;
}
.fss_main .table {
    margin-bottom: 0px !important;
	 -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
.fss_main .nav-tabs {
    border-bottom: 1px solid #009cde !important;
}
.fss_main textarea, .fss_main input[type="text"], .fss_main input[type="password"], .fss_main input[type="datetime"], .fss_main input[type="datetime-local"], .fss_main input[type="date"], .fss_main input[type="month"], .fss_main input[type="time"], .fss_main input[type="week"], .fss_main input[type="number"], .fss_main input[type="email"], .fss_main input[type="url"], .fss_main input[type="search"], .fss_main input[type="tel"], .fss_main input[type="color"], .fss_main .uneditable-input {
	border: none !important;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}













.align-center {
    text-align: center !important;
}
.menu-order #sp-component-area-wrapper, .menu-profile #sp-component-area-wrapper, .menu-my-orders #sp-component-area-wrapper {
    background: transparent !important;
}
.order-view-title p{
    margin: 10px 0;
}
.off-order-list-page {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.1);
    color: #737373;
}
.table>thead>tr>th {
    border-bottom: 1px solid transparent;
}
.menu-order th, .menu-profile th, .menu-my-orders th {
    background-color: #85b3be;
    color: #fff;
    font-weight: 400;
    padding: 15px !important;
}
.menu-order .table th, .menu-profile .table th, .menu-my-orders th {
    padding: 20px 0 !important;
}
.menu-order .table td, .menu-profile .table td, .menu-my-orders td {
    padding: 25px 0 !important;
}
.menu-order th, .menu-order td, .menu-profile th, .menu-profile td, .menu-my-orders th, .menu-my-orders td {
    border-top: none;
}






.account-user-info {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.1);
    border: 1px solid #dedede;
    margin-bottom: 23px;
    height: calc(100% - 68px);
    position: relative;
	z-index: 1;
}
.account-user-info-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    border-bottom: 1px solid #f1f1f1;
	position: relative;
    z-index: 1;
}
.account-user-info-col {
    position: relative;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0;
    padding: 20px 30px;
	z-index: 1;
}
.account-user-info-row.two .account-user-info-col:first-child {
    border-left: none;
}
.account-user-info-row.one .account-user-info-col:first-child {
    border-right: none;
}
.account-user-info-col p {
    font-size: 19px;
    line-height: 1.158;
    color: #939393;
	font-weight: 400;
}
.account-user-info-col p span {
    display: block;
    font-size: 13px;
    line-height: 1.692;
    letter-spacing: -.3px;
    margin-bottom: 4px;
    color: #bababa;
}
.account-user-info-edit {
    padding: 14px 30px 17px;
    text-align: center;
    font-size: 12px;
    line-height: 1.833;
    position: relative;
}


.account-user-info-order .account-user-info-col, .account-user-moshakhasat .account-user-info-note {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
}
.account-user-info-col-order {
    border-bottom: 1px solid #f1f1f1 !important;
}
.account-user-info:before {
    content: "";
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg,#00bfd6 48px,#ff7e7e 0) repeat-x;
    background-size: 96px 3px;
}

.btn-link-border:after {
    left: 0;
    right: 0;
    top: 50%;
    margin-top: .85em;
    content: "";
    position: absolute;
    border-bottom: 1px dashed #1ca2bd;
}
.btn-link-border {
    display: inline-block;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #1ca2bd !important;
    padding: 15px 0;
    line-height: 2;
}




.order-view-back:before {
	font: normal normal normal 14px/1 FontAwesome;
    content: "\f178";
    position: absolute;
    right: 2px;
    top: 5px;
    font-size: 35px;
}
.order-view-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px;
}
.order-view-back {
    border: none;
    background: none;
    height: 65px;
    border-left: 1px solid #dfdfdf;
    margin-left: 15px;
    font-size: 13px;
    line-height: 2.2;
    color: #767676;
    padding: 36px 0 0 16px;
    cursor: pointer;
    position: relative;
}
.order-view-title h4 {
    font-size: 21px;
	font-weight: 500;
    line-height: 1.048;
    color: #858585;
}
.order-view-title h4 span {
    display: block;
    font-size: 14px;
    line-height: 1.833;
    margin-top: 5px;
	font-weight: 400;
    margin-bottom: -15px;
    color: #acacac;
}


.account-headline > span {
    color: inherit;
    font-weight: 400;
    font-size: 18px;
    line-height: 31px;
}
.woocommerce-account ol {
    padding: 0;
    margin: 0 0 20px 0;
}
.woocommerce-account:last-child {
    margin: 0 !important;
}
.woocommerce-account ol.commentlist.notes li {
    height: 100px;
    background-color: #fcfcfc;
    margin-top: 12px;
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    overflow: hidden;
    padding: 20px 25px 30px 67px;
    line-height: 28px;
    position: relative;
}
.woocommerce-account ol.commentlist.notes li:before {
	    font-family: FontAwesome;
    content: "\f0f3";
    position: absolute;
    left: -10px;
    bottom: 50px;
    font-size: 100px;
    color: #efefef;
}
.woocommerce-account:last-child .commentlist.notes li {
    background-color: #11b719;
    background-image: linear-gradient(to right, #11b719, #39f771);
    box-shadow: 0 3px 25px -5px #36f26a;
    color: #fff;
}
.woocommerce-account:last-child ol.commentlist.notes li:before, .woocommerce-account:last-child .commentlist.notes li.note p.meta {
    color: #ffffff;
}
.woocommerce-account:last-child ol.commentlist.notes li:before {
	    font-family: FontAwesome;
    content: "\f00c";
    left: 15px;
    bottom: 50px;
    font-size: 70px;
}
.bg-method:before {
    position: absolute;
    left: 25px;
    bottom: 9px;
    font-size: 90px;
    line-height: 1;
    z-index: -1;
    color: #f3f4f7;
}
.ersal-method:before {
	font-family: FontAwesome;
    content: "\f0d1";
}
.pardakht-method:before {
	font-family: FontAwesome;
    content: "\f09d";
}
.ship-method:before {
	font-family: FontAwesome;
    content: "\f290";
}
.kharidar-method:before {
	font-family: FontAwesome;
    content: "\f21d";
}
.order-method:before {
	font-family: FontAwesome;
    content: "\f200";
}
.summ-method:before {
	font-family: FontAwesome;
    content: "\f201";
}