@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;}/*color:#069; */
a:active,a:hover{outline:0;}/* color:#06C;*/
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{color:#A70000;} .Agreen{color:#0b9b36;} .Aorange{color:#f7941e;} .Ablue{ color: #2d97b7;}

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;} 
.more{ padding: 7px 15px; margin: 20px auto; background: #0f8f2f; 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;}
.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: #ad1a50; position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; display: block;}
.mrg_bt{ margin-bottom: 0 !important;}
.mrg_bt20{ margin-top: 20px !important;}

/*Head*/
#head_top{ /**max-height: 65px;**/ padding:0 80px 15px; font-family:SahelB; opacity: 1; visibility: visible; transition: all linear 0.2s;}
#head_top img{ width: 110px; display:block;}
#head_top a{ display: block;}
#head_top .shop{ padding: 0 20px 0 0; border-right: 2px solid #ddd; margin-right: 20px;}
#head_top h1{  font-weight:normal; font-size:18px; line-height:29px; display:inline-block; color:rgb(41, 46, 68);}
#head_top h1 span{ font-size: 15px; display: block;}
#head_top h1 i{ color: #ad1a50;}
#head_top .slogan{ margin-right:5px; display:inline-block; font-family:Sahel; color: #1B1B1B; font-size:12px; border-bottom: 1px dashed #1B1B1B;}
#head_icon{ margin-right: auto; font-size:22px; justify-content: flex-end; flex-wrap: nowrap;}
header #icon_box{ margin-right: 25px; display:inline-block; position: absolute; left: 70px; bottom: 18px; cursor: pointer;}
header #icon_box i{ transition: all linear 0.2s;}
header .basket{ width: 52px; height: 42px; padding: 5px 10px; position: relative; text-align: center; display: inline-block; transition: all linear 0.2s; vertical-align: bottom;}
header .basket:hover i{ opacity: 0.7;}
header .basket i.shopping{ color:#fff; position: relative; top: 3px; font-size:21px;}
.shadow, .shadow1{ background: #f4f4f4;}
.shadow i, .shadow1 i{ color: #292e44 !important;}
/** tedad kharid **/
header .basket span{ width: 15px; height: 15px; line-height: 13px; padding: 2px; text-align: center; background: #d91966; color: #fff; font-size: 12px; font-family: sahelB; border-radius: 100%; position: absolute; bottom: 7px; right: 6px; z-index: 10;}
/** /tedad kharid **/
#cart_list{ max-width: 300px; width: 100%; padding: 10px; background: #f4f4f4; position: absolute; left: 70px; top: Calc(100% - 20px); display: none; z-index: 100;}
header.fix_head #cart_list{ top: Calc(100% - 10px); left: 70px;}
.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: #f4f4f4; 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: #ad1a50;}
.cost_process .active i{ color: #ad1a50;}
.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: #292e44; font-size: 21px; vertical-align: middle; -webkit-transform: scaleX(-1); transform: scaleX(-1); position: relative; top: 4px;}

.cart_rows{ padding: 10px 0; border-bottom: 1px solid #ddd;}
#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: #1B1B1B; font-family: "sahelB"; font-size: 13px; line-height: 21px; display: block;}
.rows_info h3 a:hover{ color: #ad1a50;}
.rows_cost{ margin-right: auto; font-family: "sahelB"; font-size: 14px;} 
#all_rows{ padding-top: 10px; font-family: "sahelB"; font-size: 22px; text-align: right; border-top: 1px solid #ddd; display: none;}
#all_rows #cost_all{ margin-left: auto; color: #1B1B1B;}
#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 #ddd;}
#num_link > div{ color: #1B1B1B; font-size: 13px;}
#num_link > a{ margin-right: auto; color: #1B1B1B; font-size: 14px;}
#num_link > a i{ margin-right: 5px; vertical-align: middle;}
#num_link > a:hover{ color: #ad1a50;}
.del_item{ color: #1B1B1B; 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 #ddd;}
.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;}
.del_item .p_white{ background: #fff; border: 1px solid gray;}
.del_item .p_red{ background: #ff7c7c;}
.del_item .p_blue{ background: blue;}
.del_item .p_yellow{ background: yellow;}

.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: #ad1a50;} 
#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: 2px solid rgb(41, 46, 68);}
#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(41, 46, 68); font-size: 17px; vertical-align: middle; position: relative; top: -1px;}
#s_form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 13px;
}
#s_form input::-moz-placeholder { /* Firefox 19+ */
  font-size: 13px;
}
#s_form input:-ms-input-placeholder { /* IE 10+ */
  font-size: 13px;
}
#s_form input:-moz-placeholder { /* Firefox 18- */
  font-size: 13px;
}

#login{ height: 42px; position: relative; margin-left: 2px; display: inline-block;}
#login .for_user{ width: 52px; text-align: center; padding: 8px 0; color: #fff; font-size: 24px; font-family: sahelB; display: inline-block; white-space: nowrap; transition: all linear 0.2s;}
#login .for_user:hover i{ opacity:0.7;}
#login .for_user i{ margin-right: 5px; vertical-align: baseline; position: relative; bottom: 1px;}
#login .for_user i.sort{ font-size: 11px; margin: 0 5px 0 0;}
#login ul{ min-width: 210px; padding: 0; margin: 0; background: #f4f4f4; font-size: 0; position: absolute; left: 0px; top: Calc(100% - 3px); z-index: 100; display: none;}
#login ul li{ font-size: 13px; display: block;}
#login ul li a{ padding: 8px 25px; color: #1b1b1b; font-family: sahel; display: block; position: relative;}  
#login ul li a:hover{ color: #ad1a50;}
#login ul li a:after{ content: ""; width: Calc(100% - 30px);  margin: auto; position: absolute; left: 0; right: 0; bottom: 0; border-top: 1px solid #ddd;}
#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);}
.res_login{ padding: 0 13px; color: rgba(49,81,80,1.00); vertical-align: middle; position: relative; top: 2px; display: none;}
#login .user_li img{ width: 30px; border: 1px solid #333; border-radius: 100%; display: block;}
#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: #ad1a50;}
#login .user_li a{ display: flex;}

#phone_form.show{ display: block;}
#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;}
#search{ color:rgb(72, 111, 110);display: none;}

#menu{ background: #292e44; font-size:14px; padding:0 80px 0; font-family:SahelB; color:rgba(69,69,69,1.00); transition: all linear 0.2s;}
#menu.show{ right: 0;}
header{ padding: 15px 0 0; position: relative; border-top: 3.5px solid #ad1a50;}
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; display: inline-block;}
header nav > ul > li > a{ padding: 26.5px 25px 26.5px; color: #fff; position: relative;}
header nav > ul > li > a:hover{ color: #faabc8;}
header nav > ul > li.triangle > a:after{ content: ""; width: 0; height: 0; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 8px solid #ad1a50; visibility: 0; opacity: 0; display: block; transition: all linear 0.2s;}

header ul .second_lvl{ width: 100%; padding: 20px; background: #fff; position: absolute; left: 0; right: 0; top:100%; font-family: sahel; border-top: 3.5px solid #ad1a50; align-items: stretch; opacity: 0; visibility: hidden; box-shadow: 0px 2px 5px -3px  rgba(0, 0, 0, 0.74); transition: all linear 0.2s; z-index: 1000;}
header nav ul li:hover ul, header nav > ul > li.triangle:hover > a:after{ opacity: 1; visibility: visible;}
header nav > ul > li:hover > a{ color: #faabc8; background:#373d57;}
header ul .second_lvl > li{ width:13%; padding: 0 10px; border-right: 1px solid rgba(192,190,190,0.75);}
header ul .second_lvl > li > a{ color: #ad1a50; font-family: sahelB !important;}
header ul .second_lvl a{ padding:2px 0; display: block;}
header ul .second_lvl a:hover{ color: #ad1a50;} 
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: #faabc8 !important;}
header.fix_head{ padding: 0; background: #fff; position: fixed; left: 0; right: 0; top: 0; z-index: 1000;}
header.fix_head #menu{ padding: 0 80px;}
header.fix_head #icon_box{ bottom:10px; left: 70px;}
header.fix_head nav > ul > li > a{ padding: 15px 25px 15px;}
.space{ height: 73px;}
.no_menu{ height: 77px; background: #292e44;}
.fix_head .no_menu{ height: 57px;}

.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-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;} 
#consult:hover{ opacity: .7;}
.i_color1{ padding-left: 5px; color:#fba99d;}
.i_color2{ padding-left: 5px; color:#00a555;}
.i_color3{ padding-left: 5px; color:#fbb962;}
.i_color4{ padding-left: 5px;}
#menu_bar{ width:320px; padding: 16px 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: 67px; padding-right: 25px; background: #ad1a50; right: 0; color: #fff; text-align: right;}

@media only screen and (max-width:1400px){
	#head_top{ padding:0 50px 15px;}
	#menu{ padding:0 50px 0;} 
	header #icon_box, #cart_list, header.fix_head #cart_list{ left: 40px;}
	header.fix_head #menu{ padding: 0 50px;}
	header.fix_head #icon_box{ bottom:10px; left: 40px;}
}
@media only screen and (min-width:1201px){
	.resmenu_cover, #search, #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;}
	/*
	header.fix_head{ padding: 0;}
	header.fix_head #menu{ padding: 80px 0 50px;}
	header.fix_head #icon_box{ bottom: 12px; left: 15px;}
	header.fix_head .basket span{ bottom: 2px;}
	*/
	.space{ height: 0px;}
	#head_top{ padding: 12px 70px 12px 15px; position: relative; border-top: 3px solid #ad1a50;}
	#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: 70px;}
	#head_top .slogan, #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: 65px 0 50px; margin-bottom: 50px; background: #292e44; 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; color: #fff; border-bottom: none; background: #292e44;}
	header nav > ul > li.triangle > a:after{ display: none;}
	header nav > ul > li:hover > a{ color: #fff; background:#292e44;}
	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; background: #292e44; position: static; display: flex;}
	#login{ margin: 0 auto 0 10px;}
	#phone_form{ position: relative; bottom: 5px;}
	#phone_form input{ color:#fff; border-color:#fff;}
	#phone_form i{ color: #fff;}
	#head_top h1{ font-size:15px; line-height:20px;}
	#head_top h1 span{ font-size: 12px;}
}
@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, .res_login{ display: block;}
	#head_icon{ width: auto;}
}
@media only screen and (max-width: 500px){
	#phone_form{ width: 150px; position: relative; bottom: 5px;}
}


/*************** top Box index ****************/
#topIndex{ display:flex; display:-webkit-flex; flex-wrap:wrap; overflow:hidden;}
#topIndex #left_box{ width:30%; padding:20px; border:2px solid #292e44; border-right:none; overflow:hidden;}
#topIndex #left_box .top_box{ margin-bottom:10px; padding-bottom:25px;}
#topIndex #left_box .top_box > div{ padding:5px; margin-bottom:10px; color:#1D1D1D; font-size:15px; border:1px dashed rgba(189,189,189,1.00); border-right:4px solid rgba(177,15,86,1.00);} 
#topIndex #left_box .top_box > div:last-child{ margin-bottom:0;}
#topIndex #left_box .top_box > div span{ min-width:65px; color:rgba(177,15,86,1.00); font-family:"sahelB"; font-size:18px; display:inline-block; text-align:center;}
#topIndex #left_box .bottom_box{ /**height:167px;**/ padding: 20px; text-align:center; position:relative; background:rgba(231,231,231,1.00) url(image/symbols/chart.png); background-size:220px; border:1px solid rgba(209,209,209,1.00);}
#topIndex #left_box .bottom_box > div{ padding:10px 15px; color:#171717; font-family:"sahelB"; font-size:16px; border:1px solid #fff; border-radius:5px;}
#topIndex #left_box .bottom_box i{ color:#FF4649; font-size:16px; vertical-align:middle;}
#topIndex #left_box .bottom_box .learn{ background:#292e44; border-color:#292e44; color:#FFFFFF; position:static; display:block; font-family:"sahelB";}  
#topIndex #left_box .bottom_box .learn:hover{ opacity:0.7; background:#ad1a50; border-color:#ad1a50;}
.top_box i{font-size:16px; padding:0 5px 0; line-height:40px; color:rgb(41, 46, 68); width:40px; text-align:center; background:rgba(232,232,232,.5); margin-left:10px;}
.learn { min-width: 130px; color: #ad1a50; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; transition: all .2s linear;  position: absolute; bottom: 10px; left: 10px; border: 1px solid #ad1a50;}
@media only screen and (max-width: 1500px){
	/*#topIndex #left_box .bottom_box{ padding: 30px 15px;}*/
}
@media only screen and (max-width: 1400px){
	/*#topIndex #left_box .top_box{ padding-bottom:35px;}*/
}
@media only screen and (max-width: 1250px){
	#topIndex #left_box{ padding:30px; border-right:2px solid #292e44;} 
	#topIndex #left_box .top_box{ padding:0 0 0 30px; border-bottom:none; border-left:2px dotted #fff;}
	#topIndex #left_box .bottom_box{ min-height:176px; margin-right:auto; display:flex; display:-webkit-flex; align-items:center;}
	#topIndex{ display:block;}
	#topIndex #left_box{ width:100%; margin:10px 0 0; display:flex; display:-webkit-flex; flex-wrap:wrap; align-items:center;}
	#topIndex #left_box > div{ width:Calc(50% - 5px); height:auto !important; margin-bottom:0 !important;} 	
	#topIndex #left_box .bottom_box .learn{ width:100%;}
}
@media only screen and (max-width: 700px){
	#topIndex #left_box > div{ width:100%;}
	#topIndex #left_box .top_box{ padding:0 0 30px; border-bottom:2px dotted #fff; border-left:none;}
	#topIndex #left_box .bottom_box{ min-height:inherit; padding:20px;}
}
/*
@media only screen and (max-width: 680px){ 
	#topIndex{ padding:10px 10px 40px;}
}
*/
/* index slider */
#indexSlider{ width: 100%;}
#indexSlider .boxlink{ position:absolute; top:0; left:0; right:0; bottom:0;}
#indexSlider>.main{ position: relative; max-width: 100%; padding: 0 !important;}
#indexSlideBox{ position: relative; overflow: hidden;}
.indexSlideImg{ width: 100%; position: absolute; opacity: 0; transition: all 1s linear;  }
.indexSlideImg img{ max-width:100%; width:100%; min-height:375px; margin: auto; display: block; }
.indexSlideImg.pre{ left: -70%; }
.indexSlideImg.next{ right: -70%; }
.indexSlideImg.show{ right: 0; left: 0; opacity: 1;}
.indexSlideArrow{ width: 50px; margin: auto; text-align: center; font-size: 46px; color: #fff; position: absolute; top: 0; bottom: 0; cursor: pointer; display:block; }
.indexSlideArrow i{ height: 50px; margin: auto; position: absolute; top: 0; bottom: 0; left:0; right:0; }
#indexLeftSlide{ left:0px; }
#indexRightSlide{ right:0px; }
@media only screen and  (max-width: 1200px){
	#indexSlider>.main{ padding-left:0; padding-right:0; }
}
@media only screen and  (max-width: 1250px){
	#indexSlider{ width:100%;}
	.indexSlideImg img{ min-height:inherit;}
	#topIndex #left_box{ height:inherit;}
}
/**
@media only screen and  (max-width: 550px){
	#indexLeftSlide, #indexRightSlide{ display:none;}	
}
**/
.slide_text_box{
	max-width:740px;
    width: 100%;
    padding: 0px 10px;
	margin:auto;
    position: absolute;
    top: 35%; 
    left: 0px;
	right:0; 
}
.slide_text_box a{
    padding: 2px 20px;
    color: #FFFFFF;
    text-shadow: 0px 1px 2px #000000;
    background: rgba(0,0,0,.4);
    display: block;
    transition: all .2s linear;
	line-height:60px;
	border-right:4px solid rgba(177,15,86,1.00);
}
.slide_text_box a h1{
	line-height:36px;
	font-family:'sahelB';
    font-size: 20px;
}
.slide_text_box a:hover{
    color: #ad1a50;
	text-shadow:none;
}
.slide_text_box .shortext{ padding:17px; margin:0px auto auto; line-height:27px; background: rgba(0,0,0,.4); color:#fff; font-size:15px; text-shadow: 0px 1px 2px #000000;}
.slide_text_box .shortext:empty{ display:none;}

@media only screen and (max-width: 750px) {        /********************** responsive 750 ********************/
    .slide_text_box{
        width: 100%;
        padding: 0px 10px;
        text-align: center;
        position: absolute;
        left: 0px;
		top:10%;
    }
	.slide_text_box a h1{ font-size:18px; line-height:34px;}
	.slide_text_box .shortext{ padding:4px;}
}

/* ********************************* 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: #ad1a50; 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{ opacity: 0.7;}
.team-item .more i{ font-size: 15px; padding:0 3px;}
.team-item > div.flexbox{ position: absolute; left: 10px; right: 10px; bottom: 10px; align-items: flex-end;}
.carousel{ padding: 60px 0; direction: ltr;}

.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: 507px !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 #ad1a50;}
.team-item form{ width: 100%; display: block;} 
#car_pro .team-item{ min-height: 318px !important; padding: 10px 10px 0;}
#team-header{
	font-size: 40px;
	color: rgb(245, 92, 92);
	padding: 10px 0;
	margin:60px auto;
	display: block;
	text-align: center;
	font-family: 'Avenir LT Std';
	font-weight: bolder;
}
#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%; height: 298px; object-fit: cover !important; object-position: top; display: block; transition: all linear .2s;}
.team-item-img img:hover{ opacity: 0.7;}
.team-item-bio{
	text-align: center;
	line-height: 1.5;
	margin: 0 15px;
	font-size: 14px;
}
#team-middle-top{
	display: flex;
	width: 95%;
	margin: 30px auto 0 auto;
	color: #3f3f3f;
}
#team-middle-bottom{
	display: flex;
	width: 95%;
	margin: 30px auto 0 auto;
	color: #3f3f3f;
	margin-bottom: 100px;
}
#team-bottom{
	display: flex;
	width: 37.5%;
	margin: 30px auto 60px auto;
	color: #3f3f3f;
}
.team-bottom-item{
	width: 19%;
	margin: 15px auto;
}
.team-bottom-bottom-item{
	width: 47%;
	margin: 0 auto 20px auto;
}
.jadid .team-item-img{
 transform: scale(1.3, 1.3);
}
.row_3{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
@media only screen and (max-width: 1300px){
	.team-members{
		width: 750px;
	}
}
@media only screen and (max-width: 1024px){
	.team-item .more{ padding: 9px 15px !important;}
	.team-item:hover .more{ background:#0f8f2f !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-header{
		font-size: 30px;
	} 
	.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: #ad1a50;
}
.team-members .slick-next:before {
    content:"\f054";
	font-family:"Font Awesome\ 5 Free"; 
	font-weight:900;
    font-size: 40px;
	color: #ad1a50;
}
.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: #0f8f2f;}
.add_alert .fa-times{ padding: 15px 20px; font-size: 30px; color: gray; position: absolute; left: 0; top: 0; cursor: pointer; transition: all linear 0.2s;}
.add_alert .fa-times:hover{ opacity: .7;}

/*** 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: #ad1a50; 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*/
.coverinfo{ position: relative;}
.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, #about_trip .example1, .blogtxt .example1{ color: #888888; position: relative; bottom: 9px; font-size: 13px; font-style: italic; text-align: center; display: block; background: white;} 
.newsbody img, #about_trip img, .blogtxt img{max-width:100%; height:auto; margin:15px auto 10px; display:block;}
.newsbody h3, .blogtxt h3{ margin:40px 0 10px; line-height:30px; font-family:'sahelB'; font-size:17px; border-bottom:3px solid #ad1a50; display:inline-block;}
.newsbody h2{line-height: 43px; font-family: 'SahelB'; padding-bottom:10px; font-size:26px;}
.toptxt{font-size:13px; color:#939393; padding-bottom:10px;}
.toptxt i{font-size:11px; color:#ad1a50;}
.newsbody ul, .newsbody ol, .blogtxt ul, .blogtxt ol{ padding-right:30px;}
.newsbody a{ color:#1152B5; transition:all linear 0.2s;}
.newsbody a:hover{ opacity: 0.7;}
.newsbody table, .blogtxt table{ width: 100%; margin:10px 0; text-align:center;}
.newsbody table tr td, .blogtxt 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{ background:#eee; border-colr:#fff;} 
.newsbody table tr:first-child td, .blogtxt table tr:first-child td{ background:#2c3e50; color:#fff; font-family: "sahelB"; font-size:16px;}
.newsbody #navigator{ padding: 0;}

/** 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;}
.tl_vije .vtours{ height:320px; background-size:cover !important; background-position:center !important; border: 5px solid white;}
.tl_vije .vtours b{ position:absolute; bottom: 0; left: 0; right: 0; border:none;}
#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;}
.vtours a.over{position:absolute; left:0; right:0; top:0; bottom:0; z-index:2;}
.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;}
	.tl_vije .vtours b{ position:absolute; bottom: 0; left: 0; right: 0; border:none;}
	.tl_vije .vtours b a.button{ height:34px; margin:auto; top:0px; left:9px; bottom:0;}
}
@media only screen and (max-width:450px){
	#t_cover{ max-height:400px; height:400px !important;}
	.isdore{ max-height:230px !important;}
	.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: #ad1a50;}
.tagsin a{display:inline-block; font-size:13px; padding:5px 10px; margin:0 0 5px 5px; background:#ad1a50; color:#FFFFFF;}
.tagsin a:hover{opacity:.8; color:white;}
/*#news #navigator, #news #navigator a{ color: #fff;}*/

 /* 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: #ad1a50;
  width: 0%;
} 

 /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index:100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background:url(images/background/white2.png);
	background-size:contain;
	background-position:top;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 30px;
    width: 80%; /* Could be more or less, depending on screen size */
	max-width:800px;
}
.modal-content b{font-size:17px; padding-bottom:10px; color:#ad1a50; display:inline-block;}
.modal-content a{font-size:12px; color:#ad1a50;}
.modal-content a:hover{opacity:.6;}
/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
	transition:linear .3s;
}

.close:hover,
.close:focus {
    opacity:.8;
    text-decoration: none;
    cursor: pointer;
} 

/*writer*/
.writer{ display:table; width:100%; background:#eeeff1; padding:0 20px 0; color:#5B5B5B; border-top:3px solid #ad1a50; border-bottom:3px solid #ad1a50;}
.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 #ad1a50;
}
#matlab_prenextbox2{
    width: 100%;
    position: relative;
    overflow: hidden;
	text-align:left;
	border-left:3px solid #ad1a50;
}
#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:#ad1a50;
}

/***** 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:#ad1a50;
	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:#ad1a50; 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 #ad1a50; 
	border-color:#ad1a50;
}
#comment_form .ltext{
    font-family: Tahoma !important;
}
#matcom_sub{
    text-align: left;
    padding-bottom: 10px;
}
/**
#comment_form button,{
	width: 110px;
	height:40px;
	padding: 5px 10px;
	border: 2px solid #373435;
	background: #fff;
	color: #373435;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
    margin-top: 25px;
    font-family: 'Sahel';
    transition: all .3s linear;
}

#comment_form button i{ padding-right:5px;}
#comment_form button:hover, #cooperation button:hover{
	opacity:0.6;
}
**/
#matcom_sub #pasokh_sub{
    display: none;
}
@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);}
#servisePic{ height:350px;border-bottom: 5px solid #171717; background-size:cover !important; background-position:50% 50% !important; position:relative; text-align:center; text-shadow: 1px 1px 1px black;} 
#servisePic h1{ padding:15px 10px 15px; line-height:40px; color:#F3F1E9; font-size:30px;}
/***#servisePic #in_pic .explain{ padding-bottom:20px; line-height:25px; color:#fff; font-size:16px;}***/
#servisePic #in_pic{ background:rgba(64,56,54,0.7); position:absolute; left:0; right:0; bottom:0; }
#servisePic #in_pic h1{ padding:15px 10px 15px; line-height:40px; color:#F3F1E9; font-size:30px;}
.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;}
.tournav, .tournav a{ color:#fff !important; text-shadow:1px 1px 1px #000 !important;}
#weblog > h2{ padding:15px 0 10px; font-size:30px; line-height:40px; border-bottom: 5px solid rgba(224, 224, 222, 0.5);}
.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:#ad1a50; 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:#ad1a50; 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: #ad1a50; font-size: 12px;}
#LeftBox .tags h3 i{ color:#ad1a50; font-size:17px;}
.RightMain::after{ content:""; clear:both; 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 #ad1a50;}
	#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){
	#weblog > h2{ text-align:center;}
	#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;}
	.b_slider .infotr{ background: rgba(255,255,255,.8);}
	#RightBox .RightMain:hover .more{ left: inherit !important;}

}
@media only screen and (max-width: 700px){
	#servisePic #in_pic h1, #weblog > h2{ line-height:35px; font-size:25px;}
}

@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, #about_trip .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:#ad1a50; vertical-align:middle; text-shadow:none;}
#navigator a{ color:#1b1b1b; transition:all linear 0.3s;}
#navigator a:hover{ color:#ad1a50 !important; text-shadow: none;}
#navigator.mainbox{ background:transparent; box-shadow:none; border: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: #e4e8f4;}
#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;}
#dv_sort .sduration{ padding:0 !important;}
#dv_sort .sduration b{ color:#333 !important;}
#dv_sort .sduration .select_box{ position:relative;}
#dv_sort .sduration > div:hover b{ opacity:1;}
#dv_sort .sduration select{ width:150px; padding: 5px !important;} 
#dv_sort .sduration i.down{ top:3px;}
.help_txt{ width: 200px; margin-right: auto; color: gray; text-align: left;}
.bluebg{ width:Calc(100% - 200px); color:#333;}
.graybg{background-color:#EDEDED; padding:10px; }
.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: #ad1a50; 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: #0f8f2f;
}


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: #e4e8f4; float: right;}
#right i{ color: #ad1a50; vertical-align: middle;}
.filter_form{ margin-top: 20px;}
.filter_form .more{ background: #ad1a50;}
#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: 5px 0 5px 5px; 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: #0f8f2f; border: 1px solid #0f8f2f;}	
#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% - 10px); padding: 20px 20px 120px; margin: 0 0 15px 15px; 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: #ad1a50;}
.item_box .pro_items:hover .more{ opacity: 0.7;}
.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 .onvan{font-size: 13px ; color: gray;}
.item_box .pro_items > div.flexbox{ position: absolute; left: 20px; right: 20px; bottom: 20px; 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;}

@media only screen and  (max-width: 1100px){
	#left .pro_items{ width: Calc( 50% - 8px);}
	#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; z-index: 10000;}
	#filter #right .top_title{ padding: 8px 0;}
	#right .close_bt{ display: block;}
	.brand label{ min-width: 120px;}
	.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; background: #fff;}
#p_form input{ padding: 0 5px 0 60px; background: transparent; font-size: 17px; border-bottom: 1px solid #ad1a50;}
#p_form button{ width: 60px; padding: 0 10px; font-family: "sahelB"; font-size: 18px; color:  #ad1a50;}

#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";}
.find_pro i{ color: green; font-size: 18px;}

#p_search .item_box{ margin: 40px 0;}
#p_search .pro_items{ width: Calc( 25% - 11.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% - 8px);}
	#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: #0f8f2f; font-size: 20px;}

/************************ product *************************/
#product{ padding: 0 0 30px; background: #e4e8f4; align-items: stretch;}
#product_info.flexbox{ align-items: stretch;}
#product_info > div:last-child{ width: Calc(70% - 50px); margin-right: auto;}
#product_info .onvan{padding-bottom: 15px; color: gray; font-size: 15px; display: block;}
#product_info > div:first-child{ width: 30%; background: #fff; position: relative;}
#product_info img{ width: 100%; height: auto; display: block;}
.h_title{ padding-bottom: 3px; border-bottom: 1px solid transparent;}
.h_title.in_desk, .label_res{ margin-bottom: 15px; display: none;}
.label_res .labels{ position: static;}
#product_info h1, .h_title h1{ 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;}
#product_info .brand{ font-size: 15px; font-family:tahoma;}
#product_info .brand i{ color: #9fb1c3; font-size: 14px;}
#product_info .labels{ position: static; display: inline-flex;}
#product_info .not_exist{ top: 10px; right: 10px;}
#product_info .percent{ top: 10px; right: 5px;}
#product .more:hover{ opacity: .7;}
.available{ background: #0f8f2f;}
.unavailable{ background: #777;}
.deactive, .deactive:hover{ background: #999 !important; opacity: 1; cursor: default;}
.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 .col_red.active{ border-color: #b00000;}
#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: #ad1a50; font-size: 14px;}
.country i{ color: #0f8f2f; font-size: 14px;}

.top_sub{ padding: 10px; background: #e4e8f4;; 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: rgba(180,37,117,1.00);}
#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: #ad1a50; 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{ margin: 30px 0;}
#shop_price .more{ min-width: 220px; margin: 0;}
.limit_num{ margin: 15px 0 0; font-size: 14px; color: #b59009;}
@media only screen and  (max-width: 768px){
	#product .more:hover, .item_box .pro_items:hover .more{ background:#0f8f2f;}
}
@media only screen and  (max-width: 768px){
	#shop_price{ margin: 30px 0 40px 0 !important;}
	#shop_price .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 > div{ width: 100%;}
	#shop_price .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;}
}

@media only screen and  (max-width: 900px){
	#product_info > div:last-child{ width: 100%; padding-top: 15px;}
	#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, .label_res{ display: block;}
	#product_info .h_title, .label_desk{ 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;}
}
@media only screen and  (max-width: 600px){
	#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;}
.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;}
@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;}
.btn-primary:hover, .btn-primary:focus {}
@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;}

/************************** contact **************************/
#contact{ margin: 40px auto;}
#contact .c_title{ padding:20px 0; color:#333; font-family:'sahelB'; line-height: 30px; font-size: 22px;}
#contact .c_title i{ color:#ad1a50; 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 li{ width:33%; display:inline-block;}
#contact form #part_two li:nth-child(2){ margin:0 0.5%; text-align:center;}
#contact form #part_two li:nth-child(2) iframe{ width:304px; position:relative;}
#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;}
#contact form #part_two input[type="submit"]{ position:absolute; bottom:0; background:#0f8f2f; color:#fff; font-family:'sahelB'; font-size:17px; border:2px solid #0f8f2f; transition:all linear 0.3s;}
#contact form #part_two input[type="submit"]:hover{ opacity: .7;}
@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%; 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 li:nth-child(2) iframe{ margin:0; position:static; vertical-align:inherit;}
	#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: SahelB; font-weight: normal; font-size: 18px; line-height: 30px; text-align: center; display: inline-block; color: rgb(41, 46, 68);}
#order_head #level{ width: 100%; margin: auto;}

#level{ max-width: 800px; width: 95%; padding: 30px 0 0; margin: auto; font-size: 0;}
#level li{ width: calc(33.33% - 8.3px); height: 5px; background: #ccd2e4; color: #9196a9; 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: #ccd2e4; 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:#0f8f2f !important; color: #292e44 !important;}
#level li.active span{ background: #0f8f2f !important; color: #fff;}
#level li:last-child{ width: 0; background: none; white-space: nowrap;}

#order_head #level li{ background: #dbdbdb; color: #999;}
#order_head #level li.active{ color:#333;}
#order_head #level li span{ background: #dbdbdb;}
#order_head #level li.active{  color: #333 !important;}

@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{ 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: 20px 0 0;}
#send_time .more{ margin-bottom: 0;}
#citySectionLegal{ height: 40px; font-family: "sahel" !important; font-size: 14px; display: flex; align-items: center;}
#timing{ align-items: stretch;}
#timing > div{ width: Calc(50% - 5px); padding-bottom: 10px; 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: #ad1a50; font-size: 16px;}
#timing > div span{ color: #ad1a50;}
#timing > div div{ padding: 5px 10px 0;}
#timing > div label{ padding: 5px; border: 1px solid transparent; cursor: pointer; display: inline-block;}
#timing > div label.active{ border: 1px solid #0f8f2f;}
@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%;}
}

#freeze_order{ margin: 30px 0 60px 0;}
#box_right{ width: Calc(100% - 320px); 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: #ad1a50; font-size: 22px;}
#freeze:after, #freeze_order form:after{ content: ""; clear: both; display: block;}
#left_freeze, #l_freeze{ width: 300px; 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{ color: rgba(237,54,57,1.00);}
.mrg_right{ margin-right: auto;}
#left_freeze .costbox, #l_freeze .costbox{ padding-top: 10px; font-family: "sahelB"; font-size: 14px;}
#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;}
.send_txt{ font-size: 12px; line-height: 20px; color: gray;}
#left_freeze .cost_process{ margin: 40px 0 30px;}

.price_off{ max-width: 350px;}
.price_off input{ width: Calc(100% - 80px); height: 35px; padding: 5px; background: #ffe9e9; border: 1px dashed #fd6564 !important;}
.price_off #count_off{ width: 75px; 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;}

#cart_box{ width: Calc(100% - 320px); padding: 20px; border: 10px solid #eeeff1; border-radius: 15px; float: right;}
#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: 35px; 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: #ad1a50;}
.c_white i{ color: #fff;}
.c_black i{ color: #000;}
.c_yellow i{ color: yellow;}
.c_red i{ color: #ff7c7c;}
.c_blue i{ color: blue;}
.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;}

@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{ 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%;}
}

/*@media only screen and (max-width:400px){
	#l_freeze #fix_cost .fix_price{ width: 100%; text-align: center !important;}
	#l_freeze .more{ width: 100%; margin-top: 10px !important;}
}*/

/*** 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: #ad1a50;}
.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/login.jpg"); background-size: cover !important; background-position: bottom !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 .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{ width: 100%; max-width: 580px; margin: auto;}
#go_login .xastronaut{transform: translatey(0px);animation: float 6s ease-in-out infinite;}
#go_login #canvas{ width:100%; height:100%; min-height:100%; max-height:100%; position: absolute; opacity:1;}
@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{ margin:5px 0px 5px;color: white; padding:15px 17px; 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:#ad1a50;}
#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;}
.padd_li3{ padding: 15px 74px !important;}
.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;}
.mar-t0{ margin-top: 0 !important;}
@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 div{justify-content: center;}
	#cer-ind #course_step li .SelectCourse{ font-size:20px; line-height:32px;}
}

.box-phone{ max-width:580px; width:100%; height: auto; min-height: 231px; background: rgba(193, 206, 204,.1); color: white; 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 #fff;height: 45px;width: 250px;margin: 20px 0 0;background: #fff; color: #333; letter-spacing: 8px;font-size: 23px; font-family:sahel; padding: 0 10px;border-radius: 2px;}
#input-phone::placeholder{ color: #666;}
#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: #ad1a50;border: 1px dashed white;border-radius: 3px;color: white;min-width: 200px;display: flex;justify-content: center;display: none; line-height:28px; font-family:sahel;}
.hligt { border-bottom: 1px dashed #f8bbd9; color: #f8bbd9; font-size: 15px;}
@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: 600px){
	.box-phone{width: 95%;}
}


.ptItem {
    padding: 9px 35px;
    line-height: 20px;
    border-radius: 20px;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.3s ease-in-out;
    font-family: 'sahelB';
    font-size: 13px;
  }
.ptItem.active,
.ptItem:hover {
  background: #ad1a50;
  border-color: #ad1a50;
  color: #ffffff;
}
.prodNav {
    font-size: 12px;
    background: #f5f5f5;
    border-radius: 20px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
  }
  .chng input {
    height: 30px;
    padding: 0 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
    font-family: 'Sahel';
}
.padd_li1 { padding: 15px 62px !important;}
.padd_li2 { padding: 15px 30px !important;}
.Ared3 {
  color: #fb7a7a !important;
}
.icon-input-login {
  padding: 8px 10px;
  width: 35px;
  background: white;
  color: #c7c0c0;
  min-width: 25px;
  text-align: center;
  border-radius: 0 2px 2px 0 !important;
  font-size: 16px !important;
  line-height: 29px !important;
  margin-right: auto;
  text-shadow: none;
}
.passCl {
  width: 215px !important;
  border-radius: 2px 0 0 2px !important;
  border-right: none;
  border: none !important;
  background: white !important;
  letter-spacing: 0 !important;
}
.passCl::placeholder{ font-size: 16px !important; text-align: right !important;}
.input-container {
  display: flex;
  align-items: end;
}
#password {
  border: 1px solid #ddd;
  height: 45px;
  color: black;
  width: 220px;
  margin: 10px 0 0;
  background: #ddd;
  letter-spacing: 8px;
  font-size: 18px;
  padding: 0 10px;
  border-radius: 2px;
}
.forget,.forget2{ background: none; border: none; color: white;}
.forget2 { color: #cce7ff;}
.dis_non{ display: none;}
@media only screen and (max-width: 650px){
	.sec-1 {margin-bottom: 50px}
    .prodNav{margin: 170px auto 0px;background: none;text-align: center;}
    .ptItem{margin: 3px 0;width: 245px;}
}


#pay_variz{ padding:60px 0;}
#pay_info{ margin-bottom:20px; font-family:sahel; font-size:15px; line-height:27px;}
#pay_info > div{ width:calc(20% - 8px); margin-left:10px;}
#pay_info > div:last-child{ margin-left:0;}
#pay_info .memHead{ padding:0 5px;}
#pay_info input, #pay_info select{ width:100%; border:1px solid #ddd; max-width:100%; font-family:"sahel"; font-size: 14px; height: 40px; padding: 0 5px; border-radius:3px;}
#pay_info select option{ font-family:tahoma;}
#pay_date select{ width:calc(33.333% - 3px); margin-left:4px;}
#pay_date select:last-child{ margin-left:0;}
@media only screen and (max-width: 800px){
	#pay_variz{ padding:50px 0 60px;}
	#pay_info{ max-width:445px; margin:auto;}
	#pay_info > div{ width:100%; margin:0 0 20px !important;}
}

/**** 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;}
#mem_info{ margin: 60px 0;}
.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 #ad1a50;}
.mem_column .more{ margin-bottom: 0;}
.mem_column .more i{ padding-right: 0; margin-bottom: 0;}
.member_info .butt_box{ margin-top:10px;}
#persons{ margin:0 0 60px;}
@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: "مشاهده جزییات:";}
	.excep td:nth-child(4):before{ content: "مشاهده جزییات:"!important;}
}

#date_filter{ padding: 35px 0 10px; margin-bottom: 20px; border-bottom: 2px solid #ddd;}
#date_filter ul{ padding: 0; margin: 0; font-size: 0;}
#date_filter ul li{ margin:10px 0 0 15px; font-size: 16px; display: inline-block;}
#date_filter ul select{ height: 40px; padding: 5px; border: 1px solid #eee; font-size: 16px;}
#date_filter ul select option{ font-family: tahoma;}
#date_filter .more{ min-width: 100px; height: 40px; padding: 0 !important; margin: 0;}
@media only screen and  (max-width: 500px){
	#date_filter ul li{ margin-left: 0; display: block;}
	#date_filter ul li span{ margin-bottom: 5px; display: block;}
	#date_filter ul select{ height: 50px;}
	#date_filter .more{ height: auto; padding: 14px 15px !important;}
}

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

/*********** article list ***********/
#article_list{ max-width: 800px;}
#article_list .mem_column .flexbox{ align-items: center;}
#article_list .mem_column .flexbox > div{ width: 100%; margin: 0;}
#article_list .more{ margin-right: auto !important;}
#article_list .art_title{ width: Calc(100% - 145px);}
#article_list .art_title b{ width: 20px; margin-left: 5px; font-size: 25px; color: #ad1a50; display: inline-block;}
@media only screen and  (max-width: 450px){
	#article_list .more{ width: 100% !important; margin-top: 8px;}
	#article_list .art_title{ width: 100%;}
}
/*********** 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*/
#p_factor .main{ max-width:1000px !important; padding:60px 15px 70px !important;}
#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;}

#payway{ background:url(images/bg/payment.jpg); padding:95px 65px 30px 5px; background-attachment:fixed;}
#payway > div{ width:Calc(50% - 16px); padding:15px 15px 60px; margin-left:32px; position:relative;} 
#payway > div:last-child{ margin-left:0;}
#payway > div:first-child .pay_sub, #payway > div:first-child .pay_sub span{ color:#098a09;}
#payway > div:last-child .pay_sub, #payway > div:last-child .pay_sub span{ color:#3f9cb9;}
#payway .pay_sub{ margin-bottom:5px; font-family:sahelB; font-size:17px;}  
#payway .pay_sub span{ width:50px; height:50px; border-radius:50%; background:#fff; text-align:center; line-height:50px; position:absolute; top:-50px; right:-48px; font-size:30px; display:inline-block;}
#payway .pay_sub span:after, #payway .pay_sub span:before{ content:""; width:17px; height:17px; background:#fff; position:absolute; left:-17px; bottom:-5px; border-radius:50%; display:block;}
#payway .pay_sub span:before{ width:10px; height:10px; left:-30px; bottom:-10px;}
#payway .more{ width:160px; position:absolute; left:15px; bottom:15px;}
@media only screen and  (max-width: 680px){
	.dv_butt{ display:block;}
	.dv_butt .more{ margin:8px auto; display:block;}
	#payway > div{ width:100%; margin:0 0 70px !important;} 
	#payway > div:last-child{ margin-bottom:0 !important;}
}
#bpish_head{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #bbb;
}
#bpishfaktor label{
    color: #ad1a50;
	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{
    /**width: 80px;**/
    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(1){ width: 40px; }*/
#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: #ad1a50;
    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: #ad1a50 !important;
    background: transparent;
}
#bpish_txt{
    font-family: sahel;
    font-size: 12px;
}
#maliat{
    display: none;
}
#comment11{ width: 100%; margin-top: 10px; padding: 5px; border: 1px solid #c2c2c2; resize: vertical; background: #f6f6f6; font-size: 13px; font-family:sahel; }
#financial .main{ padding:60px 15px !important;}
.w40{ width:40px;}
.Ared{color:#900!important;}.Anarenji{color:#FF5C26;}.Agreen{color:#390!important;}
#rel_files, #tracking, #brief_state{ margin-bottom:70px;}
#brief_state tr:first-child{background: #036165;}
#rel_files .tb_style tr:first-child{ background:#3F9CB9;}
#rel_files .tb_style tr td:nth-child(3), #tracking .tb_style td:nth-child(2){ text-align:right;}
#tracking .tb_style tr:first-child{ background:#e34747;}
.acc_info{ margin-bottom:70px; font-family:sahel; font-size:15px; line-height:27px;}
.acc_info table{ width:100%; max-width:600px;}
.acc_info table tr{ background: #f1f1f1; transition: all linear 0.2s;}
.acc_info table td { border: 1px solid #FFFFFF; padding: 5px 10px; vertical-align: top;}
.acc_info table tr:nth-child(2n+1){ background: #f8f8f8;}
.acc_info #news284 tr:hover{ background: #DFDFDF !important;}
.check_fac{position: absolute;top: 140px;right:calc((100vw - 1000px)/4 - 38px);width: calc((100vw - 1000px)/2)}
.check_fac i{font-size: 76px}
@media only screen and  (max-width: 1200px){
	.check_fac{width: 100%;text-align: center;margin-top: 40px;position:static;}
}
@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, #finance_rec tr, #finance_rec td, #rel_files td, #rel_files tr, #tracking tr, #tracking td, #brief_state 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;}
	#add_serrow{ transform:none;}
	#bpish_services td{ text-align:right;}
	#bpish_services tr:first-child, #finance_rec tr:first-child, #rel_files tr:first-child, #tracking tr:first-child, #brief_state tr:first-child{ display:none;}
	#bpish_services tr td:before, #finance_rec td:before, #rel_files td:before, #tracking td:before, #brief_state 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: #ad1a50 !important;}
	#bpish_txt{ font-size:14px; line-height:25px;}
	#brief_state tr:first-child{ display:none;}
	#finance_rec tr td, #rel_files tr td, #tracking tr td, #brief_state tr td{ text-align:right}
	#finance_rec tr td:nth-child(1), #rel_files td:nth-child(1), #tracking td:nth-child(1){ background: #444; color:#fff; font-family:sahelB; text-align:center;} 
	#finance_rec tr td:nth-child(1):before, #rel_files tr td:nth-child(1):before, #tracking 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:"زمان تایید:";}
		
	#brief_state td:nth-child(1):before{ content:"قابل پرداخت:";}
	#brief_state td:nth-child(2):before{ content:"پرداخت شده:";}
	#brief_state td:nth-child(3):before{ content:"مانده:";}
	
	#rel_files tr td:nth-child(2):before{ content:"نام فایل:";}
	#rel_files tr td:nth-child(3):before{ content:"توضیحات:";}
	#rel_files tr td:nth-child(4):before{ content:"زمان انتشار:";}
	
	#tracking tr td:nth-child(2):before{ content:"متن پیام:";}
	#tracking tr td:nth-child(3):before{ content:"فایل:";}
	#tracking tr td:nth-child(4):before{ content:"پیام دهنده:";}
	#tracking tr td:nth-child(5):before{ content:"زمان انتشار:";}
}
@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;}
}

/******** pact factor styles ********/
.table_cost{ margin-top:0 !important;}
.table_cost tr:first-child{background: #292e44 !important; color: #ffffff!important;}
.table_cost tr:nth-child(2n+1){background: #f4f4f5;}
.table_cost tr:last-child td{ border-bottom:none !important;}
.table_03{border-collapse: collapse;font-size: 13px;transition: all linear 0.2s}
.table_03 tr:hover{background: #d0d2d9;}
.table_03 td{padding: 2px; border: 1px solid #ffffff;line-height: 23px;}
/***
.Tright{text-align: right!important;}
.Tleft{text-align: left!important;}

#p_factor{ width:100%; margin:auto; font-family:'sahelB';}
.flexbox{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; justify-content:center; align-items:center;}**/
.p_head{ padding:20px 0 10px; border-bottom:3px solid #d91966; }
.p_head > div{ width:33.333%;  box-sizing:border-box;}
.p_head > div img{ width:120px; display:block;}
.p_head .p_title{ font-size:22px; line-height:32px; text-align:center; font-family:sahelB;}
.p_head .p_info{ width:180px; margin-right:auto; font-size:14px; line-height:27px;}
#p_factor .top_title{ font-size:18px; text-align:center; margin-top:35px; font-family:sahelB;}
#p_factor table{ margin-top:15px; background:#f5f5f5; border-collapse:collapse;} 
#p_factor table td{ padding:5px; border:1px solid #ddd; font-family:'sahel';}
.l_direct{ display:inline-block; direction:ltr;}
#p_factor .table_03{ text-align:center;}
table.trBreak { page-break-inside:auto!important }
.trBreak tr{ page-break-inside:avoid!important; page-break-after:auto!important }
.no_bg td{ background:#fff; border:none;}
.no_padd{ padding:0 !important;}
.no_border{ border:none !important;}
.all_tb table{ margin-top:0 !important;}
.min_hgt{ height:44px;}
.no_lbdr{ border-left:none !important;}
.no_tbdr{ border-top:none !important;}
.no_rbdr{ border-right:none !important;}
.no_bbdr{ border-bottom:none !important;}
.brdr_tn{border-bottom:none !important;}
@media only screen and (max-width: 1024px){
	#p_factor table td, #p_factor table tr{ width:100% !important; display:block; border-bottom:none;}
	#p_factor table tr:last-child td:last-child{ border-bottom:1px solid #ddd;} 
	.table_cost tr td{ text-align:right;}
	.table_cost tr:first-child{ display:none !important;}
	.table_cost tr td:before{ color:#ad1a50; padding-left:4px;font-family: sahelB;}
	.table_cost tr td:nth-child(1){ background:#292e44; color:#fff; text-align:center;} 
	.table_cost tr td:nth-child(1):before{ content:"ردیف"; color:#fff;}
	.table_cost tr td:nth-child(2):before{ content:"شرح کالا:";}
	.table_cost tr td:nth-child(3):before{ content:"تعداد:";}
	.table_cost tr td:nth-child(4):before{ content:"مبلغ واحد (ريال):";}
	.table_cost tr td:nth-child(5):before{ content:"مبلغ كل (ريال):";}
	.table_cost tr td:nth-child(6):before{ content:"مبلغ تخفيف (ریال):";}
	.table_cost tr td:nth-child(7):before{ content:"مبلغ كل پس از تخفيف (ريال):";}
	.table_cost tr td:nth-child(8):before{ content:"جمع ماليات وعوارض (ريال):";}
	.table_cost tr td:nth-child(9):before{ content:"جمع مبلغ كل بعلاوه جمع ماليات و عوارض (ريال):";}
	.table_cost tr:last-child td:nth-child(1):before{ content:"";}
	.table_cost tr:last-child td:nth-child(1):after{ content:" مبالغ";}
	.table_cost tr:last-child td:nth-child(2):before{ content:"جمع مبلغ كل (ريال):";}
	.table_cost tr:last-child td:nth-child(3):before{ content:"جمع مبلغ کل تخفيف (ریال):";}
	.table_cost tr:last-child td:nth-child(4):before{ content:"جمع مبلغ كل پس از تخفيف (ريال):";}
	.table_cost tr:last-child td:nth-child(5):before{ content:"جمع کل ماليات وعوارض (ريال):";}
	.table_cost tr:last-child td:nth-child(6):before{ content:"جمع مبلغ كل بعلاوه جمع ماليات و عوارض (ريال):";}
	.pay_tb tr:first-child td:first-child{ background:#292e44; color:#fff;}
	.pay_tb td{ border:none !important; border-bottom:1px solid #ddd !important;}
	.pay_tb tr:last-child td:last-child{ border-bottom:none !important;}
	.bg_so{background:#292e44!important; color:#fff; }
	.no_RSbdr td{border-left: none!important;border-right: none!important;}
	.min_hgt{ height:34px;}
	.table_03{ font-size: 15px;}
}
@media only screen and (max-width: 800px){
	.p_head{ padding-top:0;}
	.p_head > div{ width:100% !important; margin:10px 0 !important; text-align:center; display:block;}
	.p_head > div img{ margin:auto;}
}
/* 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, #construction{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{float:right; 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%;}
}

/**************************************************** khabarname *****************************************************/
#news_letter{
    padding-bottom: 50px;
    background: url(../image/symbols/newsletter.jpg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    text-align: center;
	visibility: visible; 
	animation-delay: 0.2s; 
	animation-name: fadeIn;
}
#news_letter .news_ltxt{ color:#292E44; font-size:18px;}
.nlt_icon{
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    top: -1px;
}
#news_letter form{
    width: 550px;
    padding: 30px 0px;
    margin: auto;
    display: block;
}
#news_letter input{
    height: 50px;
    font-size: 19px;
}
#news_letter input[type="text"]{
    width: 350px;
    padding: 5px;
    border: 1px solid #ffffff;
    background-clip: padding-box;
    font-family: OSans;
    float: left;
 }
#news_letter input[type="submit"]{
    width: 200px;
    padding: 2px 20px;
    background: #292e44;
    text-align: center;
    border: 1px solid #292e44;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    transition: all .3s linear;
	font-size:16px;
}
#news_letter input[type="submit"]:hover{
    background: #68284a;
    border: 1px solid #68284a;
}
@media only screen and (max-width: 700px){  /****************** responsive khabarname for 700 px ************************/
    #news_letter form{
        width: 95%;
    }
    #news_letter input[type="text"]{
        width: 70%;
        margin-bottom: 3px;
        float: none;
    }
    #news_letter input[type="submit"]{
        width: 70%;
        float: none;
    }
    #news_letter ::-moz-placeholder {
        text-align: center;
    }
    #news_letter :-ms-input-placeholder {
        text-align: center;
    }
    #news_letter ::-webkit-input-placeholder {
        text-align: center;
    }
}
@media only screen and (max-width: 550px){  /****************** responsive khabarname for 550 px ************************/
    #news_letter input[type="text"]{
        width: 100%;
    }
    #news_letter input[type="submit"]{
        width: 100%;
    }
}

#back_up{ width: 47px; height: 47px; line-height: 42px; text-align: center; background:rgba(41,46,69,0.6); color: #FFF; font-size: 20px; position: fixed; bottom: 20px; left: 20px; border:1px solid rgba(255,255,255,0.2); border-radius:100%; z-index: 1001; cursor: pointer; transition: all .3s linear; display: none; }
#back_up:hover{ background:rgba(41,46,69,1);}


/**************************************************** footer *****************************************************/
footer{
    padding: 0px 80px 20px;
    background: #222639;
    color: #FFFFFF;
}
footer .nlt_icon{
    margin-bottom: 0px !important;
}
#f_link{
    padding: 30px 0px;
}
.fl_li{
    width: 25%;
    padding: 0px 25px;
    float: right;
	font-size:13px;
	line-height:23px;
}
#f_link .fl_li:first-child{ padding-right: 0;}
#f_link .fl_li:nth-last-child(2){ padding-left: 0;}
.fl_header{
    padding: 0px 5px 5px 5px;
	padding-bottom:8px !important;
    margin-bottom: 5px;
    text-shadow: 0px 1px 2px #000000;
	font-family:'sahelB';
    font-size: 15px;
    border-bottom: 1px dotted #4b4f62;
}
footer a{
    padding: 1px 5px;
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid #222639;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    display: block;
    transition: all .2s linear;
}
.fl_header i{
    margin-left: 5px;
    font-size: 16px;
    position: relative;
	color: #c3cdcf;
}
footer .fl_li:nth-child(3) .fl_header i{
    transform: rotate(270deg);
}
footer a:hover{
    color: #c1cad1;
}
footer .fr_border:hover i{color: #ad1a50;}
.s_network{
    font-size: 0;
}
.s_network li{
    width: 42px;
    height: 42px;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    overflow: hidden;
	margin-right:4px;
	vertical-align:top;
}
.s_network li a{
    padding: 0px 0px 5px 0px;
    text-align: center;
}
.s_network i{
    margin-top: 4px;
    font-size: 30px;
    display: block;
}
.s_network a img{ width: 40px; display: block; position: relative; bottom: 3px;}
.s_network a:hover>img{}


.s_network li a:hover{ opacity: 0.6;}
.telegram{ color: #30a8dc; font-size: 27px !important;}
.instagram{ color: #d1014d;}
.rss{ color: #e67f2e;}
.linkedin{ color: #0077b5;}
.twitter{ color: #50abf1;}

.fl_li div{
    padding: 2px 5px;
}
.e_namad img{ max-width: 110px; padding: 5px; margin: 0 auto 0 0; background: rgba(255,255,255,0.2); display: block;}
#footer_address{
    width: 50%;
    padding: 2px 30px;
    float: left;
}
#footer_address div{
    margin-bottom: 10px;
}
#footer_address div:last-child{
    margin-bottom: 0px;
}
.fr_border i{
	font-size:11px;
	display:inline-block;
	padding-left:5px;

}

@media only screen and (max-width: 1400px){
	footer{	padding: 0px 50px 20px;}
}
@media only screen and (max-width: 1270px){  /********************* responsive footer for 1270 px ***************************/
    footer{
        padding: 0px 50px 20px 50px;
    }
    .fl_li{
        padding: 0px 20px;
    }
	#navigation {right: 50px !important;}
}
@media only screen and (max-width: 1150px){  /********************* responsive footer for 1150 px ***************************/
    footer{
        padding: 0px 10px 20px 10px;
    }

    .fl_li{
        padding: 0px 15px;
    }
}
@media only screen and (max-width: 1050px){  /********************* responsive footer for 1050 px ***************************/
    .fl_li{
        width: 50%;
		min-height:200px;
        padding: 0px 70px !important;
        margin-bottom: 30px;
        text-align: center;
    }
    .fr_border{
        padding: 5px;
        margin-bottom: 3px !important;
        border: 1px dotted #4b4f62;
    }
	.e_namad img{ margin: 10px auto;}
}
@media only screen and (max-width: 780px){  /********************* responsive footer for 780 px ***************************/
    .fl_li{
        padding: 0px 25px;
    }
	#top_links{ display:block;}
}

@media only screen and (max-width: 600px){  /********************* responsive footer for 600 px ***************************/
    .fl_li{
        width: 100%;
		min-height:inherit;
        padding: 0px 80px;
        margin-bottom: 30px;
        float: none;
    }
	#f_link{ padding-bottom:0;}
}
@media only screen and (max-width: 450px){  /********************* responsive footer for 450 px ***************************/
    .fl_li{
        padding: 0px 40px;
    }
}
@media only screen and (max-width: 370px){  /********************* responsive footer for 370 px ***************************/
    .fl_li{
        padding: 0px 10px;
    }
}
/**************************************************** back to top *****************************************************/
#back_top{
    color: #FFFFFF;
    font-size: 23px;
    position: fixed;
    bottom: 5px;
    right: 10px;
    z-index: 100;
    cursor: pointer;
    display: none;
    transition: all .2s linear;
	background:rgba(0,0,0,.5);
	padding:0 14px 0;
	line-height: 40px;
	height:43px;
	border-radius:3px;
}
#back_top:hover{
    background: rgba(0,0,0,.8);
}
/**************************************************** design *****************************************************/
#design{
    padding: 10px 80px;
    font-size: 12px;
	border-top: 1px solid #222639;
}
#tarahi{
    width: 250px;
    float: right;
}
#tarahi a{
    color: #333333;
}
#tarahi a:hover{
    color:#dd0067;
}
#copy{
    width: 350px;
    color: #333333;
    font-family: OSans;
    direction: ltr !important;
    text-align: left;
    float: left;
}
@media only screen and (max-width: 1400px){  /********************* responsive footer for 1270 px ***************************/
    #design{ padding: 10px 50px;}
}
@media only screen and (max-width: 800px){  /********************* responsive footer for 800 px ***************************/
    #tarahi{
        width: auto;
        text-align: center;
        float: none;
    }
    #copy{
        width: auto;
        margin-bottom: 5px;
        text-align: center;
        float: none;
    }
}


@media only screen and (max-width:1024px){
	.foot_padd3, .foot_padd4{ padding: 10px 0 85px 0 !important;}
}
@media only screen and (max-width:850px){
	.foot_padd2{ padding: 10px 0 77px 0 !important;}
}
@media only screen and  (max-width: 768px){
	.foot_padd{ padding: 10px 0 70px 0 !important;}
}
@media only screen and (max-width:400px){
	.foot_padd4{ padding: 10px 0 150px 0 !important;}
}

/********************************************************************************************************************/
/***
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){ 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:#ad1a50;} 
#footer_info .links > a i{ color:#ad1a50; font-size:9px;}
#footer_info h2{ margin-bottom:10px; font-family:sahelB; font-size:18px; line-height: 30px;}
#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:#ad1a50; 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:350px;}
#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:#ad1a50; text-shadow:none;}
#footer_info .foot_logo img{ width:123px; margin:20px auto auto; opacity:0.3; display:block; transition:all linear 0.3s;}
#footer_info .foot_logo img:hover{ opacity:0.6;}
#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: #ad1a50; 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, .foot_padd4{ padding: 10px 0 85px 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;}
}
@media only screen and (max-width:400px){
	.foot_padd4{ padding: 10px 0 150px 0;}
}
**/

.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{color:red;font-size: 12px;margin-top: 5px;line-height: 18px}
.correc-code{color:#ff014a;font-size: 12px;margin-top: 5px;line-height: 18px}

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

#pro_bt, #modules_bt{ padding: 20px 0 0 0; border-bottom: 1px dashed black; margin-bottom: 20px; overflow: hidden;}
#pro_bt img, #modules_bt img{ margin: 0 auto; display: block;}
#pro_bt span, #modules_bt span{ height: 85px; padding: 5px 10px; margin: 0 0 0 15px; text-align: center; background: #d0d0d0; color: #333; cursor: pointer; display: flex; justify-content: center; align-items: center; font-family: sahelB; font-size: 15px; line-height: 25px; position: relative; bottom:-15px; transition: all linear .2s;}
#pro_bt span:last-child, #modules_bt span:last-child{ margin-left: 0;}
#pro_bt span.active, #modules_bt span.active{ background: #ad1a50;color:white; bottom: 0; border: none;}
#pro_bt span.active:before, #modules_bt span.active:before{width: 30px; height: 30px; line-height: 30px; background: #fff; position: absolute; right: 5px; top: 5px; text-align: center; text-shadow: none;}
.box_pro, .box_modules{ display: none;}
#modules_bt i, #pro_bt i{ font-size: 30px;}
#modules_bt b, #pro_bt b{ width: 100%; display: block; font-weight: normal;}

.mem_column{ font-size:15px; line-height:27px; border:1px solid #acabab; padding:10px;}
.mem_column .flexbox > div{ width:50%; padding-left:15px;} 
.mem_column .flexbox > div span{ padding:5px; font-family:"sahelB"; display:inline-block;}
.mem_column .flexbox > div a{ color:#CFCFCF; transition:all linear 0.2s;}
.mem_column .flexbox > div a:hover{ opacity:0.7;}
.mem_column .flexbox > div > div{ border-bottom:1px dashed #acabab;}
.mem_column .flexbox > div > div:last-child{ border-bottom:none;}
@media only screen and  (max-width: 800px){
	.mem_column .flexbox > div{ width:100%; padding:0;}
	.mem_column .flexbox > div > div:last-child{ border-bottom:1px dashed #acabab;}
	.mem_column .flexbox > div:last-child > div:last-child{ border-bottom:none;}
	#finance_rec tr td, #rel_files tr td, #tracking tr td, #brief_state tr td{ text-align:right}
	#finance_rec tr td:nth-child(1), #rel_files td:nth-child(1), #tracking td:nth-child(1){ background: #444; color:#fff; font-family:sahelB; text-align:center;} 
	#finance_rec tr td:nth-child(1):before, #rel_files tr td:nth-child(1):before, #tracking 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;}
/* 404.html */
#header-t{ text-align: center; padding-bottom: 0; }
#img-logo{margin: 30px auto; }
.header-txt{border-top:1px solid #cfd6e8;background-color: #e2e4e9;}
#header-txt-link{margin: 30px 100px;}
.header-txt.co_name a {
    color: #222639;
    display: inline-block;
    transition: all linear .2s;
	font-family: 'SamimBold';
    font-size: 20px;
    line-height: 36px;
}
#main-t{ position: relative; width: 70%; margin: 50px auto 30px; text-align: center;min-height: Calc(100vh - 415px);}
#code-khata{margin: 30px auto; color: firebrick; text-align: center; font-size: 27px; font-weight: bold; }
#error-text{font-weight: bold; line-height: 1.5; font-size: 22px; text-align: center; right: 0; left: 0; color: rgba(34, 34, 34, 0.925); margin: 0 auto; border-bottom:1px solid #cfd6e8; padding:10px 0 60px 0;}
.pageasli-btn{ margin: 30px auto 10px auto; font-weight: bold; }
.phone-t{line-height: 1.5;  color: #222; font-family: 'Samim'; margin: 5px 0 15px 0;  text-align: center; padding:10px 0; }
#phone-t-link{color: #222; font-family: 'Samim'; font-size: 20px;}
#phone-title{font-size: 18px;}
#footer-t{ padding: 15px 0; border-bottom:1px solid #cfd6e8; }
#nav-footer{ display: flex; padding-right: 10px; justify-content: center;}
#nav-footer > a{color: #222; padding: 0 10px;}
#hammura-link-box{text-align: center;}
#hammura-link{color: black;}
.add_item{ width:auto; padding:0 10px; background:#278B2C; border:1px solid #278B2C; height:35px; line-height:35px; margin-top:10px; color:#fff; font-size:14px; border-radius:5px; display:inline-block; cursor:pointer; transition:all linear 0.2s;}
@media only screen and (max-width: 450px){
    #header-txt-link{
        font-size: 18px;
        margin: 20px auto;
    }
    #code-khata{
        margin: 15px auto;
        font-size: 25px;
    }
    #error-text{
        font-size: 18px;
        padding: 10px 0 30px 0;
    }
    #main-t{
        margin: 20px auto;
    }
    #phone-title{
        font-size: 16px;
    }
}
@media only screen and (max-width: 400px){
    #header-txt-link{
        font-size: 16px;
        margin: 20px auto;
    }
    #img-logo{margin: 10px auto; }
    #code-khata{
        margin: 15px auto 10px;
        font-size: 22px;
    }
    #error-text{
        font-size: 16px;
        padding: 10px 0 20px 0;
    }
    #phone-title{
        font-size: 15px;
    }
    #phone-link{
        font-size: 17px;
    }
    .pageasli-btn{
        margin: 15px auto;
    }
}

/*change password*/
.certf-list{ max-width: 900px; padding: 0 20px; margin: auto;}
.profile-box{ padding: 10px; margin-bottom: 40px; background: #eee; border: 1px solid #ccc; border-radius: 5px;}
.titr-profile-page{ margin: 20px 0; color: #AD1A50; font-family: sahelB; font-size: 20px; line-height: 30px;}
.sub_ti{ color: #AD1A50; font-family: sahelB; font-size: 17px; line-height: 28px;}
.titr-profile-page i{ font-size: 15px;}
.row .rgstr-btn{ margin-top: 10px;}
.container-input {
    display: flex;
    flex-direction: row!important;
}

.container-input>div {
    max-width: 249px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}
.container-input1>div {
    width: 100%;
}
.container-input1{
    max-width: 100%;
    margin: 8px 0;
}
.container-input1 span{
    width: 140px;
    display: inline-block;
    text-align: right;
}
.container-input-adrs {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row!important;
    width: 60%!important;
	min-width: 260px;
}

.container-input-adrs>div {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}
.container-input {
	text-align: right;
}

.container-input select {
    max-width: 235px;
    width: 100%;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
    font-family: 'sahel';
}

.container-input>div> span {
    line-height: 20px;
    font-size: 14px;
    color: #333333;
    font-family: "sahelB";
    margin-bottom: 5px;
    text-align: right;
}

.rgstr-btn {
    border: none;
    background-color: #35AD68;
    border:1px solid #35AD68;
    color: white;
    cursor: pointer;
    padding: 3px 35px;
    font-family: 'sahel';
    font-size: 14px;
    white-space: nowrap;
    transition: all .2s ease-in-out;
    margin: 20px 0;
}
.rgstr-btn:hover{
    background-color: white;
    color:  #278B2C;
}
.announce{
	width: 75%;
    color: rgba(140,32,32,1.00)!important;
    font-family: "sahelB";
	margin: 0 auto 0;
    font-size: 13px;
    line-height: 36px;
    padding: 5px 30px;
    background: rgba(255,242,242,1.00)!important;
    border: 1px dashed rgba(249,202,202,1.00)!important;
	text-align: right;
}
.announce a{
	color: #004f8c!important;
	text-decoration: none;}
.mr-btm{margin-bottom:10px;}
@media only screen and (max-width: 400px){ 
    .container-input1{ width: 100%; max-width: 200px;}
    .container-input1 input{ width: 100%; }
    .container-input1 span{ width: 100%; padding: 0 5px;}
}