@charset "utf-8";
/*Eric Meyer's*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0; line-height: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block; vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent; transition:linear .2s;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
form{margin:0;}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0;}
td,th,ol,ul,li{padding:0; margin:0;}
ul,ol{padding-right:20px;}
p{margin:0;}
h1,h2,h3{font-weight:normal; padding:0px; margin:0;}
textarea, input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 0;}

@font-face {
  font-family: Sahel;
  src: url('includes/fonts/Sahel-FD.eot');
  src: url('includes/fonts/Sahel-FD.eot?#iefix') format('embedded-opentype'),
       url('includes/fonts/Sahel-FD.woff2') format('woff2'),
       url('includes/fonts/Sahel-FD.woff') format('woff'),
       url('includes/fonts/Sahel-FD.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: SahelB;
  src: url('includes/fonts/Sahel-Bold-FD.eot');
  src: url('includes/fonts/Sahel-Bold-FD.eot?#iefix') format('embedded-opentype'),
       url('includes/fonts/Sahel-Bold-FD.woff2') format('woff2'),
       url('includes/fonts/Sahel-Bold-FD.woff') format('woff'),
       url('includes/fonts/Sahel-Bold-FD.ttf') format('truetype');
}

@font-face {
  font-family: SahelT;
  src: url('includes/fonts/Sahel-Black-FD.eot');
  src: url('includes/fonts/Sahel-Black-FD.eot?#iefix') format('embedded-opentype'),
       url('includes/fonts/Sahel-Black-FD.woff2') format('woff2'),
       url('includes/fonts/Sahel-Black-FD.woff') format('woff'),
       url('includes/fonts/Sahel-Black-FD.ttf') format('truetype');
}

::-moz-selection{background:rgba(0,0,0,0.1)}
* {
    box-sizing: border-box;
}
*:focus,
*:active,
a:active,
a:focus,
input:focus,
input:active { 
    -moz-outline-style: none;
	outline:none;
	outline: 0;
}
/* light blue at 80% opacity */
html {
    -webkit-tap-highlight-color: transparent;
}

/***** hide input number spinner ****/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}
::-moz-placeholder { /* Firefox 19+ */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}
:-ms-input-placeholder { /* IE 10+ */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}
:-moz-placeholder { /* Firefox 18- */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}

a{text-decoration:none; transition:all linear 0.2s;}
b, strong{font-family:'sahelB'; font-weight:normal;}
.ltr, .ltext{ direction: ltr; display: inline-block !important;}

/* Default CSS */
.drtl{direction:rtl;}.dltr{direction:ltr;}.FloatR{float:right;}.FloatL{float:left;}
.clr, .clear{clear:both;}.Tright{text-align:right;}.Tleft{text-align:left}.Tjustify{text-align:justify;}.Tcenter{text-align:center;}
.Ared,.red{color:#A70000 !important;} .Agreen,.green{color:#0b9b36 !important;} .Aorange{color:#f7941e;} .Ablue{ color: #2d97b7;}

.mar_ato{ margin: auto;}.mar0t{ margin-top: 0 !important}
.dis_non{ display: none;}.dis_blc{ display: block;}
.w40{ width:40px;}.w200{ width:200px;}.w250{ width:250px;}.w80d{ width: 80% !important;}
.no_wrap{ white-space:nowrap}
.c_just{justify-content: center}
.font14{ font-size: 14px;}.font18{font-size: 18px;}
.hr_st{ border-top-color: #e6c1c7;border: 0;border-top: 1px solid #db9a6c;}

html, body{ width:100%; height:100%; padding:0; margin:0;}
body{ direction:rtl; font-size:16px; font-family:'sahel'; line-height:27px; color:#1B1B1B;}
.main{max-width:1250px; margin:auto; display:block; padding:0 15px;}
.main_panel{max-width:900px; margin:0; display:block;}
.flexbox{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items:center;} 
.align_st{ align-items: stretch;}
.more{ padding: 7px 15px; margin: 20px auto; background: #0f8f77; color: #fff; font-family: "sahelB"; font-size: 16px; line-height: 26px; text-align: center; display: inline-block; transition: all linear 0.2s; cursor: pointer; border:none;}
.more:hover{ opacity: .7;}
.more i{ padding-right: 8px; vertical-align: middle;}
.more .fa-shopping-cart{ padding: 0 0 0 3px !important;}
.more2{ min-width: 285px; margin-top:40px; background:rgba(237,54,57,1.00); font-family:SahelB;}
@media only screen and (max-width:1024px){
	.more{ padding: 14px 15px !important;}
	.more:hover{ opacity: 1;}
}
#hide_overflow { position: relative; overflow: hidden;}
.scroll{ overflow-y: scroll; position: fixed; width: 100%; left: 0px; top: 0px;}
.hide_h1{ height: 0; width: 0; visibility: hidden; opacity: 0;}
.t_title{ font-family: "sahelB"; font-size: 25px; line-height: 35px; margin-bottom: 40px; text-align: center; position: relative;}
.t_title:after{ content: ""; width: 80px; height: 2px; background: #a1577c; position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; display: block;}
.mrg_bt{ margin-bottom: 0 !important;}
.en_font{ font-family: Tahoma !important;}

/*Head*/
#head_top{ max-height: 65px; padding:0 0 20px; font-family:SahelT; opacity: 1; visibility: visible; transition: all linear 0.2s;}
#head_top img{ width: 45px; display: inline-block;}
#head_top .drug{ padding: 0 5px; font-weight:normal; font-size:27px; line-height:37px; display:inline-block; color:rgba(49,81,80,1.00);}
#head_top .slogan,.slogan_nav{ margin-right:5px; display:inline-block; font-weight: normal; font-family:Sahel; color: #1B1B1B; font-size:12px; line-height: 22px; border-bottom: 1px dashed #1B1B1B;}
#head_icon{ margin-right: 30px; font-size:22px; justify-content: flex-end; flex-wrap: nowrap;}
header #icon_box{ margin-right: 25px; display:inline-block; position: absolute; left: 20px; bottom: 14px; cursor: pointer;}
header .basket{ width: 52px; height: 42px; padding: 5px 10px; position: relative; display: inline-block; transition: all linear 0.2s; vertical-align: bottom;}
header .basket:hover{ opacity: 0.6;}
header .basket i.shopping{ color:#ee1b24; position: relative; top: 3px; font-size:27px;}
.shadow, .shadow1{ border: 1px solid #ddd; border-bottom: none;}
/** tedad kharid **/
header .basket span{ width: 15px; height: 15px; line-height: 13px; padding: 2px; text-align: center; background: #018201; color: #fff; font-size: 12px; font-family: sahelB; border-radius: 100%; position: absolute; bottom: 2px; right: 3px; z-index: 10;}
/** /tedad kharid **/
#cart_list{ max-width: 300px; width: 100%; padding: 10px; background: #fff; position: absolute; left: 20px; top: Calc(100% - 13px); border: 1px solid #ddd; display: none; z-index: 100;}
#cart_list:after, #login ul:after{ content: ""; width: 50px; height: 1px; background: #fff; position: absolute; left:0; top: -1px; display: block;}
header.fix_head #cart_list{ top: Calc(100% - 15px); left: 20px;}
.cost_process{ margin: 30px 0; position: relative;}
.cost_process ul{ height: 4px; padding: 0; margin: 0; font-size: 0; background: #ddd;}
.cost_process ul li{ width: 50%; height: 100%; display: inline-block; vertical-align: top; position: relative;}
.cost_process ul i{ color: #ddd; font-size: 12px; position: absolute; top: -4px; right: -2px; z-index: 10;}
.cost_process ul i.c_left{ left:-2px; right: inherit;}
.cost_process ul li:last-child i{ left: -2px; right: inherit;}
.cost_process .active{ background: #7b3a5b;}
.cost_process .active i{ color: #7b3a5b;}
.cost_process .c_min, .cost_process .c_max{ font-size: 12px; position: absolute; right: 0; display: block;}
.cost_process .c_max{ left: 0; right: inherit;}
.cost_process .bike{ font-size: 12px; line-height: 18px; position: absolute; top: -25px; right: 50%; transform: translatex(50%); white-space: nowrap; display: inline-block;}
.cost_process .bike i{ margin-right: 5px; color: #11937c; font-size: 28px; vertical-align: middle; -webkit-transform: scaleX(-1); transform: scaleX(-1); position: relative; top: 1px;}


.cart_rows{ padding: 10px 0; border-bottom: 1px solid #f0f0f1;}
#cart_list .cart_rows:last-child{ border: none;}
.rows_info .row_img{ width: 75px; display: block;}
.rows_info .row_img img{ width: 100%; display: block;}
.rows_info .info_row{ width: Calc(100% - 80px); margin-right: auto;}
.rows_info h3 a{ color: #333; font-family: "sahelB"; font-size: 13px; line-height: 21px; display: block;}
.rows_info h3 a:hover{ color: rgba(237,54,57,1.00);}
#all_rows{ padding-top: 10px; font-family: "sahelB"; font-size: 22px; text-align: right; border-top: 1px solid #f0f0f1; display: none;}
#all_rows #cost_all{ margin-left: auto;}
#all_rows .more{ margin: 0;}
#cost_all .f_tiny{ font-size: 10px; font-family: sahel;}

#num_link{ padding: 5px 0 10px 0; border-bottom: 1px solid #f0f0f1;}
#num_link > div{ color: gray; font-size: 13px;}
#num_link > a{ margin-right: auto; color: #7b3a5b; font-size: 14px;}
#num_link > a i{ margin-right: 5px; vertical-align: middle;}
#num_link > a:hover{ opacity: 0.7;}
.del_item{ color: gray; font-size: 12px; line-height: 20px; margin-right: 5px;}
.del_item > span{ margin-left: 10px; padding-left: 10px; display: inline-block;} 
.del_item > span:nth-last-of-type(2){ border-left: 1px solid #f0f0f1;}
.del_item .n_pro i{ font-style: normal;}
.del_item .p_color span{ width: 13px; height: 13px; margin-left: 2px; border-radius: 100%; border: 1px solid #ddd; display: inline-block; vertical-align: middle;}
.del_item .p_black{ background: #000;}
.p_black.wg_style{ width: 13px;height: 13px;border-radius: 100%; border: 1px solid #ddd;display: inline-block;vertical-align: middle;}
.del_item .trash{ padding: 10px 15px 10px 10px; margin-right: auto; font-size: 14px; display: inline-block; cursor: pointer; transition: all linear .2s;}
.del_item .trash:hover{ color: rgba(237,54,57,1.00);} 

#list_scroll{ height: 195px; overflow: auto;}
#list_scroll .basket_empty{ width: 100%; max-width: 210px; margin: auto; display: none;}
#cart_list.emptybox .basket_empty{ display: block;}
#cart_list.emptybox #all_rows{ display: none;}
#cart_list #all_rows{ display: flex;}
@media only screen and (max-width:320px){
	#cart_list{ width: 95%; left: 0; right: 0; margin: auto;}
}

#head_icon #s_form, #p_form{ width: 100%; max-width: 200px; height: 35px; position: relative;}
#head_icon #s_form input, #p_form input{ width: 100%; height: 100%; padding: 0 5px 0 30px; font-size: 13px; font-family: sahel; border: none; border-bottom: 1px solid rgb(72, 111, 110);}
#head_icon #s_form button, #p_form button{ height: 100%; width: 30px; text-align: left; padding: 0; background: transparent; position: absolute; left: 0; top: 0; border: none; transition: all linear 0.2s;}
#head_icon #s_form button:hover, #p_form button:hover{ opacity: 0.7;}
#head_icon #s_form button i, #p_form button i{ color:rgb(72, 111, 110); font-size: 17px; vertical-align: middle; position: relative; top: -1px;}

#login{ height: 42px; position: relative; display: inline-block;}
#login .for_user{ width: 52px; text-align: center; padding: 8px 0; color: rgb(72, 111, 110); font-size: 24px; font-family: sahelB; display: inline-block; white-space: nowrap; transition: all linear 0.2s;}
#login .for_user:hover{ opacity:0.6;}
#login .for_user i{ margin-right: 5px; vertical-align: middle; font-size: 28px;}
#login .for_user i.sort{ font-size: 11px; margin: 0 5px 0 0;}
#login ul{ min-width: 210px; padding: 0; margin: 0; background: #fff; border: 1px solid #ddd; font-size: 0; position: absolute; left: 0px; top: Calc(100% - 2px); z-index: 100; display: none;}
#login ul li{ font-size: 13px; display: block;}
#login ul li a{ padding: 8px 25px; color: rgb(72, 111, 110); font-family: sahel; display: block; position: relative;}  
#login ul li a:hover{ background: #eee;}
#login ul li a:after{ content: ""; width: Calc(100% - 30px); height: 1px; margin: auto; background: #eee; position: absolute; left: 0; right: 0; bottom: 0;}
#login ul li:last-child a:after{ display: none;}
#login ul li a i{ margin-left: 3px; vertical-align: middle;}
header.fix_head #login ul{ top: Calc(100% - 1px);}
#login .user_li .user_info{ width: 100%; margin-right: auto;}
.user_info .user_name{ font-family: "sahelB"; font-size: 15px; line-height: 21px;}
.user_info .user_link{ font-size: 12px; line-height: 20px; color: #a1577c;}
#login .user_li a{ display: flex;}

#phone_form .flexbox{ height: 40px; position: relative;}
#phone_form input{ width: 100%; height: 100%; padding: 0 5px 0 65px; margin: 0; background: transparent; font-family: sahel; font-size: 16px; border: none; border-bottom: 1px solid rgb(72, 111, 110);}
#phone_form button{ width: 65px; height: 100%; padding: 0; font-family: sahelB; font-size: 18px; text-align: left; background: transparent; color: rgba(49,81,80,1.00); border:none; position: absolute; left: 0; top: 0;}
#phone_form i{ color: rgb(72, 111, 110); font-size: 22px; display: block;}
.icon_menu{display: inline-block;position: relative; bottom: -4px;}
#menu{ font-size:14px; padding:0 0 5px; font-family:SahelB; color:rgba(69,69,69,1.00); transition: all linear 0.2s;}
#menu.show{ right: 0;}
header{ padding: 10px 15px 5px; position: relative; border: 10px solid #eeeff1;;}
header nav ul{ padding: 0; margin: 0; font-size: 0;}
header nav ul li{ font-size: 15px; list-style: none;}
header nav ul li a{ color: #454545; display: block; transition: all linear 0.2s;} 
header nav > ul > li{ font-size: 14px; font-family: sahelB; border-left:4px solid #eeeff1; display: inline-block;}
header nav > ul > li:last-child{ border:none;}
header nav > ul > li > a{ padding: 10px 10px 10px;}
header nav > ul > li > a:hover{ color: #a1577c;}
header ul .second_lvl{ width: 100%; padding: 20px; background: #fff; position: absolute; left: 0; right: 0; top:91%; font-family: sahel; border-top: 4px solid #eeeff1; align-items: stretch; opacity: 0; visibility: hidden; box-shadow: 0px 2px 5px -3px rgba(0,0,0,.3); transition: all linear 0.2s; z-index: 1000;}
header nav ul li:hover ul{ opacity: 1; visibility: visible;}
header nav > ul > li:hover > a{ color: #a1577c; background:#eeeff1;}
header ul .second_lvl > li{ width:11%; padding: 0 10px; border-right: 1px solid rgba(192,190,190,0.75);}
header ul .second_lvl > li > a{ color: #a1577c; font-family: sahelB !important;}
header ul .second_lvl a{ padding:2px 0; display: block;}
header ul .second_lvl a:hover{ color: #a1577c;} 
header ul .second_lvl li.head_title{ width: 100%; padding-right: 20px; border: none; font-size: 18px; font-family: "sahelB"; display:none;}
header ul .col_4 .img_column{ width: 48%;}
header ul .col_5 .img_column{ width: 35%;}
header ul .col_6 .img_column{ width: 22%;}
header ul .img_column{ font-size: 0;}
header ul .img_column a{ padding: 0; margin: 3px; vertical-align: top; border:none; display: inline-block;}
header ul .img_column img{ width: 100%; max-width: 80px; display: block;}
header ul .third_lvl li{ font-size: 14px; display: block;}
header nav i.open_li, header nav i.open_lvl2{ display:none;}
header li.back_col .open_li, header ul > li.back_col > a{ color: #a1577c !important;}
header.fix_head{ padding: 10px 20px; background: #fff; position: fixed; left: 0; right: 0; top: 0; z-index: 1000;}
header.fix_head #menu{ padding: 0;}
header.fix_head ul .second_lvl{ top: 79%;}
header.fix_head #icon_box{ bottom:14px; left: 20px;}
.space{ height: 73px;}

.resmenu_cover{ margin: auto; background: rgba(0,0,0,.5); position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1000; display: none;}
#consult{ margin: 0 auto 0 120px; font-family: "sahelB"; font-size:13px; display:inline-block; padding:0 15px 0; background:rgba(161,255,160,1.00); border-radius:20px; border:3px solid rgba(153,237,181,1.00); color:rgb(40, 113, 77); transition: all linear 0.2s; display: none;} 
#consult:hover{ opacity: .7;}
#consult.desk{ margin: 0 auto 0 0 !important; display: block;}

.i_color2{ padding-left: 5px; color:#00a555;}
.i_color3{ padding-left: 5px; color:#fbb962;}
.i_color4{ padding-left: 5px; color:#925672;}
.i_color5{ padding-left: 5px; color:#925672;}
.i_color6{ padding-left: 5px; color:#ea1d24;}
#menu_bar{ width:320px; padding: 14px 15px; background: transparent; position: absolute; top: 0; right: -255px; color: #333; font-size: 35px; text-align: left; display: none; cursor: pointer; transition: all linear 0.2s; z-index: 1100;}
#menu_bar.change{ height: 62px; padding-right: 25px; background: #fff; right: 0; color:#333; border-bottom: 3px solid #a1577c; text-align: right;}
#menu_bar span{ padding: 5px; color: rgba(49,81,80,1.00); position: absolute; top: 7px; right: 70px; font-family: "sahelT"; font-size: 23px; line-height: 35px; display: none;}
#menu_bar img{ width: 40px; display: inline-block; vertical-align: middle;}
#menu_bar.change span{ display: block;}

@media only screen and (min-width:1201px){
	.resmenu_cover, #phone_form{ display: none !important;}
	header.fix_head #head_top{ max-height: 0; padding: 0; overflow: hidden; opacity: 0; visibility: hidden;}
}
@media only screen and (max-width:1200px){
	header{ padding: 0 !important; border: none; position: relative !important;}
	.space{ height: 0px;}
	#head_top{ padding: 12px 70px 12px 15px; position: relative;}
	#head_top:after{ content: ""; height: 1px; width: Calc(100% - 40px); background: #eee; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; display: block;}
	#head_top img{ width: 38px;}
	#head_top .drug{ font-size: 23px; line-height: 35px;} 
	#head_top .slogan{ width: 75px; white-space: nowrap; overflow: hidden;}
	#head_icon{ display: none;}
	#menu_bar{ display: block;}
	header{ position: relative;}
	header ul .second_lvl{ padding: 5px; background: #fff; position: static; visibility: visible; opacity: 1; display: none; transition: none !important;}
	header ul .second_lvl > li{ width: 100%; padding:0 20px 0 0; border-bottom: none !important; border-right: none; position: relative;}
	header ul .second_lvl > li > a{ color: rgba(69,69,69,1.00);}
	header ul .second_lvl li{ border-bottom: 1px solid #ccc; }
	header ul .second_lvl li:last-child{ border-bottom: none;}
	header ul .second_lvl li a{ padding: 12px 0; border-bottom: none; display: block;}
	header ul .second_lvl li.head_title{ display: block;}
	header ul .second_lvl .my_link{ padding-right: 20px;}
	header ul .img_column{ display: none;}
	header #menu{ width: 320px; padding: 80px 0 50px; margin-bottom: 50px; background: #ededed; position: fixed; height: 100vh; top: 0; right: -320px; display: block; overflow: auto; z-index: 1050;}
	header nav{ width: 100%;}
	header nav ul li, header ul .third_lvl li{ font-size: 16px;}
	header nav > ul > li{ margin: 0; font-size: 18px; display: block; position: relative; border: none;}
	header nav > ul > li > a{ padding: 15px 25px 15px 50px; border-bottom: none; background: #eeeff1;}
	header nav i.open_li{ padding: 20px; position: absolute; left: 0; top:2px; font-size: 14px; cursor: pointer; display: block;}
	header nav i.open_lvl2{ padding: 16px 10px; font-size: 12px; position: absolute; right: 10px; top: 3px; display: block;}
	header nav ul ul{ display: none;}
	header ul .third_lvl{ padding-right: 10px; border-right: 1px solid #ccc;}
	header ul .third_lvl .head_title{ padding-right: 0 !important;}
	header ul .third_lvl .head_title a{ font-size: 16px;}
	#consult{ width: Calc(100% - 45px); padding: 5px 10px; margin:15px auto 15px; font-size: 16px; display: block;}
	#cart_list{ top: calc( 100% - 11px); left: 20px;}
	#login ul{ top: 100%;}
	header #icon_box{ padding: 10px 20px; margin: 0; position: static; display: flex;}
	#login{ margin: 0 auto 0 10px;}
	#consult.desk{ display: none;}

}
@media only screen and (max-width:1024px){
	header .basket:hover,#login .for_user:hover{ opacity:1;}
}
@media only screen and (max-width:768px){
	#head_icon #s_form{ position:absolute; left: 45px; top: 55px; z-index: 100;}
	#head_icon #s_form button{ text-align: center;}
	#search{ display: block;}
	#head_icon{ width: auto;}
}
@media only screen and (max-width: 500px){
	#phone_form{ width: 150px;}
}

/** slider **/
#sec_s_box{ padding-bottom: 60px; background: #fff;}
#indexSlider,#indexSlider2{ width: 100%; padding: 15px 25px;}
#indexSlider2{ max-width: 900px; margin: auto;} 
#indexSlider>.InSlide,#indexSlider2>.InSlide{ position: relative; }
#indexSlideBox,#indexSlideBox2{ border: 1px solid #ddd; border-radius: 10px; position: relative; overflow: hidden;}
#indexSlideBox2{ border: none;} 
.indexSlideImg,.indexSlideImg2{ width: 100%; position: absolute; opacity: 0; transition: all 1s linear;}
.indexSlideImg img,.indexSlideImg2 img{ max-width:100%; width:100%; margin: auto; display: block;}
.indexSlideImg.pre,.indexSlideImg2.pre{ opacity: 0;transition:all linear 0.3s;transform: scale(1)}
.indexSlideImg.next,.indexSlideImg2.next{ opacity:0;transition:all linear 0.3s;transform: scale(1)}
.indexSlideImg.show,.indexSlideImg2.show{  opacity:1;z-index:90;transition:all linear 0.3s;}
.indexSlideArrow,.indexSlideArrow2{ width: 100px; margin: auto; text-align: center; font-size: 46px; color: #fff; position: absolute; top: 0; bottom: 0; cursor: pointer; display:block; z-index:90;}
.indexSlideArrow i,.indexSlideArrow2 i{ width: 50px; height: 50px; background: rgba(255,255,255, .4); color: #333; font-size: 20px; border-radius: 100%; line-height: 50px; margin: auto; position: absolute; top:0; bottom:0; text-shadow: 1px 1px 1px #000; transition:all linear 0.2s; z-index: 10;}
#indexLeftSlide,#indexLeftSlide2{ left: 0px; }
#indexRightSlide,#indexRightSlide2{ right: 0px; }
#indexLeftSlide i,#indexLeftSlide2 i{ left: Calc(100% - 50px);}
#indexLeftSlide:hover i,#indexLeftSlide2:hover i{ background: rgba(255,255,255, 0); left: 5px;}
#indexRightSlide i,#indexRightSlide2 i{ right: Calc(100% - 50px);}
#indexRightSlide:hover i,#indexRightSlide2:hover i{ background: rgba(255,255,255, 0); right: 5px;}
#indexLeftSlide:hover .leftsvg,#indexRightSlide:hover .rightsvg,#indexLeftSlide2:hover .leftsvg,#indexRightSlide2:hover .rightsvg{ transform: scaleX(2);}
#indexLeftSlide:hover .leftsvg .wave,#indexRightSlide:hover .rightsvg .wave,#indexLeftSlide2:hover .leftsvg .wave,#indexRightSlide2:hover .rightsvg .wave{ fill: rgba(255,255,255, .9);}
.leftsvg{ height: 100%; width: auto; transform-origin: left center 0px; transform: scaleX(1); transition: transform 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;	position: absolute; left: -3px;}
.leftsvg .wave, .rightsvg .wave{ transition: all 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;}
.rightsvg { height: 100%; width: auto; transform-origin: right center 0px; transform: scaleX(1); transition: transform 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s; position: absolute; right: -3px;}

#indexSlideBtn,#indexSlideBtn2{ width:100%; margin-top: 30px; position:absolute; bottom:15px; text-align: center;z-index: 100;}
#indexSlideBtn>span,#indexSlideBtn2>span{ width: 20px; height: 3px; margin: 0 1px; background: rgba(37,29,18,.5); display: inline-block; cursor: pointer; }
#indexSlideBtn>span.indexSlideActive,#indexSlideBtn2>span.indexSlideActive{ background: rgba(255,255,255,.5); }
.chevron img{ width:15px; display: block; position: absolute; left: 0; right: 30px; bottom:35px; opacity: .2; animation: 2.5s ease 0s normal none infinite running chevloop2; z-index: 100;}
@-webkit-keyframes chevloop2{
	0%   { opacity: 0; bottom: 35px;}
	55% { opacity: 1; }
	100% { opacity: 0; bottom: 12px;}
}
@-moz-keyframes chevloop2 {
	0%   { opacity: 0; bottom: 35px;}
	55% { opacity: 1; }
	100% { opacity: 0; bottom: 12px;}
}
@-o-keyframes chevloop2 {
	0%   { opacity: 0; bottom: 35px;}
	55% { opacity: 1; }
	100% { opacity: 0; bottom: 12px;}
}
@keyframes chevloop2 {
	0%   { opacity: 0; bottom: 35px;}
	55% { opacity: 1; }
	100% { opacity: 0; bottom: 12px;}
}

@media only screen and  (max-width: 1200px){
	#indexSlider{ padding: 0;}
	#indexSlideBox{ border-radius: 0;}
}
@media only screen and  (max-width: 1024px){
	.chevron{ display: none;}	
	#indexLeftSlide i,#indexLeftSlide2 i{ background: rgba(255,255,255,.8);}
	#indexLeftSlide:hover i,#indexLeftSlide2:hover i{ background: rgba(255,255,255, 1); left: Calc(100% - 50px);}
	#indexRightSlide i,#indexRightSlide2 i{ background: rgba(255,255,255, .8);}
	#indexRightSlide:hover i,#indexRightSlide2:hover i{ background: rgba(255,255,255, 1); right: Calc(100% - 50px);}
	.leftsvg,.rightsvg{ display: none;}
	.indexSlideArrow,.indexSlideArrow2{ width: 60px;}
}
@media only screen and  (max-width: 768px){
	.indexSlideArrow i,.indexSlideArrow2 i{ display:none;}
	.chevron{ display:none;} 
}
@media only screen and  (max-width: 550px){
	#indexLeftSlide,#indexLeftSlide2{ width:30px; left: 0; }
	#indexRightSlide,#indexRightSlide2{ width:30px; right: 0; }
}
 
#serv_box{ background:rgba(193,235,198,.6); padding:40px; text-align:right; border:5px solid white; border-top: none;}
#serv_box > .flexbox{ max-width: 1024px; margin: auto; align-items: stretch;}
#serv_box .each_serv{ width:Calc(33.33% - 17px); background:rgba(255,255,255,.7); padding:10px 15px 10px 20px; color:rgba(55,55,55,1.00); border-right:5px dotted rgba(193,235,198,.6);border-radius: 50px 0 0 50px;}
#serv_box .each_serv:nth-of-type(2){margin:0 25px;}
#serv_box .each_serv > div{ font-family:SahelT; font-size:14px; line-height: 25px;}
#serv_box .each_serv > div i{ width: 60px; height:40px; line-height:40px; background:rgba(255,255,255,1.00); border:1px dashed rgba(193,235,198,.9); text-align: center; font-size:22px; color:rgba(49,81,80,1.00);}
.each_serv > div span{ width: Calc(100% - 80px); margin-right: auto; margin-right:20px; background:#fcff92; padding:0 15px;}
@media only screen and (max-width:850px){
	#serv_box > .flexbox{ display: block;}
	#serv_box{ padding: 15px;}
	#serv_box .each_serv{ max-width: 330px; width:100%; margin: auto; padding:8px 15px 8px 20px;}
	#serv_box .each_serv:nth-of-type(2){margin: 10px auto;}
	#serv_box .each_serv > div{ width: 100%;}
	#serv_box .each_serv > div i{ width: 50px; height: 30px; line-height:30px; font-size: 18px;}
}

#statistics{ background-image: linear-gradient(to left, #c1ebc6, #bef3ea, #d3f6ff, #eff8ff, #ffffff); padding:40px; text-align:right; /*border:5px solid white; border-top: none;*/}
#statistics .each{ width:Calc(33.33% - 14px); margin-left: 20px; background: #fff; padding: 30px 20px; color:rgba(55,55,55,1.00); font-family: "SahelT"; text-align: right; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; position: relative;}
#statistics .each:last-child{ margin-left: 0;}
#statistics .each .count{ padding-right: 10px; margin-right: auto; background: #fff; color: #43abab; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); font-size: 25px; text-align: left;}
#statistics .each p{ width: Calc(100% - 80px); position: relative;}
#statistics .each:nth-child(2) p{ width: Calc(100% - 110px); }
#statistics .each:nth-child(3) p{ width: Calc(100% - 90px); }

#statistics .each p:after{ content: ""; width: 100%; height: 3px; position: absolute; top: 50%; transform: translateY(-50%); background-image: linear-gradient(to left, #c1ebc6, #c7f1d8, #d1f6e7, #dffbf4, #effffd); display: block;}
#statistics .each p span{ padding-left: 10px; background: #fff; display: inline-block; position: relative; z-index: 10;}
#statistics .each i{ width: 60px; line-height: 50px; margin: auto; background: #fff; color: #43abab; position: absolute; top: -25px; left: 0; right: 0; font-size: 30px; text-align: center; border-radius: 10px} 
@media only screen and (max-width:950px){
	#statistics > .flexbox{ justify-content: center;}
	#statistics .each{ width:Calc(50% - 20px); margin: 0 0 45px 20px;}
	#statistics .each:last-child{ margin-bottom: 0 !important;}
}
@media only screen and (max-width:700px){
	#statistics .each{ width: 100%; margin: 0 0 45px;}
}

/*** index offer ***/
#t_offer{ background: url(images/symbols/con1.jpg) 50% 50%; background-size:120px; padding:5px 0; position: relative; z-index: 10;}
#golden{ padding: 60px 0 70px; background: #FFFFFF;}
#golden .flexbox{ align-items: stretch;}
#each_per{ max-width: 900px; margin: auto;}
#each_per > div{ width: Calc(16.66% - 8.3px); padding: 40px 10px; margin-left: 10px; background: #dfdfdf57; color: #333; font-family: "sahelB"; font-size: 22px; line-height: 35px; text-align: center; position: relative; bottom: -15px; z-index: 5; cursor: pointer; transition: all linear 0.2s;}
#each_per > div:hover{ opacity: 0.7;}
#each_per > div:last-child{ margin-left: 0;}
#each_per > div.active{bottom: 0; font-size: 30px; background: #a1577c; color: white;}
#each_per > div.active i{ font-size: 19px;}
#each_per > div.active:hover{ opacity: 1;}
#each_per > div i{ font-size: 17px;}
#golden .pro_main{ max-width: 900px; margin: auto; background: #fff; position: relative; z-index: 10;}
#golden .pro_off{ width: 100%; padding: 20px; display: none; border-top: 3px solid #a1577c;}
.pro_off .name{ width: 33.333%;} 
.pro_off .name a{ color: #333; font-family: "sahelB";}
.pro_off .name a:hover{ color: rgba(237,54,57,1.00);}
.pro_off .img_pro{ width: 33.333%; padding: 0 20px;}
.pro_off .img_pro img{ width: 100%; display: block;}
.pro_off .info_pro{ width: 33.333%;}
.info_pro .view{ color: #BBBBBB; font-size: 14px; text-align: left;}
.info_pro .more{ width: 100%; margin-bottom: 0;}
.info_pro .cost_box{ margin-top: 69px;}
@media only screen and (max-width:700px){
	#each_per > div{ width: Calc(16.66% - 4.2px); padding: 30px 10px; margin-left: 5px;}
	.pro_off .name{ width: 100%; margin-bottom: 15px;} 
	.pro_off .img_pro, .pro_off .info_pro{ width: 50%;}
}
@media only screen and (max-width:550px){
	#each_per > div{ padding: 20px 2px; font-size: 16px; line-height: 30px;}
	#each_per > div i{ font-size: 10px;}
	#each_per > div.active{ font-size: 20px;}
	#each_per > div.active i{ font-size: 13px;}
}
@media only screen and (max-width:450px){
	#each_per > div{ padding: 15px 2px;}
	.pro_off .img_pro, .pro_off .info_pro{ width: 100%;}
	.pro_off .img_pro{ margin-bottom: 15px;}
}

/* ********************************* carousel ********************************** */
.cost_box{ height: 54px; display: flex; align-items: center; flex-wrap: wrap; margin-right: auto; margin-bottom: 3px;}
.discount{ width: 100%; justify-content: flex-end;}
.discount .text_gray{ color:gray; text-decoration: line-through;}
.discount span{ width: 32px; height: 32px; line-height: 32px; margin-right: 3px; font-size: 11px; text-align: center; background: #E35255; color: #fff; border-radius: 100%; display: inline-block; }
.discount i{font-size: 7px;}
.cost{ width: 100%; text-align: left; font-size: 16px; font-family:'sahelB'; color: #333;}
.team-item{ direction: rtl; position: relative;}
.team-item .more{ width: 100%; padding: 5px; margin: 0; font-size: 14px;}
.team-item:hover .more{ background:rgba(247,64,67,1.00);}
.team-item .more i{ font-size: 15px; padding:0 3px;}
.team-item .more.hidden{ display: none;}

.team-item > div.flexbox{ position: absolute; left: 10px; right: 10px; bottom: 10px; align-items: flex-end;}
.carousel{ padding: 60px 0; direction: ltr;}
.bgray{ background: #eeeff1;}
#rel_caro{ padding: 25px 0;}
.padd0bt{ padding-bottom: 0 !important;}

.no_effect_1 .slick-track, .no_effect_3 .slick-track, .no_effect_5 .slick-track{ width: 100% !important; transform: translate3d(0px, 0px, 0px) !important; display: flex; justify-content: center; direction: rtl;}
.no_effect_1 .slick-dots, .no_effect_3 .slick-dots, .no_effect_5 .slick-dots{ display: none;}
.no_effect_1 .slick-list, .no_effect_3 .slick-list, .no_effect_5 .slick-list{ padding: 0 !important;}
.team-members{
	margin-bottom: 0 !important;
	width: 1250px;
	display: flex;
	margin: 0 auto;
}

.team-item{
	cursor: grab;
	min-height: 419px !important;
	width: 231px !important;
	text-align: center;
	margin: 5px 10px !important;
	padding: 10px 10px 100px;
	background-color: #fff;
	border: 1px solid #eee;
	transition: all linear 0.2s;
}
.team-item:hover{ border: 1px solid rgb(252, 180, 181);}
.team-item form{ width: 100%; display: block;} 
#car_pro .team-item{ min-height: 318px !important; padding: 10px 10px 0;}
#team-top{
	display: flex;
	width: 37.5%;
	justify-content: center;
	margin: 10px auto 0 auto;
	color: #505050;
}
.team-top-item{
	width: 45%;
	height: 100%;
	margin: 15px auto;
}
.team-item-name{
	text-align: right;
	font-size: 15px;
	margin: 10px auto 7px auto;
	font-family: 'sahelB';
}
.team-item-name a{ color: #1B1B1B;}
.team-item-name a:hover{ color: rgba(237,54,57,1.00);}
.team-item-img{
	width: 100%;
	min-height: 209px;
	display: flex;
	align-items: center;
	position: relative;
	transition: all linear .2s;
}
.team-item-img img{ width: 100%; display: block; transition: all linear .2s;}
.team-item-img img:hover{ opacity: 0.7;}
@media only screen and (max-width: 1300px){
	.team-members{
		width: 750px;
	}
}
@media only screen and (max-width: 1024px){
	.team-item{ min-height: 425px !important;} 
	.team-item .more{ padding: 9px 15px !important;}
	.team-item:hover .more{ background:#0f8f77 !important;}

}
@media only screen and (max-width: 850px){
	.team-members{
		width: 370px;
	}
	.team-item{
		padding-bottom: 30px !important;
		margin: 5px 75px !important;
	}
}
@media only screen and (max-width: 800px){
	.team-item .more{ padding: 6px 5px;}
}
@media only screen and (max-width: 450px){
	.team-members{
		width: 270px;
	}
	.team-item{
		padding-bottom: 30px !important;
		margin: 5px 15px !important;
	}
}
.team-members .slick-prev:before {
    content: "\f053" !important;
	font-family:"Font Awesome\ 5 Free"; 
	font-weight:900;
    font-size: 40px;
	color: #a1577c;
}
.team-members .slick-next:before {
    content:"\f054";
	font-family:"Font Awesome\ 5 Free"; 
	font-weight:900;
    font-size: 40px;
	color: #a1577c;
}
.slick-arrow{
	height: 200px;
}
.add_alert{ width: 100%; height: 100%; padding: 0 15px; background: rgba(0,0,0,0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000;} 
.add_alert > div{ max-width: 400px; width: 90%; padding: 30px 10px; font-family: "sahelB"; text-align: center; background: #fff; position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%);}
.add_alert .shopping{ margin-bottom: 10px; font-size: 40px; color: #0f8f77;}
.add_alert .for_close{ padding: 15px 20px; font-size: 30px; color: gray; position: absolute; left: 0; top: 0; cursor: pointer; transition: all linear 0.2s;}
.add_alert .for_close:hover{ opacity: .7;}
.add_alert .for_error, .add_alert.error .for_add{ display: none;}
.add_alert.error .shopping{ color: #ee1b24;}
.add_alert.error .for_error{ display: block;}


/*** bestselling ***/
#off_today.bestsell{ /*margin-top: 125px;*/ background: #f76e7e; overflow: visible;}
#off_today.bestsell:after{ content: ""; width: 100%; height: 25px; background: url(images/symbols/con1.png) 50% 50%; background-size: 300px; position: absolute; left: 0; right: 0; bottom: 0;}
#off_today.bestsell .b_title:after{ background: #fff;}
#off_today.bestsell .b_title{ color: #fff;}
#off_today.bestsell .b_title:after{ width: Calc(100% - 255px);}
#off_today.bestsell .square_top{ background: #ef394e}
#off_today.bestsell .cost{ color: #1b1b1b;}
.bestsell{ background: #d3e3f2; position: relative; overflow: hidden;}
.bestsell .b_title{ margin-bottom: 40px; color: #1e3b58; text-align: right; font-family: "sahelB"; font-size: 25px; line-height: 35px; position: relative; z-index: 10; direction: rtl;} 
.bestsell .b_title i{ font-size: 18px;}
.bestsell .b_title:after{ content: ""; width: Calc(100% - 190px); height: 2px; background: #1e3b58; position: absolute; left: 15px; bottom: 10px; display: block;}
.bestsell .slick-dots{ display: none !important;}
.bestsell .slick-slide{ border-radius: 15px;}
.bestsell .team-item{ min-height: 372px !important; padding-bottom: 80px; border-color: #fff;}
.bestsell .team-item-name{ font-family: sahel; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.bestsell .team-item:hover{ border-color: #fff;}
.bestsell .slick-next{ right: 20px;}
.bestsell .slick-prev{ left: 20px; z-index: 10;}
.bestsell .team-members .slick-prev::before, .bestsell .team-members .slick-next::before{ width: 50px; height: 50px; line-height: 50px; background: #fff; color: #333; font-size: 20px; box-shadow: 0 3px 6px 0 rgba(0,0,0,.16); border-radius: 100%; display: block;}
.bestsell .cost_box{ margin: auto;}
.bestsell .discount{ justify-content: center; font-size: 13px;}
.bestsell .discount .text_gray{ text-decoration-color: #ed1a1c; text-decoration-thickness: 2px;}
.bestsell .discount + .cost{ color: #ed1a1c;} 
.bestsell .cost{ color: #1e3b58; font-size: 20px; text-align: center;}
.bestsell .cost span{ padding-right: 4px; font-size: 13px; font-family: sahel;}
.square_top{ width: 282px; height: 256px; display: block; border-radius: 8px; background: #c0ddf8; position: absolute; top: -57px; right: -31px; -webkit-transform: rotate(45deg); transform: rotate(45deg);} 

@media only screen and (max-width: 850px){
	.bestsell .team-members{ width: 100%;}
	.bestsell .team-item{ margin: 5px 5px !important;}
	.bestsell .slick-next{ right: 15px !important;}
	.bestsell .slick-prev{ left: 15px !important;}
}
@media only screen and (max-width: 450px){
	.bestsell .slick-arrow{ display: none !important;}
	.bestsell .slick-next{ right: -35px !important;}
	.bestsell .slick-prev{ left: -35px !important;}
}

/*** blog news ***/
#blog{ padding: 60px 0;}
#blog > .flexbox{ align-items: stretch; justify-content: center;}
#blog .newsbox{ width: Calc(25% - 7.5px); padding: 30px; margin: 0 0 0 10px; background:#ededed; }
#blog .newsbox:last-child{ margin-left: 0;}
#blog .newsbox .news_img{ height: 150px; width: 100%; background-size: cover !important; background-position: center !important; display: block;}
#blog .newsbox .news_img:hover{ opacity: 0.7;} 
#blog .newsbox h3 a{ margin: 5px 0; color: #a1577c; font-size: 16px; font-family: "sahelB"; display: block;}
#blog .newsbox h3 a:hover{ opacity: 0.7;}
#blog .newsbox .txt{ font-size: 13px; line-height: 24px;}
@media only screen and (max-width:1024px){
	#blog .newsbox{ width: Calc(50% - 5px); margin: 0 0 10px 10px;}
	#blog .newsbox:nth-child(2n){ margin-left: 0;}
}
@media only screen and (max-width:600px){
	#blog .newsbox{ width:100%; margin: 0 0 10px;}
	#blog .newsbox:nth-child(2n){ margin-left: 0;}
	#blog .more{ width: 100%;}
}

/** seo **/
#seo{ padding: 60px 0; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc;}

/*blog*/
.top_list{ margin: 20px 0;}
.top_list ul{ padding-right: 30px;}
.top_list ul li a{ color: #045c91;}
.top_list ul li a:hover,.top_list ul li::marker{ color: #925672; opacity: 1;}

.coverinfo{ position: relative; background-size:cover !important; z-index:10;}
.coverinfo .infotr { padding: 20px; line-height: 30px; width: 100%;}
.coverinfo .infotr span { color: #1b1b1b; display: block; font-size: 18px; padding-bottom: 5px;}
.newstitle .infotr { top: 45%;}
.newstitle .infotr{ top:45%;}
.newsbody{ max-width:900px; padding:40px 30px 40px 30px; margin:auto; display:block;}
.newsbody .example1, .blogtxt .example1, #seo .example1{ color: #888888; position: relative; bottom: 9px; font-size: 13px; font-style: italic; text-align: center; display: block; background: white;} 
.newsbody img, .blogtxt img, #seo img{max-width:100%; height:auto; margin:15px auto 10px; display:block;}
.newsbody h3, .blogtxt h3, #seo h3{ margin:40px 0 10px; line-height:30px; font-family:'sahelB'; font-size:17px; border-bottom:3px solid #a1577c; display:inline-block;}
.newsbody h1, #seo h1{line-height: 43px; font-family: 'SahelB'; padding-bottom:10px; font-size:26px;}
.newsbody h2, #seo h2{ line-height: 35px; font-family: 'SahelB'; padding-bottom: 10px; font-size: 21px; display: inline-block; background: #F4F4F4; padding: 5px 10px; margin: 50px 0 10px; border-right: 3px solid #925672;}
.toptxt{font-size:13px; color:#939393; padding-bottom:10px;}
.toptxt i{font-size:11px; color:#a1577c;}
.newsbody ul, .newsbody ol, .blogtxt ul, .blogtxt ol, #seo ul, #seo ol{ padding-right:30px;}
.newsbody a, #seo a{ color:#1152B5; transition:all linear 0.2s;}
.newsbody a:hover, #seo a:hover{ opacity: 0.7;}
.newsbody table, .blogtxt table, #seo table{ width: 100%; margin:10px 0; text-align:center;}
.newsbody table tr td, .blogtxt table tr td, #seo table tr td{ padding:5px; background:#F8F8F8; font-family: "sahel"; font-size:15px; border:1px solid #fff; transition:all linear .2s;}
.newsbody table tr:nth-child(2n-1) td, .blogtxt table tr:nth-child(2n-1) td, #seo table tr:nth-child(2n-1) td{ background:#eee; border-colr:#fff;} 
.newsbody table tr:first-child td, .blogtxt table tr:first-child td, #seo table tr:first-child td{ background:#2c3e50; color:#fff; font-family: "sahelB"; font-size:16px;}
.newsbody #navigator{ padding: 0;}
.newsbody .rel_bt{ color: #fff !important;}
.paddtop{ padding-top: 40px;}
.c_gray{ color: gray;}
.eslash{ font-family:Sahel; display:inline-block !important;}
@media only screen and (max-width:1200px){
	.paddtop{ padding-top: 10px;}
}

#rel_product{ display: none;}
#rel_product:empty{ display: none;}
.rel_news{ width: 250px !important; text-align: center; margin: 20px auto!important; padding: 10px; background-color: #fff; border: 1px solid #eee; display: block;}
.rel_news img{ width: 100%; margin: 0; display: block;}
.rel_news .more{ width: 100%; margin:0 auto;}
.rel_news .rel_sub{ color: #1B1B1B; text-align: right; font-size: 15px; margin: 10px auto 7px auto; font-family: 'sahelB';}
#rel_info{ display: none;}
#fix_rel{ padding: 18px 15px !important; margin: auto; color: #fff; font-size: 18px; position: fixed; left: 0; right: 0; bottom: 0; opacity: 1; z-index: 800;}
@media only screen and (max-width:768px){
	#rel_product{ display: block;}
}

/** iframe **/
.h_iframe-aparat_embed_frame{position:relative;} 
.h_iframe-aparat_embed_frame .ratio {display:block;width:100%;height:auto;} 
.h_iframe-aparat_embed_frame iframe {position:absolute;top:0;left:0;width:100%; height:100%; border:none;}

.vtours{ display:inline-block; width:48%; margin:1% 1% 0; position:relative; padding-top:5px; transition:all linear .2s;}
.vtours:hover img{ opacity: .7;}
.vtours img{display:block; width:100%; border:5px solid white; transition:all linear .2s;}
.vtours b{position:absolute; bottom:5px; right:5px; padding:7px 10px 5px; background:rgba(0,0,0,.5); left:5px;}
.vije .title{font-size:18px; padding-right:15px; padding-bottom:3px; padding-top:10px;}
.vije .title i{font-size:17px; padding-left:5px; color:#FFC621;}
.vije p{font-size:14px; padding-right:15px;}
.vtours b h2{font-size:14px; font-family:'SahelB'; color:white; display:inline-block; padding-left:3px;}
.vtours b span{font-size:12px; font-family:'Sahel'; color:#A3A3A3;}
.vtours b a.button{margin-top:0; z-index:3; left:10px; bottom:3px; position:absolute; font-size: 12px; padding:0 5px; font-family:'Sahel';}
.vtours:hover{opacity:.8;}
#news .vtours:hover{ opacity:1;}
#news .vtours a:hover{ opacity:0.7;}
#news #bg_less, #has_bg{ min-height:230px; height:auto !important; background:rgba(49,81,80,1.00); background-size: cover !important; background-position: center !important;}
#news #bg_less .infotr{ background: rgba(255,255,255,.5); position:static;}
.shorttxt{background:#F4F4F4; padding:5px 10px;}
.vije{ font-size:0; background:url(images/background/bg.jpg); padding-top:20px; padding-bottom:20px !important;}
@media only screen and (max-width:1210px){
	.coverinfo .infotl{ margin:auto 20px;}	
}
@media only screen and (max-width:900px){
	.vtours{ width:100%; margin:10px 0; display:block;}
	.vtours img{ border-bottom:none;}
	.vtours b{ padding:10px; background:rgba(0,0,0,.8); position:static; border:5px solid white; border-top:none; display:block;}
	.vtours b a.button{ bottom:15px; left:15px; margin-top:5px;}
}
@media only screen and (max-width:450px){
	.vtours b{ text-align:center;}
	.vtours b a.button{ max-width:200px; margin:5px auto auto auto !important; position:static; display:block !important;}
}

.tagsin{font-size:0; text-align:right;}
.tagsin b{ margin-bottom: 15px; font-size: 18px; line-height: 30px; display: block;}
.tagsin b i{ font-size: 17px; padding-left: 5px; color: #a1577c;}
.tagsin a{display:inline-block; font-size:13px; padding:5px 10px; margin:0 0 5px 5px; background:#a1577c; color:#FFFFFF;}
.tagsin a:hover{opacity:.8; color:white;}

 /* Style the header: fixed position (always stay at the top) */
.header {
  position: fixed;
  top: 0;
  z-index: 300;
  width: 100%;
}

/* The progress container (grey background) */
.progress-container {
  width: 100%;
  height: 3px;
  background: none ;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 4px;
  background: #a1577c;
  width: 0%;
} 

/*writer*/
.writer{ display:table; width:100%; background:#eeeff1; padding:0 20px 0; color:#5B5B5B; border-top:3px solid #a1577c; border-bottom:3px solid #a1577c;}
.writer > a{font-size:18px; display:inline-block; padding-bottom:5px;}
.writer p{font-size:14px; margin:0; line-height:26px;}
.writer > div:after{content:""; clear:both; display:block;}
.writer > div:first-child{width:110px; display:table-cell; padding:2% 0 2% 2%;}
.writer > div:first-child img{width:100%; margin:0; border-radius:50%; border:4px solid #FFF;}
.writer > div:last-child{display:table-cell; vertical-align:middle; width:Calc(100% - 110px);}
.end{ margin-top: 7px; line-height: 23px; font-size: 12px;}
@media only screen and (max-width:725px){
	.writer{padding:0 3% 0;}
	.writer > div:first-child{ width:90px; padding:2% 0 2% 2%;}
	.writer > div:last-child{ width:Calc(100% - 90px); padding:2% 0 4%;}
}

/*ghabli badi*/
#matlab_prenext{
    margin: 20px 0;
}
#matlab_prenext > div{ background:#eee; margin-bottom:5px;}
#matlab_prenextbox1{
    width: 100%;
    position: relative;
    overflow: hidden;
	border-right:3px solid #a1577c;
}
#matlab_prenextbox2{
    width: 100%;
    position: relative;
    overflow: hidden;
	text-align:left;
	border-left:3px solid #a1577c;
}
#matlab_prenext a{
    padding: 8px 10px;
    line-height: 27px;
    display: block;
    color: #000;
    font-size: 15px;
    transition: all .3s linear;
    position: relative;
}
#matlab_prenext a:hover{ opacity: 0.7;}
#matlab_prenext a b{ color:#333;}
#matlab_prenext a i{
    margin: 0px 6px;
	vertical-align:middle;
	font-size:17px;
	color:#a1577c;
}

/***** comment ********/
#matlab_comm{
    /*padding: 50px 0px;*/
    padding: 0px 0px 50px;
    background: #fff;
}
#matlab_comm .container{
    padding: 0px 16.666667%;
	border-top:1px dashed #cccccc;
	padding-top:20px;
	
}
.comment{
    width: 95%;
    margin-bottom: 50px;
    position: relative;
}
#comment_header{
    margin-bottom: 30px;
	font-family:'SahelB';
    font-size: 18px;
    line-height: 30px;
}
.comm_img{
    margin-left: 10px;
    font-size: 32px;
    color: #fb8686;
    text-align: center;
    position: absolute;
}
.comm_img i{
	width: 28px;
	background:#a1577c;
	line-height:28px;
	font-size:11px;
	color:#fff;
	position:relative;
	right: 10px;
	bottom: 5px;
}
.comment_info{
    padding: 5px 0px;
    color: #aaaaaa;
    font-family: 'Sahel';
    font-size: 13px;
}
.comment_info i{
    margin-right: 10px;
    color: #a6a6a6;
    display: inline-block;
}
.comment_info div{
    display: inline-block;
}
.comment_info div:first-child{
    padding-left: 3px;
}
.comment .comm_box{
    padding-right: 50px;
}
.comment_txt{
    padding: 5px 0px;
    font-family: 'Sahel';
    font-size: 15px;
    line-height: 28px;
    text-align: justify;
    text-justify: auto;
}
.comment_ans{
    margin: 15px 60px 0px 0px;
}
.comment_ans .comm_img{
	margin:0;
	background:none;
    font-size: 25px;
	text-align:left;
}
.comment_ans .comm_img i{ color:#a1577c; background:none; font-size:12px; position:relative; right: 12px; bottom: 3px;}
.comm_reply{
    color: #aaaaaa;
    line-height: 30px;
    font-size: 15px;
    display: inline-block;
    cursor: pointer;
    transition: all .2s linear;
}
.comm_reply i{
    margin-left: 2px;
}
.comm_reply:hover{
    color: #ff4f4f;
}
.comm_result{ padding: 8px 20px; background: #faf8a0d1; color: #333; font-size: 14px; font-family: 'SahelB'; display: inline-block; border-radius: 20px;}
.comm_result i{ margin-left: 4px; color: #F7BB06; vertical-align: middle; font-size: 18px;}
/******* form ersale nazar **********/
#comform_header{
    margin: 15px 0px 10px 0px;
    color: #444444;
    font-size: 18px;
    line-height: 30px;
}
#comform_header span{ font-size: 12px; color: #9D9B9B; font-family: 'Sahel';}
#cancel_reply{
    padding: 0px 10px 0px 0px;
    color: #ff4f4f;
    cursor: pointer;
    font-size: 18px;
    display: none;
    transition: all .3s linear;
}
#cancel_reply:hover{
    color: #b91217;
}
#comment_form label{
    line-height: 25px;
    padding: 0 5px 3px 0;
    font-size: 14px;
    color: #696969;
    display: block;
    font-family: 'Sahel';
}
#comment_form label i{
    margin-right: 3px;
    font-size: 9px;
    color: #ff4f4f;
    position: relative;
    top: -3px;
}
#comment_form textarea{
    min-width: 100%;
    max-width: 100%;
    min-height: 130px;
    max-height: 130px;
	line-height:28px;
    margin-bottom: 15px;
    padding: 5px 10px;
    background: #f0f0f0;
    border: 1px solid #cccccc;
    font-family: 'Sahel';
    font-size: 15px;
    transition: all .3s linear;
}
#comment_form .comf_float{
    width: 50%;
    float: right;
}
#comment_form .comf_float:first-child{
    padding: 0px 0px 0px 10px;
}
#comment_form .comf_float:nth-child(2){
    padding: 0px 10px 0px 0px;
}
#comment_form input[type="text"]{
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    background: #f0f0f0;
    border: 1px solid #cccccc;
    font-family: 'Sahel';
    font-size:15px;
    transition: all .3s linear;
}
#comment_form input[type="text"]:hover,#comment_form textarea:hover,
    #comment_form input[type="text"]:focus,#comment_form textarea:focus{
	box-shadow: 0px 0px 5px #a1577c; 
	border-color:#a1577c;
}
#comment_form .ltext{
    font-family: Tahoma !important;
}
#matcom_sub{
    text-align: left;
    padding-bottom: 10px;
}
@media only screen and (max-width:1000px){ /************ responsive matlab 1000 px *****************/
    #matlab_comm .container{
        padding: 20px 30px 0;
    }
}
@media only screen and (max-width:700px){ /************ responsive matlab 700 px *****************/
    #comment_form .comf_float{
        width: 100%;
        float: none;
    }
    #comment_form .comf_float:first-child{
        padding: 0px;
        margin-bottom: 10px;
    }
    #comment_form .comf_float:nth-child(2){
        padding: 0px;
    }
    .comm_img{
        margin-top: -10px;
        font-size: 30px;
    }
	.comm_img i{ width:30px; line-height:30px; right:0; bottom:-3px;}
    .comment .comm_box{
        padding-right: 35px;
    }
    .comment_ans{
        margin: 15px 5px 0px 0px;
    }
    .comment_ans .comm_img{
        font-size: 30px;
    }
	.comment_ans .comm_img i{ right:0;}
}
@media only screen and (max-width:500px){ /************ responsive matlab 500 px *****************/
    #matlab_comm .container{
        padding: 20px 10px;
    }
    .comment_info{
        line-height: 25px;
    }
	.comment_ans .comm_img i{ bottom:0;}
}

/*** services ***/
.coverinfo .infotr h1{ display: block !important; font-size: 30px; line-height: 45px; font-family: 'SahelB';}
.b_slider{ min-height:250px; height:auto !important; padding-bottom: 15px;}
.b_slider .infotr{ position:static !important; background: rgba(255,255,255,.5);}
.infotr .under{ padding-top:5px;}
.infotr .under div{  display:inline-block;}
.infotr .under div:after{ content:"/"; margin: 0 5px; color:#1b1b1b;}
.infotr .under div:last-child:after{display:none;}
.infotr .under a{ padding:5px 10px; font-size:16px; color:#1b1b1b; display:inline-block; transition:all linear 0.3s;}
.infotr .under a:hover{ color:#888;}
.infotr .under a.active{opacity:.5; cursor:default;}
.infotr .under a.active:hover{ color:#fff !important;}
.mainbox #RightBox{ width:68%; margin-left:2%; float:right;}
.mainbox #RightBox .RightMain a{ display:block; transition:all linear 0.2s;}
.mainbox #LeftBox{ width:30%; margin-top:20px; float:right;}
#RightBox .RightMain{ text-align:center; position:relative; padding:20px; border-bottom:1px solid #ddd; overflow:hidden; transition:linear .3s;}
#RightBox .RightMain:hover{ background:#ECECEC;}
#RightBox .RightMain:hover .more{ left:15px !important;}
#RightBox .RightMain > div:first-child{ width:43%; float:right;}
#RightBox .RightMain > div:first-child a{ position:relative;}
#RightBox .RightMain > div:first-child img{ width:100%; height: 195px; object-fit: cover; display:block; padding-left:20px;}
#RightBox .RightMain > div:last-child{ width:57%; text-align:right; float:right;}
.width100s{ width:100% !important; float:none !important;}
#RightBox .RightMain > div:last-child h2{ margin:0 !important; padding:5px 0 10px 0; line-height: 37px; font-size:22px; font-family:'SahelB';}
.suptitr{font-size:13px; color:gray; line-height:10px;}
#RightBox .RightMain > div:last-child h2 a{ color:#333;}
#RightBox .RightMain > div:last-child h2 a:hover{ opacity:.8;}
#RightBox .RightMain > div:last-child .matn{ line-height:26px; font-size:14px;}
#RightBox .RightMain > div:last-child .more{ display:inline-block; position:relative; bottom:0px; left:0; float:left;}
#RightBox .RightMain > div:last-child .more:hover{ opacity:.8;}
#MaxChr{width:20px; display:inline-block;}
#RightBox #paging ul{ margin: 20px 0 50px 0; padding:0; font-size: 0; text-align: left !important;}
#RightBox #paging ul li{ width: 45px; height: 45px; line-height: 45px; background: #ECECEC; font-size: 16px; text-align: center; transition: all 0.3s linear; vertical-align: top; display: inline-block; font-family:'SahelB';}
#RightBox #paging ul li a{ color:#333; display:block;}
#RightBox #paging ul li a:hover{ opacity:.5;}
#RightBox #paging ul li.active{ background:#2e3434; text-shadow:1px 1px 2px #000;}
#RightBox #paging ul li.active a{ color:#fff;}
#RightBox #paging ul li i{ font-size:13px;}
#RightBox .paging{ font-size:14px; text-align:left;}
#RightBox .paging i{ vertical-align:middle;}
#RightBox .paging span{ color:#ababab;}
#RightBox .paging a{ color:#a1577c; transition:all linear 0.2s;}
#RightBox .paging a:hover{ opacity:0.6;}
#label{ padding:10px; font-size:0;} 
#LeftBox .tags h3{ font-size: 21px; padding: 10px 5px 10px 10px; margin-top:0; font-family:'SahelB';}
#LeftBox .tags > div{ font-size:0;}
#LeftBox .tags a, #label a{ display:inline-block; padding:5px 10px; margin:5px 0 0 5px; background:#E8E8E8; color: #333; font-size: 14px; text-align:center; transition: all linear 0.2s;}
#LeftBox .tags a:hover, #label a:hover{ background:#D3D3D3;}
#LeftBox .tags a.active{ background:#a1577c; color:#fff; text-shadow:1px 1px 1px #000;}
#LeftBox .tags a.active:hover{ color:#fff;}
#LeftBox .tags a.active span{ color:#fff;}
#LeftBox .tags a span{ color: #a1577c; font-size: 12px;}
#LeftBox .tags h3 i{ color:#a1577c; font-size:17px;}
.RightMain::after{ content:""; clear:both; display:block;}
/**banner**/
.top_banner,.mid_bann,.left_bann{ display: block;}
.top_banner:hover,.mid_bann:hover,.left_bann:hover{ opacity: 0.7;}
.top_banner img{ width: 100%; padding: 0 10px 10px; background: #eeeff1; display: block;}
.top_banner .mob,.mid_bann .mob{ display: none;}
.left_bann img{ width: 100%; margin: 20px 0 0; display: block;}
.mid_bann img{ width: 100%; display: block;}
@media only screen and (max-width: 1000px){
	.mainbox #RightBox, .mainbox #LeftBox{ width:100%; margin-bottom:30px; border-right:none; float:none;}
	#LeftBox .tags{ max-width:450px; margin:auto; text-align:center;}
	#LeftBox .tags h3{ padding:10px !important; border-bottom:2px solid #a1577c;}
	#LeftBox .tags a{ margin-left:0; display:block;}
	#LeftBox .tags a:last-child{ border-bottom:none;}
	#RightBox #paging ul{ text-align:center !important;}
	#RightBox .RightMain{ padding:0;}
	#RightBox .RightMain:hover{ background:none;}
}
@media only screen and (max-width: 780px){
	#RightBox{ margin-left:0 !important;}
	#RightBox .RightMain{ margin-bottom:0; padding-bottom:15px;}
	#RightBox .RightMain > div:last-child h2{ padding:0 0 15px 0;}
	#RightBox .RightMain > div:first-child, #RightBox .RightMain > div:last-child{ width:100%; max-width:600px; margin:auto; padding:15px 0 5px 0; float:none;}
	#RightBox .RightMain > div:first-child a{ max-width:600px; margin:auto;}
	#RightBox #paging ul{ margin-bottom:40px; text-align:center !important;}
	#RightBox .RightMain > div:first-child img{padding-left:0px;}
	#RightBox .RightMain:nth-of-type(1) > div{ padding-top:0;}
	#RightBox .paging{text-align:center; background:#E5E4E4; padding:5px; margin-bottom:10px;}
	#RightBox .RightMain:hover .more{ left: inherit !important;}
	.b_slider .infotr{ background: rgba(255,255,255,.8);}
	.top_banner .desk,.mid_bann .desk{ display: none;}
	.top_banner .mob,.mid_bann .mob{ display: block;}
	.top_banner img{ padding: 10px;}
}

@media only screen and (max-width: 450px){
	#RightBox #paging ul li{ width:40px; height:40px; line-height:40px;}
}

/***** for font-size in responsive *****/
@media only screen and (max-width:768px){
	.newsbody, .blogtxt, #RightBox .RightMain > div:last-child .matn{ font-size: 18px; line-height: 30px;}
	.newsbody h3, .blogtxt h3{ font-size: 19px; line-height: 33px;}
	.newsbody table tr:first-child td, .blogtxt table tr:first-child td{ font-size: 18px;}
	.newsbody table tr td, .blogtxt table tr td{ font-size: 17px;}
	.newsbody .example1, .blogtxt .example1{ font-size: 14px;}
	.end{ font-size: 14px; line-height: 25px;}
	.toptxt, .tagsin a, .comment_info{ font-size: 15px;}
	#matlab_prenext a, .vtours b h2, .comment_txt, .comm_reply, #comment_form textarea, #comment_form input[type="text"]{ font-size: 17px; line-height: 29px;}
	.vije .title, #comment_header, #comform_header, .tagsin b{ font-size: 20px; line-height: 33px;}
	#comform_header span{ font-size: 13px;}
	#comment_form label{ font-size: 16px;}
	#RightBox .RightMain > div:last-child h2{ font-size: 24px;}
}

/*********************************** productlist ************************************/
#navigator{ padding: 20px 0; color:#888; font-size:13px;}
#navigator i{ padding:0 5px; color:rgb(161, 87, 124); vertical-align:middle; text-shadow:none;}
#navigator a{ color:#1b1b1b; transition:all linear 0.3s;}
#navigator a:hover{ color:rgb(161, 87, 124) !important; text-shadow: none;}

#scroll_pro{ margin-top: 30px;}
#scroll_pro > div{ overflow-x: auto; overflow-y: visible; position: relative; z-index: 10;}
#pro_box{ padding: 10px 0 30px; background: #eeeff1;}
#pro_box h1{ margin: 0 0 30px;  font-family: "sahelB"; font-size: 30px; line-height: 45px; display: block;}
#pro_box h1 span{ color: gray;}
#pro_box .flexbox{ align-items: stretch;}
#pro_box .items{ width: Calc(16.666% - 8.5px); margin: 5px 0 5px 10px; background: #fff; border-bottom: 4px solid transparent; position: relative; transition: all linear .2s;}
#pro_box .items:last-child, #pro_box .items:nth-child(6n){ margin-left: 0;}
#pro_box .items:hover{ border-color: rgba(237,54,57,1.00)}
#pro_box .item_pic{ display: block;}
#pro_box .item_pic img{ width: 100%; display: block; transition: all linear 0.2s;}
#pro_box .item_pic img:hover{ opacity: 0.7;} 
#pro_box .items h3{ font-family: "sahelB"; font-size: 16px; text-align: center;}
#pro_box .items h3 a{ padding: 10px; color: #1b1b1b; display: block;}
#pro_box .items h3 a:hover{ color: #E35255;}
#pro_box .see_other{ cursor: pointer;} 
#pro_box .see_other > div{ height: 100%; display: flex; flex-flow: column; align-items: center; justify-content: center;}
#pro_box .see_other .num{ margin-bottom: 30px; font-family: "sahelB"; font-size: 35px;}
#pro_box .see_other .num i{ font-size: 25px;}
#pro_box .see_other .text{ font-size: 16px;}
#pro_box .items.hidden{ display: none;}
@media only screen and (max-width:1024px){
	#scroll_pro > .flexbox{ flex-wrap: nowrap;}
	#pro_box .items{ min-width: 150px;}
	#pro_box .items:nth-child(6n){ margin-left: 10px;}
	#pro_box .see_other{ display: none;}
	#pro_box .items.hidden{ display: block;}
}

#dv_sort{ width:100%; padding-bottom: 5px; margin:20px 0; border-bottom: 1px dashed #ddd; flex-direction: row-reverse;}
.help_txt{ width: 200px; margin-right: auto; color: gray; text-align: left;}
.bluebg{ width:Calc(100% - 200px); color:#333;}
.bluebg ul{ padding:0; margin:0 15px 0 0; font-size:0; display: inline-block;}
.bluebg ul li:first-child{ font-size:15px;}
.bluebg ul li{ font-size:15px; display:inline-block;}
.bluebg ul li a{ padding:5px 15px; margin:3px; color:#333; display:block; transition:all linear 0.3s;}
.bluebg ul li a:hover{ background: #eee;}
.bluebg ul li:last-child a{ margin-left:0;}
.bluebg ul li a.active{ background: #a1577c; color: #fff; text-shadow:1px 1px 1px #000;}
#exist{ margin-bottom: 10px;}
#exist label{ font-family: "sahelB"; cursor: pointer;} 
/** swich input **/
.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 23px;
  margin: 3px 7px 0 0;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #0f8f77;
}


input:checked + .slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#sort_box{ display:block;}
#sort_box .res_li{ display: none;}
#sort_icon .change_txt{ display: none;}
@media only screen and (max-width:768px){
	#sort_box{ padding: 0 15px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); display: none; z-index: 10000;}
	#sort_box ul{ max-width: 400px; width: 90%; margin: auto; padding: 15px; background: #fff; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%);}
	#sort_box ul li{ width: 100%; display: block;}
	#sort_box .fa-times{ padding: 15px 20px; position: absolute; left: 0; top: 0; font-size: 25px; }
	#sort_box .res_li{ padding-bottom: 15px; margin-bottom: 10px; font-family: "sahelB"; font-size: 17px; border-bottom: 1px solid #ddd; display: block;}
	#sort_icon{ width: 100%; background: #eee; padding: 7px 10px;}
	#sort_icon .hide_txt{ display: none;}
	#sort_icon .change_txt{ display: inline-block;}
	
	.bluebg > .flexbox{ justify-content: center;}
	.bluebg, .help_txt{ width:100%; display: block; text-align: center; padding:10px 0;}
	#exist label{ font-size: 18px;}
	.switch { width: 63px; height: 30px;}
	.slider::before{ height: 22px; width: 22px; bottom: 4px; left: 5px;}
	input:checked + .slider:before {
	  -webkit-transform: translateX(31px);
	  -ms-transform: translateX(31px);
	  transform: translateX(31px);
	}
}

#filter{ padding-bottom: 20px; position: relative;}
#filter:after{ display: block; content: ""; clear: both;}
#filter #right{ width: 300px; padding: 10px; background: #eee; float: right;}
#right i{ color: rgb(161, 87, 124); vertical-align: middle;}
.filter_form{ margin-top: 20px;}
#right .close_bt{ padding: 15px; position:absolute; left: 0; top: 0; font-size: 25px; display: none; cursor: pointer;}
.top_title{ font-size: 17px;}
.filter_info{ margin: 0 0 10px 0; font-size: 15px;}
.brand_box{ max-height: 160px; overflow: auto;}
.brand label{ padding: 8px 6px; margin: 2px 0 2px 0px; font-size: 11px; font-family:tahoma; border: 1px dashed #ccc; display: inline-block; cursor: pointer;}
input[type="checkbox"], input[type="radio"]{ height: 12px; width: 12px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;	border: 1px solid #D1D1D1;	background:#FFFFFF;	border-radius:2px;	position:relative; top:2px; margin-left:5px; display:inline-block;	transition:all .2s; cursor: pointer;}
input[type="checkbox"]:checked, input[type="radio"]:checked  { background: #0f8f77; border: 1px solid #0f8f77;}	
#right form button{ width: 100%; padding: 8px; margin: 20px auto auto; font-family: "sahelB"; font-size: 14px; border: none; }
#right .add_butt{ display: flex;}
#right .add_butt .more{ width: 49%;}
#right .add_butt .more:first-child{ margin-left: 2%;}
#right .add_butt .more2{ min-width: inherit;}
#rangcost_sort{ margin-bottom: 10px;}
#rangslide_min{ float: right; font-size: 14px; color: #555; }
#rangslide_max{ float: left; font-size: 14px; color: #555; }
#rangslide_min,#rangslide_max{ font-size: 12px; }
#rang_ui_slide{ margin: 0 8px 0 9px; }
#rang_ui_slide span.radius{ border-radius:50% !important;}

#filter #left{ width: calc(100% - 320px); margin-right: auto; text-align: center; float: left;}
.item_box > .flexbox{ align-items: stretch;}
.item_box .pro_items{ width: Calc( 33.33% - 7px); padding: 10px 10px 100px; margin: 0 0 10px 10px; background: #fff; text-align: center; border: 1px solid #eee; position: relative; transition: all linear .2s;}
.item_box .pro_items:last-child, #left .pro_items:nth-child(3n){ margin-left: 0;}
.item_box .pro_items:hover{ border-color: rgb(252, 180, 181);}
.item_box .pro_items:hover .more{ background:rgba(247,64,67,1.00);}
.item_box .pro_items .pro_pic{ min-height: 271px; position: relative; display: flex; align-items: center;}
.not_exist{ padding: 0 8px; background: #9f9f9f; color: #fff; font-size: 12px; text-align: center; border-radius: 3px; position: absolute; top: 0; right: 0; z-index: 10;}
.labels{ color: #fff; font-size: 12px; text-align: center ; position: absolute; left: 0; top: 0; display: flex; z-index: 10;}
.labels b{ padding: 0 8px; margin-right: 3px; color: #fff; border-radius: 3px; display: inline-block;}
.labels .offer{ background: #3ba7c4;}
.labels .popular{ background: #ea5a5f;}
.percent{ width: 26px; height: 26px; line-height: 26px; color: #E35255; font-size: 13px; text-align: center; border-radius: 100%; position: absolute; top: 0; right: 0; display: inline-block; z-index: 10;}
.item_box .pro_items .pro_pic img{ width: 100%; display: block; transition: all linear 0.2s;}
.item_box .pro_items .pro_pic img:hover{ opacity: 0.7;} 
.item_box .pro_items h3{ margin-top: 10px; font-family: "sahelB"; font-size: 16px; text-align: center;}
.item_box .pro_items h3 a{ color: #1b1b1b; display: block;}
.item_box .pro_items h3 a:hover{ color: #E35255;}
.item_box .pro_items > div.flexbox{ position: absolute; left: 10px; right: 10px; bottom: 6px; align-items: flex-end;}
.item_box .pro_items .more{ width: 100%; padding: 5px 10px; margin: 0; font-size: 14px;}
.item_box .pro_items .more i{ font-size: 15px; padding:0 3px;} 
.not_available b{ display: block;}
.not_available{ background: #9f9f9f;}
.not_available:hover, .team-item:hover .not_available, .item_box .pro_items:hover .not_available{ background: #9f9f9f; opacity: 1;}
.no_pro{ text-align:right !important; display:block;}

#box2box{ margin-top: 30px; padding: 20px; background: #eeeff1;}
#box2box .item_box .pro_items{ width: Calc( 20% - 4px); margin: 0 0 5px 5px;}
#box2box .item_box .pro_items h3{ font-size: 14px; line-height: 25px;}
#box2box .item_box .pro_items:nth-child(5n){ margin-left: 0;}
#box2box .pro_items .pro_pic {min-height: 90px;}
#box2box .pro_items .pro_pic img{ width: 70%; margin: auto;}
@media only screen and  (max-width: 1200px){
	#box2box .item_box .pro_items{ width: Calc( 33.33% - 3.33px); margin: 0 0 5px 5px;}
	#box2box .item_box .pro_items:nth-child(5n){ margin-left: 5px;}
	#box2box .item_box .pro_items:nth-child(3n){ margin-left: 0;}

}

@media only screen and  (max-width: 1100px){
	#left .pro_items{ width: Calc( 50% - 5px);}
	#left .pro_items:nth-child(3n){ margin-left: 10px;}
	#left .pro_items:last-child, #left .pro_items:nth-child(2n){ margin-left: 0;}
	#left.item_box .pro_items .pro_pic{ min-height: 348px;}
}
@media only screen and  (max-width: 1024px){
	.item_box .pro_items{ padding: 10px 10px 110px;}
	.item_box .pro_items .more{ padding: 9px 15px !important;}  
}
@media only screen and  (min-width: 851px){ 
	.filter_form{ display: block !important;}
}
@media only screen and  (max-width: 850px){
	#filter #left, #filter #right{ width: 100%; float: none;}
	#filter #right{ padding:10px 20px; position: fixed; left: 0; right: 0; bottom: 0; border-top: 1px solid #ddd; z-index: 999;}
	#filter #right .top_title{ padding: 8px 0;}
	#right .close_bt{ display: block;}
	.brand label{ min-width: 120px; margin: 5px 0 5px 5px;}
	.filter_form{ display: none;}
	#left.item_box .pro_items .pro_pic{ min-height: 380px;}
}
@media only screen and  (max-width: 768px){
	.item_box .pro_items .more{ padding: 6px 10px;}
	#right form button, .bluebg ul li a{ padding: 10px; font-size: 16px;}
}
@media only screen and  (max-width: 700px){
	#left.item_box .pro_items .pro_pic{ min-height: 308px;}
}
@media only screen and  (max-width: 550px){
	.item_box .pro_items{ width:100% !important; margin: 0 0 30px !important;}
	.item_box .pro_items .pro_pic{ height: auto;}
	.item_box .pro_items .pro_pic{ min-height: inherit !important;}
}


/************************ search *************************/
#p_form{ max-width: 350px; height: 40px;}
#p_form input{ padding: 0 5px 0 60px; background: transparent; font-size: 17px;}
#p_form button{ width: 60px; font-family: "sahelB"; font-size: 18px; color:  rgba(49,81,80,1.00);}

#s_paging{ margin: 30px 0;}
#s_paging ul{ padding: 0; margin: 0; font-size: 0; text-align: center;}
#s_paging ul li{ width: 40px; height: 40px; line-height: 40px; background: #eee; color: #333; font-size: 16px; font-family: "sahelB"; text-align: center; display: inline-block;}
#s_paging ul li.active{ background: #373737;}
#s_paging ul li.active a{ color: #fff;}
#s_paging ul li a{ color: #333; display: block;}
#s_paging ul li a:hover{ opacity: 0.7;}
#s_paging ul li i{ font-size:13px;}

.s_result{ padding: 30px 0; color: rgb(234, 29, 36); font-size: 18px; font-family: "sahelB";}

#p_search .item_box{ margin: 40px 0;}
#p_search .pro_items{ width: Calc( 25% - 7.5px);}
#p_search .item_box .pro_items:last-child, #p_search .item_box .pro_items:nth-child(4n){ margin-left: 0;}
#p_search .item_box .pro_items .pro_pic{ min-height: 275px;}
@media only screen and  (max-width: 1024px){
	#p_search .pro_items{ width: Calc( 50% - 5px);}
	#p_search .item_box .pro_items:last-child, #p_search .item_box .pro_items:nth-child(2n){ margin-left: 0;}
	#p_search .item_box .pro_items .pro_pic{ min-height: 470px;}
}
@media only screen and  (max-width: 800px){
	#p_search .item_box .pro_items .pro_pic{ min-height: 360px;}
}
.find_rec{ font-family: sahelB; font-size: 18px;}
.find_rec i{ color: #0f8f77; font-size: 20px;}

/************************ product *************************/
#product{ padding: 0 0 30px; background: #eeeff1; align-items: stretch;}
#product_info.flexbox{ align-items: stretch;}
#product_info > div:last-child{ width: Calc(70% - 50px); margin-right: auto;}
#product_info > div:first-child{ width: 30%; position: relative;}
#product_info img{ width: 100%; height: auto; display: block;}
.h_title{ padding-bottom: 3px; margin-bottom: 20px; border-bottom: 1px solid transparent;}
.h_title.in_desk{ display: none;}
#product_info h1, .h_title h1,.h_title h2{ font-family: 'sahelB'; font-size: 25px; line-height: 40px; display: inline;}
#product_info span.status{ margin-right: 5px; padding: 3px 10px; color: #fff; font-size: 15px; line-height: 23px; display: inline-block; vertical-align: middle; position: relative; bottom: 4px;}
#product_info .brand{ font-size: 15px; font-family:tahoma;}
#product_info .brand i{ color: #9fb1c3; font-size: 14px;}
#product_info .labels{ top: 10px; left: 10px;}
#product_info .not_exist{ top: 10px; right: 10px;}
#product_info .percent{ top: 10px; right: 5px;}
#product .more:hover{ background: rgba(237,54,57,1.00);}
.unavailable{ background: #777;}
.unavailable_pro{ display: none;}

#pro_color, #pro_size{ margin: 40px 0 0; padding: 20px; border: 1px dashed #959595; position: relative;}
#pro_color ul{ padding: 0; margin:8px 0 0; font-size: 0;}
#pro_color li{ margin:0 0 5px 5px; font-size: 16px; display: inline-block; vertical-align: top;}
#pro_color label{ min-width: 45px; height: 30px; padding: 4px 10px; text-align: center; border: 5px solid #fff; color: #B3B3B3; border-radius: 3px; display: block; cursor: pointer; position: relative;}
#pro_color label.active{ border-color: rgb(213, 214, 216);}
#pro_color label.disabled{ opacity:0.1; cursor: default;}
#pro_color label input[type="radio"]{ visibility: hidden; opacity: 0; position: absolute;}

#other_info > div{ padding-left:14px;}
.mass, .procolor, .country{ font-size: 15px;}
#product_info .brand p, .mass p, .procolor p, .country p{ display: inline;} 
.procolor span{ height: 15px; width: 15px; border-radius: 50%; vertical-align: middle; display: inline-block;}
.mass i{ color: #a1577c; font-size: 14px;}
.country i{ color: #0f8f77; font-size: 14px;}

.top_sub{ padding: 10px; background: #eeeff1; position: absolute; top: -25px; right: 10px; font-size: 15px;}
#pro_size ul{ padding: 0; margin:8px 0 0; font-size: 0;}
#pro_size li{ margin:0 0 5px 5px; font-size: 14px; display: inline-block; vertical-align: top;}
#pro_size label{ min-width: 90px; padding: 4px 10px; text-align: center;border: 5px solid #fff; color: #333; border-radius: 3px; display: block; cursor: pointer; position: relative;}
#pro_size label.active1{ border-color: rgb(213, 214, 216);}
#pro_size label.disabled{ background: #EAEAEA; border: 1px solid #C6C6C6; color: #C6C6C6; cursor: default;}
#pro_size label input[type="radio"]{ visibility: hidden; opacity: 0; position: absolute;}

#pro_details{ margin-top: 20px;}
#pro_details > div span{ min-width: 80px; display: inline-block; }
#pro_details > div{ margin-bottom: 10px;}
#pro_details > div:first-child{ margin-left: 30px;}

#pro_details select{ min-width: 100px; padding: 5px; background: transparent; border: 1px solid #ccc;}
#pro_details select option{ font-family: tahoma;}
.off_price{ margin: 0 20px 0 50px;}
.pro_cost{ color: rgb(235, 85, 92); font-family: 'sahelB'; font-size: 18px; line-height: 30px;} 
.pro_cost span{ width: 135px; font-size: 28px; text-align: left; display: inline-block;}
#shop_price.pro_page{ margin: 30px 0;}
#shop_price.pro_page .more{ min-width: 220px; margin: 0;}
.limit_num{ margin: 15px 0 0; font-size: 14px; color: #b59009;}

/*knew popup*/
#let_know{ width: 200px; background: #E35255;}
#let_know i{ font-size: 22px;}
#pop_knew{ width: 100%; height: 100vh; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 10000;}
#pop_knew .flexbox{ height: 100vh; padding: 0 20px;}
#pop_knew #knew_form{ max-width: 350px; width: 100%; padding: 30px; margin: auto; background: #fff; text-align: center; display: block; position: relative; z-index: 50;}
#pop_knew .gray{ margin-bottom: 10px; color: #333; font-size: 17px; line-height: 27px; text-align: right;}
#pop_knew .gray i{ vertical-align: middle; color: #0f8f77; font-size: 18px;}
#pop_knew .gray b{ margin-bottom: 5px; font-family: "sahelB"; font-family: 18px; display: block;}
#pop_knew #knew_form input{ width: 100%; height: 45px; padding: 5px; margin-bottom: 10px; font-size: 16px; border: 1px solid #ddd;}
#pop_knew #knew_form input::placeholder{ font-size: 16px;}
#pop_knew #knew_form button{ width: 120px; height: 45px; margin: 0 auto; border: none; display: flex; flex-direction: column; justify-content: center;}
#knew_close{ padding: 20px; position: absolute; left: 0; top: 0; color: #fff; font-size: 35px; cursor: pointer; transition: all linear .2s; z-index: 50;}
#knew_close:hover{ color: #FF3C3B;}
.close_shadow{ width: 100%; height: 100vh; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10;}

@media only screen and  (max-width: 768px){
	#product .more:hover, .item_box .pro_items:hover .more{ background:#0f8f77;}
}
@media only screen and  (max-width: 768px){
	#shop_price.pro_page{ margin: 30px 0 40px 0 !important;}
	#shop_price.pro_page .more{ padding: 18px 15px !important; font-size: 18px; position: fixed; bottom: 0; left: 0; right: 0; margin: auto; opacity: 1 !important; z-index: 800;}
	#pro_size label{ height: 43px; padding: 7px 10px;}
	#pro_color label{ height: 35px; min-width: 55px; padding: 7px 10px;}
	.off_price{ margin: 0 auto 0 0;}
}
@media only screen and  (max-width: 600px){
	#shop_price.pro_page > div{ width: 100%;}
	#shop_price.pro_page .stars{ text-align: right !important;}
	.wd100{ width: 100%;}
}
@media only screen and  (max-width: 330px){
	.pro_cost{ width: 100%; text-align: right;}
	.pro_cost span{ width: 115px; text-align: right;}
}

#send_bann{ width: Calc(100% - 260px);}
#send_bann img{ width: 100%; max-width: 100% !important;}
#warranty{ margin-right: auto;}
#warranty .each_serv{ width: 245px; margin: 10px 0; background: rgba(255,255,255,1); padding: 7px 7px 7px 20px; color: rgba(55,55,55,1.00);border-right: 5px dotted #eeeff1; border-radius: 50px 0 0 50px;}
#warranty .each_serv:last-child{ margin-left: 0;}
#warranty .each_serv > div { font-family: SahelT; font-size: 12px; line-height: 24px;}
#warranty .each_serv > div i { width: 50px; height: 40px; line-height: 40px;  background: rgba(255,255,255,1.00); border: 1px dashed rgba(193,235,198,.9); text-align: center; font-size: 18px; color: rgba(49,81,80,1.00);}
#warranty .each_serv > div span{ width: Calc(100% - 50px); margin-right: 0; background: none;}
#warranty .each_serv > div span b{ font-family: SahelT; display: inline-block;}
@media only screen and  (max-width: 1080px){
	#send_bann{ width: 100%!important;}
	#send_bann img{ max-width: 565px !important;}
	#warranty{ width: 100%; margin: 0;}
	#warranty .each_serv{ width: 100%; max-width: 420px;}
	#warranty .each_serv > div{ font-size: 15px; line-height: 30px;}
	#warranty .each_serv > div i { width: 60px; height: 50px; line-height: 50px; font-size: 30px;}
	#warranty .each_serv > div span { width: Calc(100% - 60px);}
}
@media only screen and  (max-width: 900px){
	#product_info > div:last-child{ width: 100%; padding-top: 15px; background: #eeeff1;}
	#product_info > div:first-child{ max-width: 400px; width: 100%; margin: auto; background: transparent;}
	#product_info img{ width: 100%; max-width: 400px;} 
	#product_info h1{ margin-top: 15px;}
	.h_title.in_desk{ display: block;}
	#product_info .h_title{ display: none;}
}

/*** gallery albm **/
#album_box{ position:relative; overflow: hidden; margin-top: 20px;} 
#galleryBox{ padding:0; margin:auto; font-size:0; text-align:center; background:#fff; transition: all .5s linear; white-space:nowrap;}
#galleryBox:after{ content:''; clear:both; display:block;}
#galleryBox li{ height:80px; background-size:cover !important; background-position:center !important; position:relative; font-size:14px; display:inline-block; vertical-align:bottom; cursor: pointer; list-style:none;}
#galleryBox li:before{ content:"\f00e"; padding-top:85px; color:#fff; position:absolute; top:0; right:0; left:0; bottom:0; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:30px; visibility:hidden; opacity:0; transition:all linear 0.5s;}
#galleryBox li:hover{ -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);}
#galleryBox li:hover:before{ visibility:visible; opacity:0.8;}
#galleryBox li:hover:after{ visibility:hidden; opacity:0;}
#galleryShow{ max-width: 100%; max-height: 100%; padding:0 10px 10px 10px; background: rgba(0,0,0,.88); position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; transform-origin: 50% 0; opacity: 0; visibility: hidden; transition: all .5s linear; z-index: 9999; }
#galleryShowClose{ padding:10px 50px; color: #FFF; font-size: 30px; line-height: 30px; cursor: pointer; transition: all .3s linear; position:relative; z-index:13;}
#galleryShowClose:hover{ opacity:0.5;}
#galleryShowImg{ overflow: hidden; margin-top: 5px; opacity: 1; transition: all .8s linear; text-align:center; position: relative;}
#galleryShowImg > span{ position:relative; display:inline-block;}
#galleryShowImg > span > div{ position:absolute; bottom:5px; left:5px; margin:auto; padding:3px 15px; text-shadow:1px 1px 1px #000; background:rgba(0,0,0,0.5); color:#fff; font-size:13px; display:inline-block;}
#galleryShowImg > span > div:empty{ display:none;}
#galleryShowImg img{ max-width: 100%; max-height:530px; margin:auto; display: block;}
#galleryShowImg i{ width: 50%; height:100%; padding-top:18%; margin: auto; font-size: 36px; color: #FFF; text-shadow: 0px 1px 2px #000; position: absolute; top: 0; bottom: 0; z-index: 12; cursor: pointer; transition: all .3s linear; opacity: 0;}
#galleryShowImg i:hover{ opacity:0.5;}
#leftGallerySlide{ padding-left:20px; left: 0; text-align:left;}
#rightGallerySlide{ padding-right:20px; right: 0; text-align:right;}
#galleryShowInfo{ margin-top: 10px; color: #c2c2c2; text-align: center; }
#galleryShowTxt{ line-height: 30px; font-size: 18px; font-family:'sahelB'}
#galleryShowdetail{ line-height: 18px; font-size: 12px; }
#galleryShow.active{ opacity: 1; visibility: visible; }
#morePic{ width:120px; padding:5px; margin:20px auto 53px; background: #d72d30; font-family:'sahelB';  border: 2px solid #fff; color: #fff; font-size: 14px; text-align:center; cursor:pointer; display:none; transition: all linear 0.2s;}
#morePic:hover{ opacity:0.5;}
#morePic i{ margin-right: 5px; color: #fff; vertical-align: middle;}
#nex_mtlbkh,#pre_mtlbkh{ width:30px; padding-top:30px; font-size: 20px; text-align:center; margin: auto; position: absolute; top: 0; bottom: 0; color: #FFFFFF; cursor: pointer; transition: all .3s linear; z-index:800; text-shadow:1px 1px 1px black; opacity:.7;}
#pre_mtlbkh{ padding-left:5px; right: 0px; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );}
#nex_mtlbkh{ padding-right:5px; left: 0px; background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );}
#nex_mtlbkh:hover,#pre_mtlbkh:hover{ opacity:0.4; }

@media only screen and  (max-width: 768px){
	#leftGallerySlide, #rightGallerySlide{ opacity:0.5 !important;}
	#galleryShowImg i{ padding-top:40%;}
}

#pro_explain table{ max-width:800px; width: 100%; margin:10px auto; text-align:center;}
#pro_explain table tr td{ padding:5px 8px; background:#F8F8F8; font-size: 16px; border:1px solid #fff; transition:all linear .2s;}
#pro_explain table tr td:last-child{ text-align: right;}
#pro_explain table tr:nth-child(2n-1) td{ background:#eee; border-colr:#fff;} 
#pro_explain table tr:first-child td{ background:#2c3e50; color:#fff; font-size:17px; font-family: "sahelB";}
#pro_explain .textbox{ max-width: 900px; margin: auto; font-size: 16px; text-align: right;}
@media only screen and  (max-width: 600px){
	#pro_explain .textbox{ font-size: 18px; line-height: 30px;}
	#pro_explain table tr td, #pro_explain table tr{ display: block; text-align: center !important;} 
	#pro_explain table tr:first-child{ display: none;}
	#pro_explain table tr td:nth-child(1){ background:#2c3e50; color:#fff; font-size: 17px; font-family: "sahelB";}
	#pro_explain table tr td:nth-child(1):before{ content:'ویژگی: ';}
	#pro_explain table tr td:nth-child(2):before{ content:'توضیحات: '; color: #2c3e50; font-family: "sahelB"; }
}
/** rating **/
.stars{ width:100%; min-height: 50px; margin:20px 0 20px; text-align:right;}
.stars img{ width:auto !important; height: 11px !important; display: block !important; float: none !important;}
.stars i{color:#F7BB06 !important; font-size:18px; vertical-align:middle;}
.stars span{font-size:14px; display:inline-block; margin-top:10px; }
#star1,#star2,#star3,#star4,#star5{width:85px; background:url(images/symbol/stars.png) no-repeat; height:15px; }
#star1{background-position:0px 0}
#star2{background-position:0px -15px}
#star3{background-position:0px -30px}
#star4{background-position:0px -45px}
#star5{background-position:0px -60px;}
/****** Style Star Rating Widget *****/
.rating { 
  border: none;
  padding:0;
  margin:7px 0 0;
  text-align:center;
  direction:ltr;
  display:inline-block;
}

.rating > input { display: none; } 
.rating > label:before { 
  font-size: 30px;
  display: inline-block;
  font-family:"Font Awesome\ 5 Free";
  font-weight:900; 
}
.rating #s1:before { content: "\f556";}
.rating #s2:before { content: "\f119";}
.rating #s3:before { content: "\f11a";}
.rating #s4:before { content: "\f118";}
.rating #s5:before { content: "\f599";}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
  font-family:"Font Awesome\ 5 Free"; 
  font-weight:900;
 }

.rating > label { 
  color: #bcbcbc; 
  cursor:pointer;
  display:inline-block;
}

/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #F7BB06;  } /* hover previous stars in list */
.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #F7BB06;  } 
#wantstar{ padding:0 0 3px; margin-right: 10px; border:none; border-bottom:3px solid #fc3; font-family:"sahelB"; font-size:13px; transition:linear .2s; cursor:pointer;}
#wantstar:hover{background:transparent; opacity:0.6;}
#givestar{transition: visibility 0s, opacity 0s linear;}
#givestar button{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;  border: none; font-size:13px; position:relative; top:4px; color:#413F3F; transition:linear .2s; left:5px; border-radius:3px; background:#fc3; min-width: 120px; padding: 0 0 1px 0; float:left; margin-right:15px; margin-left:-5px;}
#givestar button:hover{background:#F3B600; cursor:pointer;}
.results{ margin-top:0 !important; font-size:15px; background: #faf8a0d1; padding:8px 20px; color: #333; border-radius: 20px; font-family: sahelB;}
.results i{ margin-left:4px; color:#fff;}
.results a{ text-shadow: none;}
.rate_box{ margin-top: 0 !important; padding:8px 15px; background: #fff;}
.b_dark{ background: #F4F4F4; direction: ltr;}
.rate_text{ margin:0 0 0 15px !important; display:inline-block; direction:rtl; font-size:12px !important;}
.rate_text b{ font-size:15px}
.stars .gray{ color:gray !important;}
#starBox .rating{ margin:7px 15px 0 0;}
#starBox .stars span{ margin-right: 15px;}
#starBox .rate_box{ padding: 8px 0; background: transparent;}
@media only screen and  (max-width: 1160px){
	#starBox .stars{ min-height: 89px;}
}
@media only screen and  (max-width: 500px){
	.stars{ min-height: 92px;}
	#showstar{ display: block;}
}
@media only screen and  (max-width: 900px){
	.rate_box{ background: transparent;}
	#starBox #showstar{ display: flex; justify-content: center;}
	#starBox .stars span, #starBox .rating{ margin-right: 0;}
	#starBox #wantstar{ margin-right: 15px !important;}
	#starBox .stars{ min-height: 50px; text-align: center;}
}
@media only screen and  (max-width: 380px){
	#starBox .stars{ min-height: 86px;}
	#starBox .rate_box{ width: 100%;}
	#starBox .w100{ width: Calc(100% - 20px);}
	#starBox #wantstar{ width: Calc(100% - 20px); padding: 0 20px 3px; margin-right: 0 !important;}
}
/** end rating **/

/**** handle counter ****/
.handle-counter { overflow: hidden; font-size: 0; background: #fff; border: 1px solid #ccc}
.handle-counter .counter-minus,  .handle-counter .counter-plus, .handle-counter input { width: 32px; height: 32px; padding: 0; background: transparent; font-size: 17px; vertical-align: bottom; text-align: center; transition: all linear 0.2s;}
.handle-counter input {
	border-width: 1px;
	border-left: none;
	border-right: none;
	font-family: "sahelB";
	background: transparent;
	color: #0fabc6;
	border: none;
}

.btn {
  padding: 6px 12px;
  border: 1px solid transparent;
  color: #fff;
}

.btn:disabled, .btn:disabled:hover {
  color: darkgrey;
  cursor: not-allowed;
}
.btn-primary { vertical-align: top; color: #0fabc6;}
.btn-primary i{ padding: 0; vertical-align: baseline; font-size: 13px;}
@media only screen and (max-width:768px){
	.handle-counter input, .handle-counter .counter-minus, .handle-counter .counter-plus{ width: 38px; height: 38px; font-size: 20px;}
	.btn-primary i{ font-size: 18px;}
}
/**** end handle counter ****/

/************************** rules **************************/
.blogtxt{ max-width: 900px; margin: 40px 0;}
.blogtxt a{ color: #496991;}
.blogtxt a:hover{ opacity: 0.6;}
.pad80t{ padding-top: 95px;}
@media only screen and (max-width:1200px){
	.pad80t{ padding-top: 15px;}
}

/************************** contact **************************/
#contact{ margin: 40px auto;}
#contact .res_align { max-width: 800px;}
#contact .c_title{ padding:20px 0; color:#333; font-family:'sahelB'; line-height: 30px; font-size: 22px;}
#contact .c_title i{ color:#a1577c; vertical-align:middle;}
#contact iframe{width:100%;}
#contact form ul{ font-size:0; padding:0; margin:0 0 5px 0;}
#contact form #part_one li{ width:33%; display:inline-block;}
#contact form #part_one li:nth-child(2){ margin:0 0.5%;}
#contact form ul input{ width:100%; height:40px; padding:0 5px; font-family: 'sahel'; font-size:15px; color:#333; border:1px solid #ccc; vertical-align:bottom;}
#contact form #part_two{ display: flex; flex-wrap: wrap; align-items: flex-end;}
#contact form #part_two li{ width:66.5%; display:inline-block;}
#contact form #part_two li:nth-child(2){ width: 33%; margin-right: 0.5%; position: relative; text-align:center;}
#contact form #part_two li:last-child{ position:relative;}
#contact form #part_two li textarea{ width:100%; height:90px; padding:0 5px; color: #333; font-family: 'sahel'; font-size:15px; border:1px solid #ccc; resize:none; display: block;}
#contact .num_cnt{ padding: 5px 5px 0 0; font-size: 12px; text-align: right; color: gray;}
#contact form #part_two input[type="submit"]{ background:#0f8f77; color:#fff; font-family:'sahelB'; font-size:17px; border:2px solid #0f8f77; transition:all linear 0.3s;}
#contact form #part_two input[type="submit"]:hover{ opacity: .7;}
.pad20bt{ padding-bottom: 20px;}
@media only screen and (max-width:940px){
	#contact{ text-align:center;}
	#contact form ul{ margin:0;}
	#contact form ul input{ height:55px; font-size: 17px;}
	#contact form #part_one li, #contact form #part_two li{ width:100% !important; margin-bottom:10px; display: block;}
	#contact form #part_one li:nth-child(2){ margin:0 0 10px 0;}
	#contact form #part_one, #contact form #part_two{ max-width:450px; margin:auto; text-align:center;}
	#contact form #part_two li:nth-child(2){ margin:0 0 10px 0 !important;} 
	#contact form #part_two input[type="submit"]{ position:static;}
	#contact form #part_two li textarea{ font-size: 17px;}
	#contact .g-recaptcha > div{ margin: auto; display: block;}
}

/******************************* order ******************************/
#order_head{ padding: 25px 25px 35px; background: #fff; border:10px solid #eeeff1;}
#order_head .flexbox{ justify-content: center;}
#order_head img{ width: 60px; display: block;}
#order_head h1{ padding: 0 5px; font-family: SahelT; font-weight: normal; font-size: 30px; line-height: 45px; display: inline-block; color: rgba(49,81,80,1.00);}
#order_head #level{ width: 100%; margin: auto;}

#level{ max-width: 600px; width: 95%; padding: 30px 0 0; margin: auto; font-size: 0;}
#level li{ width: calc(50% - 8.3px); height: 5px; background: #dbdbdb; color: #999; font-size: 14px; font-family: sahelB; display: inline-block; position: relative; vertical-align: top;}
#level li span{ width: 25px; height: 25px; line-height: 27px; background: #dbdbdb; position: absolute; top: -12px; right: -2px;  text-align: center; border-radius: 100%; display: inline-block;} 
#level li b{ width: 85px; margin-top: 15px; line-height: 20px; position: relative; left: 32px; text-align: center; display: inline-block;}
#level li.active{ background:#0F8F77; color: #333;}
#level li.active span{ background: #0F8F77; color: #fff;}
#level li:last-child{ width: 0; background: none; white-space: nowrap;}
@media only screen and (max-width:768px){
	#level li b{ width: 77px; font-size: 12px; left: 27px;}
}
@media only screen and (max-width:320px){
	#level li b{ width: inherit; left: 15px;}
}

#register{ margin: 50px 0;}
#register .bg_gray{ padding: 20px; background: #f5f5f5;}
.bg_gray > .flexbox{ align-items: stretch;}
.bg_gray > .flexbox > div{ width:Calc(33.33% - 7px); padding: 10px; margin: 0 0 10px 10px; background: #f5f5f5; border: 1px dashed #ddd; display: flex; align-items: flex-end;}
.bg_gray > .flexbox > div > div{ width: 100%;}
.bg_gray > .flexbox > div:nth-child(5n),.bg_gray > .flexbox > div:last-child{ margin-left: 0;}
.bg_gray > .flexbox > div input{ width: 100%; height: 40px; padding: 5px; background: transparent; font-size: 16px; border: 1px solid #ccc; color: #333;} 
.bg_gray > .flexbox > div .sub_top{ padding: 5px 5px 3px; font-size: 14px; line-height: 22px; font-family: "sahelB"; display: block;}
.bg_gray > .flexbox > div .sub_top b{ color: red; font-size: 12px; font-family: sahel; line-height: 20px;}
.bg_gray select{ width: 100%; height: 40px; padding: 5px; background: transparent; font-size: 16px; border: 1px solid #ccc; color: #333;}
.bg_gray select option{ font-family: "tahoma";}
.bg_gray .birthday select:first-child{ width:26%;}
.bg_gray .birthday select:nth-child(2){ width: 40%; margin: 0 2%;}
.bg_gray .birthday select:nth-child(3){ width: 30%;}
.bg_gray > .flexbox textarea{ width: 100%; padding: 5px; background: transparent; font-size: 16px; border: 1px solid #ccc; color: #333; resize: none;}
.bg_gray > #part_bt{ align-items: flex-end;} 
.bg_gray > #part_bt > div{ width: Calc(67% - 7px); margin-bottom: 0;}
.bg_gray > #part_bt.w100 > div, #abb_box.w100 > div{ width: 100%;}
.bg_gray > #part_bt button{ width: Calc(33.33% - 8px); margin: 0; position: relative; bottom: 1px;}
.bg_gray > .flexbox > .w40{ width: Calc(67% - 7px);}
#send_time{ margin: 30px 0 0;}
#send_time .more{ margin-bottom: 0;}
#hidetime{ display: none;}
#hidetime .text{ padding: 5px 10px; background: #f4f4f4; border: 1px dashed #ddd;}
#hidetime .text i, #hidetime .text b{ color: #a1577c; border-bottom: 1px solid #a1577c;}
#citySectionLegal{ height: 40px; font-family: "sahel" !important; font-size: 14px; display: flex; align-items: center;}
#sending > div{ max-width: max-content; margin: 0 0 20px; text-align: right;}
#sending > div b{ margin: 0 5px 5px 0; display: inline-block;}
#sending .gray{ color: #999; font-size: 12px; line-height: 23px;}
#sending .interval label{ min-width: 84px; padding: 10px; margin: 0 0 0 3px; text-align: center; border: 1px solid #eee; border-radius: 5px; cursor: pointer; position: relative;}
#sending .interval label.active{ background: #a1577c; color: #fff;}
#sending > div input[type="radio"]{ position: absolute; visibility: hidden; opacity: 0;}
.in_txt{ max-width: max-content; padding: 5px 10px; margin-top: 10px; display: none; background: #f4f4f4;}
.in_txt i{ margin-left: 5px; color: #a1577c;}
@media only screen and (max-width:1024px){
	.bg_gray > .flexbox > .w40, .bg_gray > #part_bt > div{ width: Calc(67% - 7px);}
	.bg_gray > #part_bt button{ width: Calc(33.33% - 7px);}
}

#timing{ width: 100%; align-items: stretch;}
#timing > div{ width: Calc(100% - 5px); margin: 0 2.5px; text-align: right; font-size: 14px; border: 1px solid #ccc;}
#timing > div b{ padding: 5px 10px; display: block; background: #eeeff1; color: #a1577c; font-size: 16px;}
#timing > div span{ color: #a1577c;}
#timing > div div{ padding: 5px 10px;}
#timing > div label{ padding: 5px; border: 1px solid transparent; cursor: pointer; display: inline-block;}
#timing > div label.active{ border: 1px solid #0f8f77;}
@media only screen and (max-width:1024px){
	.bg_gray > .flexbox > .w40, .bg_gray > #part_bt > div{ width: Calc(67% - 7px);}
	.bg_gray > #part_bt button{ width: Calc(33.33% - 7px);}
}
@media only screen and (max-width:700px){
	.bg_gray > .flexbox > div{ width: 100% !important; margin: 0 0 10px !important;}
	.bg_gray > #part_bt button{ width: 50%;}
	.bg_gray > .flexbox > div input, .bg_gray select{ height: 50px; font-size: 18px;}
	.bg_gray > .flexbox textarea, #citySectionLegal{ font-size: 18px;}
	.bg_gray > .flexbox > div .sub_top{ font-size: 17px; line-height: 30px;}
	.bg_gray > .flexbox > div .sub_top b{ font-size: 14px; line-height: 24px;}
	#timing > div{ width: 100%; margin: 0 0 15px !important;}
}
@media only screen and (max-width:500px){
	.bg_gray > #part_bt button{ width: 100%;}
}

#send_method{ margin: 30px 0 0;} 
#send_method .labelbox{ margin-top: 20px;}
#send_method label{ max-width: 460px; padding: 10px 15px; margin-bottom: 10px; background: #f4f4f4; cursor: pointer; border: 2px dashed transparent; transition: all linear 0.2s;}
#send_method label.active{ background: #efe; border-color: #0f8f77;}
#send_method b{ width: 100%; color: #1B1B1B; font-size: 16px; line-height: 27px; display: block;}
#send_method b span{ font-size: 12px; display: inline-block;}
#send_method .post{ width: Calc(100% - 135px); font-size: 13px; color: gray; line-height: 22px;}
#send_method .post > div{ width: Calc(100% - 105px); margin: 0 0 0 15px;}
#send_method .post > div span{ color: rgba(237,54,57,1.00);}
#send_method .post img,#send_method .post i{ width: 60px; margin: 0 15px; color: #a1577c; font-size: 35px; text-align: center; display: block;}
/* #send_method .post img,#send_method .post i{ width: 60px; margin: 0 15px; display: block;} */
#send_method .send_cost{ width: 115px; padding-right: 10px; margin-right: auto; font-size: 13px; color: gray; line-height: 22px; text-align: center; border-right: 1px solid #ddd;}
#send_method .send_cost p{ display: inline-block;}
.send_cost b{ margin-bottom: 5px;}
#send_method .tiny{ font-size: 11px; line-height: 19px;}
.for_free{ display: none;}
@media only screen and (max-width:500px){
	#send_method .post{ width: Calc(100% - 102px);}
	#send_method .post img,#send_method .post i{ width: 40px; margin: 0 5px; font-size: 25px;}
	#send_method .post > div { width: Calc(100% - 55px); margin: 0 0 0 5px;}
	#send_method .send_cost{ width: 85px;}
}

/**az bank bargashte**/
.Register-box{ max-width: 750px; margin: auto;}
.give_pro{ padding: 20px 0 10px 0; margin-top: 10px; border-top: 1px solid #ddd; align-items: flex-start;}
.give_pro span{ color: #f1316b;}
.give_pro > div{ width: Calc(100% - 320px); margin-left: auto; text-align: right;}
.give_pro > div i{ color: #f1316b; font-size: 24px;}
.map_loc{ margin-top: 10px;}
.give_pro iframe{ width: 300px; height: 180px; border: none; display: block;}
@media only screen and (max-width: 650px){
	.give_pro > div{ width: 100%; text-align: center;}
	.give_pro iframe{ width: 100%; max-width: 400px; margin: 20px auto 0;}	
}

#freeze_order{ margin: 30px 0 60px 0;}
#box_right{ width: Calc(100% - 370px); padding: 20px; border: 10px solid #eeeff1; border-radius: 15px; float: right;}
#box_right #register{ margin: 0;}
#box_right .bg_gray{ padding: 0; background: none;}
#box_right .bg_gray > .flexbox > div{ background: none;}

#cart{ margin: 30px 0 60px;}
.h2_title{ margin-bottom: 20px; font-family: "sahelB"; font-size: 23px; line-height: 35px;} 
.h2_title i{ color: #a1577c; font-size: 22px;}
.no_login{ max-width: max-content; padding: 5px 10px; margin-bottom: 15px; background: #eeeff1; color: #333; border-radius: 5px;}
.no_login .more{ min-width: inherit; margin: 5px;}
.marbt5{ margin-bottom: 5px;}
.marbt20{ margin-bottom: 20px;}
#freeze:after, #freeze_order form:after{ content: ""; clear: both; display: block;}
#left_freeze, #l_freeze{ width: 350px; margin-right: 20px; padding: 15px; background: #eeeff1; float: left;}
#left_freeze .cost_num, #l_freeze .cost_num{ padding-bottom: 3px; color: gray; font-size: 14px; border-bottom: 1px solid #eee;}
#left_freeze .off_cost, #l_freeze .off_cost,.txt_red{ color: rgba(237,54,57,1.00) !important;}
.mrg_right{ margin-right: auto;}
#left_freeze .costbox, #l_freeze .costbox{ padding-top: 10px; font-family: "sahelB"; font-size: 14px; border-top: 1px solid #929293;}
#left_freeze .costbox .price, #l_freeze .costbox .price{ margin-right: auto;}
#l_freeze .all_price{ padding-bottom: 0; border-bottom: none;}
#left_freeze .more, #l_freeze .more{ width: 100%; margin-bottom: 0;}
#fix_cost .fix_price{ display: none;}
.wall_txt{ padding-top: 8px; margin-top: 5px; font-size: 12px; line-height: 20px; border-top: 1px solid #ddd; text-align: center;}
.wall_txt span{ color: #ea2149;}
.send_txt{ font-size: 12px; line-height: 20px; color: gray;}
.cost_num .send_txt{ font-size: 14px; line-height: 27px;}
#left_freeze .cost_process{ margin: 40px 0 30px;}
#l_freeze .more{ margin-top: 0;}
/*snapp pay*/
.pay_type .c_label{ margin: 10px 0; padding: 8px; background: #fff; position: relative; border: 2px solid transparent; display: block; cursor: pointer;}
.pay_type .c_label.active{ border-color: #0f8f77;}
.pay_type .c_label.active img,.pay_type .c_label.active i{ opacity: 1 !important;}

.pay_type .c_label input{ width: 18px; height: 18px; position: absolute; right: 5px; top: 50%; border: 1px solid #777; border-radius: 100%; transform: translateY(-50%);}
.pay_type .c_label i{ width: 30px; color: #a1577c; font-size: 35px; vertical-align: middle;margin-right: 2px;}
.pay_type .for_flex > div{ width: Calc(100% - 87px); margin-left: auto;}
.pay_type .for_flex.wallet > div{ width: Calc(100% - 73px);}
.pay_type .for_flex b{ display: block;}
.pay_type .for_flex span{ min-height: 20px; font-size: 13px; line-height: 20px; display: block;}
.pay_type .for_flex img{ max-width: 45px; width: 100%; margin-left: 5px; display: block;}
.pay_type.for_snap .c_label{ padding-right: 30px;min-height: 67px;}
.pay_type.for_snap .for_flex > div{ width: Calc(100% - 50px); margin: 0 auto 0 0}
.pay_type.for_snap .for_flex .other_wh{ width: Calc(100% - 49px);}
/** swich input **/
.switch2 {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 20px;
}

.switch2 input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.ch_slider2 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.ch_slider2:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 3.5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .ch_slider2 {
  background-color: #0f8f77;
}


input:checked + .ch_slider2:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.ch_slider2.round {
  border-radius: 34px;
}

.ch_slider2.round:before {
  border-radius: 50%;
}


.show_off{ margin-bottom: 10px; background: #fff; border: 1px solid #ddd;}
.show_off .show_bot{ padding: 7px 10px; color: #000; font-size: 13px; cursor: pointer;}
.show_off .show_bot i{ margin-top: 7px; float: left;}
.off_form{ padding: 0 10px 10px; display: none;}
.price_off{ max-width: 350px;}
.price_off input{ width: Calc(100% - 50px); height: 35px; padding: 5px; border: 1px solid #ddd !important; border-left: none;}
.price_off #count_off{ width: 50px; margin-right: auto; height: 35px; line-height: 35px; background: #f34f4e; color: #fff; font-size: 14px; text-align: center; display: inline-block; cursor: pointer; transition: all linear 0.2s;}
.price_off #count_off:hover{ opacity: 0.7;}
.price_off.boxshadow{ position: relative;}
.price_off.boxshadow:after{ content: "ثبت"; width: 51px; height: 35px; line-height: 35px; background: #919191; color: #fff; position: absolute; left: 0; top: 0; text-align: center; display: block; z-index: 10;}

#cart_box{ width: Calc(100% - 370px); float: right;}
#cart_box .inside_cart{ padding: 20px; border: 10px solid #eeeff1; border-radius: 15px;}
#cart_box .cart_item{ padding-bottom: 10px; margin-bottom: 10px; align-items: stretch; border-bottom: 1px dashed #ddd;}  
#cart_box .cart_item:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
#cart_box .cart_item .pointing{ align-items: flex-end;}
#cart_box .cart_img{ width: 120px;}
#cart_box .cart_img img{ width: 100%; display: block; transition: all linear 0.2s;}
#cart_box .cart_img img:hover{ opacity: 0.7;}
#cart_box .cart_info{ width: calc(100% - 120px); padding: 0 30px 0 0;}
#cart_box .cart_info h3{ margin-bottom: 7px; color: #333; font-size: 17px; line-height: 28px; font-family: "sahelB";}
.cart_cost{ margin-right: auto; text-align: left;}
.cart_cost .cost_pro{ font-size: 17px; font-family: "sahelB";}
.cart_cost .cost_pro b,.toman{ font-size: 12px; font-family: "sahel";}
.cart_cost .cart_off{ margin-bottom: 5px; color: rgba(237,54,57,1.00); font-size: 12px;}
.cart_cost .cart_off span{ width: 50px; display: inline-block;} 
.font15{ font-size: 15px;}
.cart_del{ padding: 10px 10px 0; margin-right: 20px; color: #666; font-size: 14px; cursor: pointer; transition: all linear 0.2s;}
.cart_del:hover{ color: rgba(237,54,57,1.00);}
.pro_details{ font-size: 14px; line-height: 25px;}
.pro_details > div{ margin-left: 20px;} 
.pro_details i{ vertical-align: middle;}
.pro_details .weight i{ color: #a1577c;}
.return{ margin-top: 7px; color: #1795e1; font-size: 14px; display: inline-block;}
.return:hover{ opacity: 0.7;}
.return i{ margin-left: 3px; font-size: 17px; vertical-align: middle;}
#send_cost{ display: none;}
#l_freeze.has_send #send_cost{ display: block;}
.txt_trans{ width: 80%;margin: auto;font-size: 25px;color: #d35757;text-align: center;margin-top: 50px;font-family: SahelB;padding: 20px;}
@media only screen and (max-width:1024px){
	#cart_box, #box_right{ width: 100%;}
	#box_right{ margin-bottom: 0;}
	#left_freeze, #l_freeze{ width: 100%; margin: 20px 0 0 !important; position: static !important;}
	#fix_cost{ padding: 10px; background: #fff; position: fixed; bottom: 0; left: 0; right: 0; box-shadow: 0px 1px 6px 0px #9d9d9d; flex-direction: row-reverse; z-index: 900;}
	#fix_cost .fix_price{ font-size: 17px; font-family: "sahelB"; text-align: left; display: block;}
	.fix_price .p_sub{ color: gray; font-size: 12px; font-family: "sahel";}
	#left_freeze .more, #l_freeze .more{ width: inherit; margin: 0 0 0 auto !important;}
	#l_freeze .more span,.return{ display: none;}
	#freeze_order{ margin: 30px 0 60px;}
}
@media only screen and (max-width: 550px){
	.pointing{ margin-top: 15px; display: block;}
	.pointing .cart_cost{ margin: 10px 0 0; text-align: right;}
	#cart_box .cart_info{ width: Calc(100% - 90px); padding: 0px 10px 0 0;}
	#cart_box .cart_img{ width: 90px;}
	#cart_box .cart_info h3{ font-size: 15px; line-height: 26px;}
	.cart_cost .cart_off{ margin-bottom: 0;}
	.cart_cost .cost_pro{ line-height: 17px;}
	.cart_cost .cost_pro span{ min-width: 55px; display: inline-block;}

}
@media only screen and (max-width:500px){
	.cart_cost{ width: 100%; margin-top: 15px;}
	#cart_box .cart_img img{ max-width: 100%;}
}

/*** if empty ***/
.if_empty img{ width: 170px; margin: auto; display: block;}
.if_empty > div:first-child{ margin-left: 30px;}
.if_empty .more{ margin: auto;}
.if_empty .new_link{ margin-top: 5px; font-size: 14px;}
.if_empty .new_link a{ color: #a1577c;}
.if_empty .new_link a:hover{ opacity: 0.7;}
@media only screen and (max-width:600px){
	.if_empty{ text-align: center; display: block;}
	.if_empty > div:first-child{ margin: 0 0 20px;}
}


/****** login ******/
#input-phone::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  direction:ltr !important;
  text-align:left;
  font-size: 23px;
}
#input-phone::-moz-placeholder { /* Firefox 19+ */
  direction:ltr !important;
  text-align:left;
  font-size: 23px;
}
#input-phone:-ms-input-placeholder { /* IE 10+ */
  direction:ltr !important;
  text-align:left;
  font-size: 23px;
}
#input-phone:-moz-placeholder { /* Firefox 18- */
  direction:ltr !important;
  text-align:left;
  font-size: 23px;
}

.titr_lgn{ font-size: 30px; line-height: 40px; font-family:'sahelB';color: #fff; margin: 0px auto 30px;z-index: 2;position: relative;width: max-content;}
#go_login{ background:url("images/background/login.jpg"); background-size: cover !important; background-position: center !important;}
#go_login .top_course{ position: relative; overflow: hidden; flex-direction:row;}
#go_login .top_course.second{ flex-direction:row; background: radial-gradient(circle, rgba(59,55,56,1) 0%, rgba(25,25,25,1) 100%);}
#go_login .top_course .picbox{ min-height:620px; width: 100%; max-width:700px; background-size:cover !important; background-position:50% 50% !important; position: relative; z-index: 1;text-align: center;padding: 20px 0 30px;display: flex;background: #09090b87;flex-direction: column;    justify-content: flex-start;align-items: center;}
#go_login .lnk_sit{width: 100%;text-align: right;}
#go_login .lnk_sit a{padding: 5px 20px 5px;background: #ffffff21;font-family: sahel;color: white;margin: 0;font-size: 13px; line-height:25px; display: inline-flex; align-items: center;justify-content: center;transition: all linear 0.2s; border-bottom-left-radius: 50px;border-top-left-radius: 50px;}
#go_login .lnk_sit a i{margin-left: 4px;font-size: 17px;}
#go_login .lnk_sit a:hover{background: #ffffff47}
#go_login .lnk_pos{ position: absolute; right: 0; bottom: 20px;}
#go_login .top_course .picbox > div.login,.top_course .picbox > div.rgstr{ padding-top: 20px;}
#go_login .pico{min-height: 100vh!important;align-items: center;}
#go_login .pico .login{margin: auto;}
@media only screen and (max-width:1024px){
	#go_login .top_course{ flex-direction:row;}
	#go_login .top_course .picbox{ max-width: 100%; width:100%; min-height: 300px; padding: 10px 0 80px;} 	
}

#cer-ind #course_step{ max-width:600px; padding: 0; font-family:sahel; justify-content: center; list-style:none; font-size:0; text-align:center; margin:auto; display:flex; display:-webkit-flex; display:-ms-flexbox;}
#cer-ind #course_step li{ height: 60px; margin:5px 0px 5px;color: white; padding:15px 18px; position:relative; text-shadow:1px 1px 1px #333; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items:center;}
#cer-ind #course_step li:nth-child(1){ background:#BB7095;}
#cer-ind #course_step li:nth-child(1):after{ border-right: 12px solid #BB7095;}
#cer-ind #course_step li:nth-child(2){ background:#A85F83;}
#cer-ind #course_step li:nth-child(2):after{ border-right: 12px solid #A85F83;}
#cer-ind #course_step li:nth-child(3){ background:#a1577c;}
#cer-ind #course_step li:after{ content:""; width: 0; height: 0; position:absolute; right:100%; top:0; z-index:10; border-top: 30px solid transparent; border-bottom: 30px solid transparent;}
#cer-ind #course_step li:last-child:after{ display:none;}
#cer-ind #course_step li .numerical{ width:30px; font-size:35px; color: #fffef1; font-family:sahelB; display:block; vertical-align:top; position:relative; top:5px;}
#cer-ind #course_step li .SelectCourse{ font-size:16px; line-height:25px; text-align:right; display:block;}
#cer-ind #course_step li div{display: flex;margin: auto;text-align: right;justify-content: center; align-items:center;}
.btn-grn { background: #267139; color: white; border: 1px solid #226433; border-radius: 2px; margin: 10px 0 10px; font-size:16px; font-family:sahel; transition: all .2s; height: 45px; width: 250px;}
.btn-grn:hover { background: #437d52;}
@media only screen and (max-width: 580px){
	#cer-ind #course_step{ max-width:580px; display:block;width: 95%;}
	#cer-ind #course_step li{ width:100%; padding:15px 10px; margin:0px auto !important; display:inline-block;}
	#cer-ind #course_step li:after{ top:100%; left:0; right:0; margin:auto; border-bottom:none; border-left: 20px solid transparent; border-right: 20px solid transparent !important; border-top: 15px solid transparent;}
	#cer-ind #course_step li:nth-child(1):after{ border-top: 10px solid #BB7095;}
	#cer-ind #course_step li:nth-child(2):after{ border-top: 10px solid #A85F83;}
	#cer-ind #course_step li span{ display:inline-block !important;}
	#cer-ind #course_step li{padding: 20px 10px;}
	#cer-ind #course_step li div{justify-content: center;}
	#cer-ind #course_step li .SelectCourse{ font-size:20px; line-height:32px;}
}

.box-phone{ max-width:100%; width:100%; height: auto; min-height: 231px; background: rgba(193, 206, 204,.1);display: flex;flex-direction: column;align-items: center;margin:5px 0px 50px;border-radius: 5px;justify-content: space-around;padding:20px; font-family:sahel;}
.box-phone form{display: flex;align-items: center;flex-direction: column}
.text-box-phone{text-align: center;}
.text-box-phone p{font-size: 15px; line-height:28px; text-align: center;color:white;}
.error-style p{color: #f8afaf;text-align:center;font-family: sahelB; line-height:28px;}
.error-style{ display: flex;align-items:center;justify-content: center; margin: 10px auto 15px; border-radius:4px; background:#ffffff26; padding:5px; max-width:600px; width:100%;}
.cng-mobile { color: #eeb3d0; border-bottom: 1px dashed #eeb3d0; font-size: 12px;}
#input-phone{ border: 1px solid #ddd;height: 45px;width: 250px;margin: 20px 0 0;background: #ddd;letter-spacing: 8px;font-size: 23px; font-family:sahel; padding: 0 10px;border-radius: 2px;}
#input-num{ direction: ltr; border: none;-webkit-box-shadow: none;box-shadow: none;outline: none;letter-spacing: 38px;font-size:25px;width:270px; margin-bottom: 0; padding-bottom: 0;background: transparent;color: #fff; position: relative; left: 18px;}
.border-input {height: 2px;width: 250px; margin-top: 0;padding-top: 0;background-image: -webkit-gradient(linear,left top,right top,from(#ffffff ),color-stop(75%,#ffffff ),color-stop(75%,transparent),to(transparent));background-image: linear-gradient(90deg,#ffffff ,#ffffff  75%,transparent 0,transparent); background-size: 3.3em 1px;border: none; }
#alarm-text{color: white;min-width: 200px;display: flex;justify-content: center; line-height:28px;}
.alarm-ntfc {text-align: center;background: #ffdeab7a;color: white; border-radius: 3px;width: 95%;margin:auto; padding: 8px;line-height: 42px;font-size: 16px;max-width:600px;height:max-content}
.alarm-ntfc a {color:#1064ac}
#timer{ width:50px;}
.reg_text{ color: #fff; font-size: 15px; text-decoration: underline; transition: all linear 0.2s;}
.reg_text:hover{ opacity: 0.7;}
.padL7px{padding-left:7px}
#recive-code-again{ padding: 3px; background: #a1577c;border: 1px dashed white;border-radius: 3px;color: white;min-width: 200px;display: none; line-height:28px; font-family:sahel;}
.hligt { border-bottom: 1px dashed #f8bbd9; color: #f8bbd9; font-size: 15px;}
.pos_rel{ position: relative;}
@media only screen and (max-width: 1139px){
	.error-style{margin: 10px auto 35px;}
	.box-phone{margin: 15px auto 0;}
}
@media only screen and (max-width: 768px){
	#input-phone, .btn-grn{ height:55px; }
}
@media only screen and (max-width: 600px){
	.box-phone{width: 95%;}
}

/**** register ****/
#reg_box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 16px;
}
#reg_box input::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px;
}
#reg_box input:-ms-input-placeholder { /* IE 10+ */
  font-size: 16px;
}
#reg_box input:-moz-placeholder { /* Firefox 18- */
  font-size: 16px;
}
#reg_box{ padding: 20px;}
#reg_box .text-box-phone{ margin-bottom: 15px; color: #fff; font-size: 15px; line-height: 28px;}
#reg_box input[type="text"], #reg_box input[type="number"]{ height: 45px; width: 250px; margin: 10px 0 0; background: #ddd; font-size: 16px; font-family: sahel; padding: 0 10px; border-radius: 2px; border: 1px solid #ddd;}
#reg_box #sex{ max-width: 250px; width: 100%;} 
#reg_box #sex label{ width: Calc(50% - 5px); height: 45px; line-height: 45px; padding:0 10px; color: #fff; border: 1px dashed #ccc; border-radius: 2px; cursor: pointer;}
#reg_box #sex label:first-child{ margin-left: 10px;}
#reg_box #sex label.active{ border-color: #58ce76;}
#reg_box input[type="radio"]:checked { background: #58ce76; border: 1px solid #58ce76;}
@media only screen and (max-width: 768px){
	#reg_box input[type="text"], #reg_box input[type="number"], #reg_box #sex label{ height:55px; line-height: 55px; font-size: 20px;}
	#reg_box .text-box-phone, .reg_text, .text-box-phone p{ font-size: 17px;}
	.btn-grn{ font-size: 20px;}
}

/*********** profile ***********/
.top_mess{ margin: 50px 0; padding: 20px; background: #f4f4f4; font-size: 18px; font-family:"sahelB"; border: 1px dashed #ddd;}
.top_mess i{ margin-left: 5px; color: green; font-size: 22px;}
.hgt_vh{ height: Calc(100vh - 295px);}
.hgt_vh1{ height: Calc(100vh - 320px);}
.fsahel{ font-family: sahel;}
.lnh_35{ line-height: 35px;}
.a_color{ color: #0b9de3;}
.a_color2{ color: #2f608b;}

#mem_info{ margin: 60px 0;}
.your_cash{ max-width: max-content; padding: 5px 30px; margin: 15px 0; background: #a1ffa0; color: #333; font-size: 16px; line-height: 28px; border: 5px solid #9cedb7; border-radius: 24px;}
.your_cash b{ color: #018201; font-size: 20px; line-height: 30px;} 
.your_cash.back{ background: #afe2fb;	border-color: #9cd1eb;}
.your_cash.back b{ color: #007cb9;}

.m_width{ max-width: 1040px; margin: 60px 0 !important;}
.mem_column{ font-size:15px; line-height:27px; padding:20px; background: #f4f4f4; border: 1px dashed #ddd;}
.mem_column .flexbox{ align-items: stretch;}
.mem_column .flexbox > div{ width:Calc(50% - 7.5px);} 
.mem_column .flexbox > div:first-child{ margin-left:15px;}
.mem_column .flexbox > div span{ padding:5px; font-family:"sahelB"; display:inline-block;}
.mem_column .flexbox > div .ltext{ font-family: "sahel";}
.mem_column .flexbox > div .more{ margin: 0; }
.mem_column .flexbox > div a:hover{ opacity:0.7;}
.mem_column .flexbox > div > div{ padding: 5px 8px; margin-bottom: 8px; background: #fbfbfb; border-right: 2px solid #a1577c;}
.mem_column .more{ margin-bottom: 0;}
.mem_column .more i{ padding-right: 0; margin-bottom: 0;}
@media only screen and  (max-width: 768px){
	.mem_column .flexbox > div{ width:100%; padding:0 !important; margin: 0 !important;}
	.mem_column{ font-size:18px; line-height:30px;}
}

/*********** history list ***********/
#list_his{ width: 100%;}
#list_his tr td{ padding: 5px 8px; border-bottom: 1px dashed #ddd; border-left: 1px dashed #ddd;} 
#list_his tr td:first-child{ width: 50px; text-align: center;}
#list_his tr td:last-child{ width: 150px; text-align: center;}
#list_his tr td:last-child{ border-left: none;}
#list_his tr:first-child td{ height: 52px; font-family: "sahelB"; font-size: 17px; background: #f4f4f4;} 
#list_his tr:last-child td{ border-bottom: none;}
#list_his .more{ margin: 0;}
@media only screen and  (max-width: 600px){
	#list_his tr td, #list_his tr{ width: 100% !important; text-align: right; display: block;}
	#list_his tr:last-child td{ border-bottom: 1px dashed #ddd;}
	#list_his tr td{ padding: 8px; border-left: none; text-align: right !important;}
	#list_his tr td:last-child{ border-bottom: none;}
	#list_his tr{ margin-bottom: 20px; border: 1px solid #ddd;}
	#list_his tr:first-child{ display: none;}
	#list_his td:first-child{ background: #f4f4f4; font-size: 18px;}
	#list_his td:before{ padding-left: 5px; font-family: "sahelB";}
	#list_his td:nth-child(1):before{ content: "ردیف";}
	#list_his td:nth-child(2):before{ content: "نوع ثبت:";}
	#list_his td:nth-child(3):before{ content: "تاریخ:";}
	#list_his td:nth-child(4):before{ content: "مبلغ:";}
	#list_his td:nth-child(5):before{ content: "وضعیت:";}
	#list_his td:nth-child(6):before{ content: "مشاهده جزییات:";}
}

.historypg{ font-size: 14px; text-align:left; display: block; margin: 5px 0;}
.historypg a{ color: #069; }
.historypg a:hover{ color: #0f8f77; }
.historypg i{ margin: 0 3px; position: relative; top: 2px; }

/*********** history ***********/
#status{ max-width: 400px; width: 100%; margin: 30px 0; padding: 20px; background: #f4f4f4; font-size: 18px; line-height: 30px; text-align: center; border: 1px dashed #ddd;}

/*pish faktor css*/
#bpishfaktor{
    max-width:1040px;
    padding: 20px;
	background: #f4f4f4;
    line-height: 20px;
    font-size: 17px;
	font-family:sahel;
	border:1px dashed #ddd;
}
.dv_butt{ margin-top:20px; justify-content:center;}
.dv_butt .more{ width:160px; margin:3px;}
.dv_butt .more i{ padding:0 0 0 5px;}

@media only screen and  (max-width: 680px){
	.dv_butt{ display:block;}
	.dv_butt .more{ margin:8px auto; display:block;}
}
#bpish_head{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #bbb;
}
#bpishfaktor label{
    color: #a1577c;
	font-family: "sahelB";
}
#bpish_head a{
    float: right;
}
#bpish_head img{ width:65px; display: block;}
#bpish_date{
	padding-top:20px;
    float: left;
	font-size:15px;
}
#bpish_date div:first-child{
    margin-bottom: 5px;
}
#bpish_date label{
    width: 40px;
    display: inline-block;
}
#bpish_titr{
    padding: 0 5px;
	margin: 15px 0 8px;
    text-align: center;
    font-size: 19px;
	line-height:30px;
    color: #444444;
	font-family:sahelB;
}
#bpishfaktor table{
    width: 100%;
    margin: 5px 0;
}
#bpishfaktor td{
    padding: 8px 5px;
    font-size: 15px;
	line-height:25px;
    vertical-align: middle;
    border: 1px solid #c2c2c2;
}
#bpish_buyer input{
    padding: 0 5px;
    font-size: 14px;
    background: #f6f6f6;
    font-family: sahel;
    border: 1px solid #C2C2C2;
}
#bpish_buyer tr:first-child td, #bpish_seller tr:first-child td:first-child{
    width: 60px;
    text-align: center;
	font-family: "sahelB";
}
#bpish_seller .ltext a{ color:#1b1b1b;}

#bpish_seller td:nth-last-child(2){ width: 160px; }
#bpish_buyer td:last-child,#bpish_seller td:last-child{
    width: 195px;
}
#bpish_buyer tr:nth-child(2) td:nth-child(2){
    width: 160px;
}
#bpish_buyer.real tr:nth-child(2) td:nth-child(2){
    width: 100px;
}
#bpish_buyer label{
    display: inline-block;
}
#bpish_services tr:first-child{
    height: 40px;
}
#bpish_services tr:first-child td{
    font-size: 15px !important;
    font-family: sahelB !important;
}
#bpish_services td{
    text-align: center;
}
#bpish_services td:nth-child(2){
    text-align: right;
}
#bpish_services td:nth-child(1){
    width: 50px;
	text-align: center;
}

#bpish_services tr:last-child td{
    background: #a1577c;
    color: #ffffff;
	text-align: center !important;
}

#bpish_services tr:last-child td:last-child{
    font-family: sahelB;
    font-size: 15px !important;
}
#bpish_services tr:last-child td:first-child{
    text-align: left !important;
    font-family: sahelB !important;
    font-size: 15px !important;
    color: #a1577c !important;
    background: transparent;
}
#maliat{
    display: none;
}

@media only screen and  (max-width: 800px){
	#bpish_seller tr, #bpish_seller td, #bpish_buyer tr, #bpish_buyer td, #bpish_services tr, #bpish_services td{ width:100% !important; border-top:none !important; display:block;}
	#bpish_seller tr:first-child td:first-child, #bpish_buyer tr:first-child td:first-child{ background:#373737; color:#fff; font-family:sahelB; text-align:center; border-color:#424141;}
	#bpish_services td{ text-align:right;}
	#bpish_services tr:first-child{ display:none;}
	#bpish_services tr td:before{ padding-left:4px; color:#ff4f4f;}
	#bpish_services tr td:nth-child(1){ background: #373737; color:#fff; font-family:sahelB; text-align:center;}
	#bpish_services tr td:nth-child(1):before{ content:"ردیف"; color:#fff;}
	#bpish_services tr td:nth-child(2):before{ content:"شرح کالا:";}
	#bpish_services tr td:nth-child(3):before{ content:"تعداد:";}
	#bpish_services tr td:nth-child(4):before{ content:"مبلغ واحد:";}
	#bpish_services tr td:nth-child(5):before{ content:"مبلغ کل:";}
	#bpish_services tr:last-child td{ font-size:15px !important; text-align: right !important;}
	#bpish_services tr:last-child td:before{ display: none;}	
	#bpish_services tr:last-child td:first-child{ text-align:right !important; color: #fff !important; background: #a1577c !important;}
}
@media only screen and  (max-width: 400px){
	#bpish_head a, #bpish_date{ text-align:center; float:none; display:block;}
	#bpish_head img{ margin:auto auto 20px; display:block;}
	#bpish_date{ padding-top:0;}
}
/* end pish faktor css */

/******** rec_order ********/
#rec_mess{ margin: 60px 0 30px; padding: 20px; background: #eef9e9; color: #65c439; font-size: 23px; line-height: 35px; font-family: "sahelB"; text-align: center; border: 1px solid #e5fadc;}
#rec_mess i{margin-left: 5px; font-size: 26px;}
#rec_code{ padding: 20px; margin: 0 0 60px 0; background: #f4f4f4; border: 1px dashed #ddd; text-align: center;}
#rec_code .code_txt{ font-family: "sahelB"; font-size: 18px; line-height: 30px;}
#rec_code .t_code{ padding: 5px 10px; margin: 10px 0; font-family: "sahelB"; font-size: 18px; line-height: 30px; letter-spacing: 3px; border: 1px dashed #2d97b7; display: inline-block;}

/*404 and Error*/
.errorbg{background:url(images/background/404.jpg) no-repeat scroll top; background-size:cover !important;}
.errorblock{width:960px; margin:auto; padding-top:40px;}
.lefttxt{float:left; line-height:45px; color:#46261b; border-radius:10px; width:60%; background: #ffffffb5; padding:20px; font-size:25px; margin-top:20px;}
.lefttxt a{color:#333; transition:all 0.3s;}.lefttxt a:hover{color:#CB5645;}
.lefttxt input{padding:6px; border:1px solid #FFF; font-size:15px; border-radius:5px;}
.lefttxt input:last-child{background:#bf4635; color:#FFF; border:none; transition:all 0.2s;}
.lefttxt input:last-child:hover{background:#CB5645; cursor:pointer;}
.lefttxt > div{font-size:30px; line-height:42px; color:#bf4635;}
.lefttxt > span{padding-right:20px; font-size:17px; line-height: 30px;}
.lefttxt .circlet{ border-radius:200px; background:#bf4635; color:#8fd0d4; border:2px solid #bf4635; display:inline-block; width:40px; height:40px; line-height:40px;}
.lefttxt .circlet span{padding-top:20px;}
.lefttxt .circlet i{margin-top:8px; color: #fff;}
.rowt{display:table; padding-bottom:10px;}
.rowt div:last-child{display:table-cell; vertical-align:middle; padding-right:10px;}
.designed{color:#FFF; font-size:13px; padding:10px; border-radius:5px 0px 0px 5px; text-align:left; width:100px; background:#FFF; margin-top:10px;}
.designed a{color:#378E93; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);}

@media only screen and (min-width: 40px) and (max-width: 1024px) {
	.errorbg{ background-position: 65% 50% !important; background-repeat: repeat;}
	.errorblock{width:90%; padding-top:0px; margin:auto;}
	.lefttxt{float:none; width:100%;}
}

/*** footer ***/
footer{ background:#eeeff1; position:relative; color:#1B1B1B; border-top: 1px dashed #ccc;}
#footer_info{ padding:70px 0; font-size:15px; align-items:center;} 
#footer_info .flexbox{ align-items: stretch;}
#footer_info > .flexbox > div{ width:auto; margin-left: 40px;}
#footer_info > .flexbox > div:last-child{ margin-left: 0;}
#footer_info > div:nth-child(1){ width: calc( 100% - 250px);}
#footer_info > div:nth-child(2){ width: 240px; margin-right:auto; align-items: center;}
#footer_info .links > a{ padding-bottom:5px; color:#1B1B1B; font-size:15px; display:block;}
#footer_info .links > a:hover{ color:#a1577c;} 
#footer_info .links > a i{ color:#a1577c; font-size:9px;}
#footer_info b{ margin-bottom:10px; font-family:sahelB; font-size:18px; line-height: 30px; display: block;}
#footer_info .socials a{ padding: 5px 10px; margin:5px 4px 0; background:rgba(81, 81, 81, 0.1); color: #1B1B1B; display:inline-block;}
#footer_info .socials a i{ margin-left: 5px; vertical-align: middle; position: relative; top: -2px; color:#a1577c; text-align:center; font-size:25px; text-shadow:none; border-radius:5px; transition: all linear .2s;}
#footer_info .socials a:hover i{ opacity:0.7;}
#footer_info .contact{ max-width:310px;}
#footer_info .contact > div{ padding-bottom:5px; display: flex; align-items: center;}
#footer_info .contact > div a{ color:#1B1B1B;}
#footer_info .contact > div span{ width: calc(100% - 40px); margin-right: auto; text-align: right; display:inline-block;}
#footer_info .contact i{ width: 25px; text-align: center; margin-left:4px; font-size:15px; color:#a1577c; text-shadow:none;}
#footer_info .enamad img{ width: 110px; margin-right:auto; background:rgba(255,255,255,0.1); display:block;}
#footer_info .apple{ margin: auto !important;}
#footer_info .apple img{ width: 130px; display: block;}
@media only screen and  (max-width: 1024px){
	#footer{ background-position:50% 90% !important;}
	#footer_info > .flexbox > div{ width:100%; margin-left: 0; margin-bottom: 30px;}
	#footer_info > div{ width:100% !important; text-align:center;}
	#footer_info .contact > div{ display: block;}
	#footer_info .contact > div span{ width:auto; text-align: center; display: inline;}
	#footer_info .contact{ max-width:100%; width:100%; margin-left:0;}
	#footer_info .links{ max-width: 500px; width:100%; margin:20px auto 30px !important;} 
	#footer_info .links > a{ margin-bottom:10px; border-bottom:1px solid rgb(213, 213, 213)}
	#footer_info .links > a:last-child{ border-bottom:none;} 
	#footer_info .enamad img, #footer_info .apple img{ margin: auto;}
	#footer_info .socials{ justify-content:center;}
	#footer_info .socials a{ width: 100%; margin: 0;}
	#footer_info > div:nth-child(2){ justify-content:center !important;}	
	#back_up{ bottom:0; right:10px;}
}

.copyright{ padding: 10px 0 10px; background: #a1577c; color: #fff; font-size: 13px;}
.copyright a{ color: #fff; transition: all linear .2s;}
.copyright a:hover{ opacity: 0.7;}
.copyright .en_copy{ margin-right: auto; font-family:tahoma;}
@media only screen and (max-width:1024px){
	.foot_padd3{ padding: 10px 0 85px 0;}
	.foot_padd4{ padding: 0;}
}
@media only screen and (max-width:850px){
	.foot_padd2{ padding: 10px 0 77px 0;}
}
@media only screen and  (max-width: 768px){
	.foot_padd{ padding: 10px 0 70px 0 !important;}
}
@media only screen and (max-width:600px){
	.copyright .flexbox > div{ width: 100%; margin: 0 !important; text-align: center;}
}


.alert{margin: 0px auto 30px;color: #e3995a;padding: 10px 0;width: 95%;border-radius: 5px;background: #fff0cd1a;}
.not_01{background: rgb(193, 206, 204);padding-top: 10px;padding-bottom: 10px;width: 95%;margin:0 auto 30px;color: #22723b;font-size: 17px;line-height: 40px;height: max-content;}
.not_01 a{color:#1064ac;}
.wrong-code,.correc-code{color:red;font-size: 12px;margin-top: 5px;line-height: 18px}
.correc-code{color:#22723b;}

/** print - enteha bayad bashe **/
@media print {
	.noprint{display:none!important;}
}

@media only screen and  (max-width: 800px){
	#finance_rec tr, #finance_rec td{ width:100% !important; border-top:none !important; display:block;}
	#finance_rec tr:first-child{ display:none;}
	#finance_rec td:before{ padding-left:4px; color:#ff4f4f;font-family:"SahelB"}
	#finance_rec tr td{ text-align:right}
	#finance_rec tr td:nth-child(1){ background: #444; color:#fff; font-family:"SahelB"; text-align:center;} 
	#finance_rec tr td:nth-child(1):before{ content:"ردیف"; color:#fff; font-family:"SahelB";}
	#finance_rec tr td:nth-child(2):before{ content:"شناسه:";}
	#finance_rec tr td:nth-child(3):before{ content:"مبلغ:";}
	#finance_rec tr td:nth-child(4):before{ content:"نوع تراکنش:";}
	#finance_rec tr td:nth-child(5):before{ content:"شماره پیگیری:";}
	#finance_rec tr td:nth-child(6):before{ content:"زمان واریز:";}
	#finance_rec tr td:nth-child(7):before{ content:"واریز‌کننده:";}
	#finance_rec tr td:nth-child(8):before{ content:"زمان تایید:";}
}
.tb_style{ width:100%; font-family:"Sahel";}
.tb_style tr{ background: #f1f1f1; transition:all linear 0.2s;}
.tb_style tr:nth-child(2n-1){ background: #f8f8f8;}
.tb_style tr:hover{ background: #DFDFDF;}
.tb_style tr:first-child{ background:#444; color:#fff; text-shadow: 1px 1px 1px #333;}
.tb_style tr:first-child td{ font-size:16px !important;}
.tb_style td{ padding:5px 10px; font-size:15px; line-height:27px; text-align:center; border:1px solid #fff; vertical-align:middle;}
.tb_style td a{ color:#0260c1; transition:all linear 0.2s;}
.tb_style td a:hover{ opacity:0.7;}
.tb_style td .more{ color:#fff;}