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

@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: 'Samim';
    src: url('includes/fonts/Samim.eot');
    src: url('includes/fonts/Samim.eot?#iefix') format('embedded-opentype'),
		 url('includes/fonts/Samim.woff') format('woff'),
		 url('includes/fonts/Samim.ttf') format('truetype');
	font-weight: normal;
	}
	@font-face{
		font-family: 'SamimBold';
		src: url('includes/fonts/Samim-Bold.eot');
		src: url('includes/fonts/Samim-Bold.eot?#iefix') format('embedded-opentype'),
			 url('includes/fonts/Samim-Bold.woff') format('woff'),
			 url('includes/fonts/Samim-Bold.ttf') format('truetype');
		font-weight: normal;
		}
	
@font-face{
	font-family: 'Myriad';
	src: url('includes/fonts/Myriad-Pro-Regular.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; text-decoration-thickness: 1px !important; transition:all linear 0.2s;}
b, strong{font-family:"SamimBold"; 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;}
.col_red{ color:#cc3835;}

html, body{ width:100%; height:100%; padding:0; margin:0;}
html{ overflow-x: hidden;}
body{ direction:rtl; font-size:16px; font-family:'Samim'; line-height:28px; color:#1B1B1B;}
.main{max-width:1250px; margin:auto; display:block; padding:0 15px;}
.main_panel{max-width:1100px; margin:0; display:block;}
.flexbox,.flexbox1{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items: center;} 
.flexbox1{ align-items: stretch;}
.c_align{ align-items: center;}
.st_align{ align-items: flex-start;}
.end_align{ align-items: flex-end;}
.j_content{ justify-content: center;}
.en_font{ font-family:"OpenSans";}
.more{ padding: 7px 15px; margin: 20px auto; background: transparent; color: #333; border: 1px solid rgba(36,36,36,1.00); font-family: "SamimBold"; font-size: 14px; line-height: 24px; text-align: center; border-radius: 10px; display: inline-block; transition: all linear 0.2s; cursor: pointer;}
.more:hover{ background: #ff5c01; border-color: #ff5c01;}
.more i{ padding-right: 8px; transition: all linear 0.2s;}
.more .fa-shopping-bag{ padding: 0 0 0 5px !important;}
.more:hover i{ color: #fff !important;}
.more2{ background: #2474ab; color: #fff;}
.more2:hover{ background: transparent; color: #2474ab;}
.more2:hover i{ color: #2474ab !important;}
.green_bt{ width: 100%; margin: 10px auto auto; color: #1ca278; border-color: #1ca278 !important;}
.green_bt:hover{ background: #1ca278; color: #fff;}
.mar0{ margin: 0 !important;}
@media only screen and (max-width:1024px){
	.more{ padding: 10px 15px !important;}
	.more:hover{ opacity: 1;}
    .more2:hover{ background: #2474ab; color: #fff;}
	.more2:hover i{ color: #fff !important;}
	.green_bt:hover { background: transparent !important; color: #1ca278 !important;}
}
#hide_overflow { position: relative; overflow: hidden;}
.scroll{ width: 100%; overflow:hidden;}
.title{ margin-bottom: 10px; font-family: "SamimBold"; font-size: 27px; line-height: 40px; display: block;}
.sub_line{ position: relative; direction: rtl;}
.sub_line:after{ content: ""; width: 100%; height: 1px; background: rgb(255,255,255); background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 237, 237) 100%); position: absolute; bottom: 15px; display: block;}
.sub_line span{ padding-left: 20px; background: #fff; display: inline; position: relative; z-index: 10;}
.mrg_bt{ font-family: "SamimBold"; margin-bottom: 0 !important;}

/***** add to basket alert ******/
.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: "SamimBold"; text-align: center; background: #fff; position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%);}
.add_alert .shopping{ margin: 0 5px 10px; font-size: 40px; color: #2474ab;}
.add_alert .check{ width: 25px; height: 25px; line-height: 25px; background: #15c215; color: #fff; position: absolute; top: 23px; right: 43%; font-size: 14px; border-radius: 100%; text-align: center; animation: check 0.7s linear ;}
.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;}
.add_alert .for_error, .add_alert.error .for_add{ display: none;}
.add_alert.error .for_error{ background: rgb(255, 232, 232); color: #ee1b24; display: block;}
.add_alert.error .fa-times{ color: #ee1b24; }

@keyframes check{
  from { right: 0; opacity: 0}
  to { right: 43%; opacity: 1}
}


/******************************************** header ***************************************/
header{ background: #FFFFFF; border-bottom:solid rgb(49,41,41); background: #2e2e2e;}
header > .main{ position: relative;}
#top_head{ height: 75px; align-items: flex-end; transition: all linear 0.2s;}
#top_head #phone{ margin-right: auto; font-size: 21px; position: relative; bottom: 12px;}
#top_head #phone i{ font-size: 18px; margin-right: 7px;}
#top_head #phone a{ color: #ddd;}
#srchbox form{ width: 340px; height: 40px; margin-right: 20px; position: relative; overflow: hidden; bottom:12px;}
#srchbox form input{ width: 100%; height: 100%; padding: 0 5px 0 65px; background: #f2f2f2; font-family: "Samim"; border: 1px solid #f2f2f2; border-radius: 5px;}
#srchbox form button{ width: 50px; height: 100%; line-height: 42px; background: none; position: absolute; left: 0; border: none; transition: all linear 0.2s;}
#srchbox form button:hover{ color: #999;}
#srchbox.r_search{ display: none;}
#top_bascket{ width: 200px;}
#h_logo{ display: block;}
#h_logo img{ max-width: 53px; width: 100%; display: block;}
#menu{ width: Calc(100% - 200px);}
#menu ul{ padding: 0; margin: 0; font-size: 0;}
#menu > ul > li{ font-size: 16px; vertical-align: middle; display: inline-block; cursor: pointer; /**position: relative;**/}
/**#menu > ul > li:after{ content: "/"; padding: 0 10px; color: #333; font-size: 10px; display: inline-block;}
#menu > ul > li:last-child:after{ display: none;}**/
#menu > ul > li > a{ padding: 5px 17px; color: rgb(249, 248, 248); font-family: "Samim"; position: relative; font-size: 15px; display: block;}
#menu > ul > li > a.shape:after{ content: ''; width: 0; height: 0; margin: auto; position: absolute; bottom: -8px; left: 0; right: 0; border-left: 12px solid transparent; border-top: 9px solid #2e2e2e; border-right: 12px solid transparent; opacity: 0; visibility: hidden; display: block; z-index: 1001; transition: all linear .2s;}
#menu > ul > li:hover > a{ color: #999;}
#menu > ul > li .open_li{ padding: 10px 6px 10px 10px; color: #fff; font-size: 32px; display: none; float: right;}
#menu > ul > li .i_menu{ width: 25px; margin-left: 4px; color: #ff5c01; font-size: 15px !important; vertical-align: middle; position: relative; top: -6px;}
#menu > ul > li .i_blog{ display: none;}
#menu > ul > li > ul{ width: 100%; max-width: 400px; padding: 15px 25px; background: #373737; position: absolute; top: Calc(100% - 5px); left: 0; right: 0; opacity: 0; visibility: hidden; transition: all linear .2s; z-index: 1000; border-radius: 10px; overflow: hidden; overflow-y: auto;}
#menu > ul > li.show_sub ul,#menu > ul > li.show_sub a.shape:after{ opacity: 1; visibility: visible;}
#menu > ul > li h3{ padding: 0 25px 5px 0; margin-bottom: 5px; font-family: "SamimBold"; border-bottom: 1px solid #505259; position: relative;}
#menu .sub_close{ padding: 10px; color: #fff; font-size: 20px; position: absolute; right: -6px; top: -6px; transition: all linear 0.2s;}
#menu .under_li{ display: flex;}
#menu .under_li > div{ width: Calc(50% - 5px);}
#menu .under_li > div:first-child{ margin-left: 10px;}
#menu .under_li > div a{ padding: 3px 0 !important; display: block;}
#menu .under_li > div a::before{ content: "\f111" !important; margin-left: 5px; color: #ff5c01; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size: 5px; display: inline-block;}
#menu .under_li > div a:last-child{ padding-bottom: 0;}
#menu ul ul a{ color: #fff; font-size: 14px;}
#menu ul ul a:hover,#menu .sub_close:hover{ color: #ff5c01;}

#menu .with_pic{ max-width: max-content; padding: 30px 5px 5px;}
#menu .with_pic .sub_close{ padding: 7px 10px; right: 5px; top: 0;}
#menu .with_pic div{ width: 100% !important; margin-left: 0 !important;}
#menu .with_pic a{ width: 150px; padding: 10px; margin: 5px !important; background: #fff; color:black; text-align: center; border: 2px solid #fff; border-radius: 10px; display: inline-block !important;}
#menu .with_pic a img{ width: 100px; height: 100px; margin: auto; object-fit: cover; border: 5px solid #fff; display: block;}
#menu .with_pic a::before{ display: none !important;}
/*
#menu ul .submenu li{ width: 100%; color: #fff; font-size: 16px; }
#menu ul .submenu li a{ color: #000; font-size: 15px;}
#menu ul .submenu li a:hover{ color: #999;}
.submenu .li_item{ align-items: stretch;}
.submenu .cell_item{ width: 200px; padding: 20px 0; background: #000; text-align: right;}
.cell_item > div{ padding: 10px; transition: all linear .2s; cursor: pointer;}
.cell_item > div:hover,.cell_item > div.active{ background: #fff; color: #000;}
.cell_item > div i{ margin-right: auto; font-size: 12px;}
.submenu .cellbox{ width: Calc(100% - 200px); padding: 25px 20px 20px;}
.submenu .cell_info{ align-items: stretch; display: none;}
.submenu .cell_info.sub1_tab_1,.submenu .cell_info.sub2_tab_1{ display: flex;}
.cell_info .tab_title{ width: 100%; padding: 10px; margin-bottom: 10px; background: #fff;}
.cell_info .tab_title .close_tab{ width: 35px; line-height: 35px; margin-right: auto; background: #000; font-size: 20px; text-align: center; border-radius: 100%; display: none;}
.cell_info .tab_title a{ font-size: 20px !important; line-height: 33px;}
.cell_info > div{ width: 22%; margin-left: auto; text-align: right;}
.cell_info.col_4 > div{ width: 22%;}
.cell_info > div:last-child{ margin-left: 0;}
.cell_info > div b{ margin-bottom: 10px; border-bottom: 1px solid #e2e2e2; display: block;}
.cell_info > div a{ padding-bottom: 5px; display: block;}
.cell_info > div a.last{ padding-bottom: 0; border-bottom: 1px solid #999; display: inline-block;}
.cell_info > div a.last i{ margin-right: 10px; font-size: 11px;}
*/
#menu ul .onfix{ display: none;}
header.fix_head #menu ul .onfix{ display: inline-block}
header.fix_head #menu ul .onfix img{ width: 30px; display: block;}
#menu_bar{ color: #fff; font-size: 45px; position: absolute; top: 3px; right: 15px; display: none; cursor: pointer; transition: all linear 0.2s;}
.res_logo{ width: 30px; position: absolute; top: 6px; right: 65px; display: none;}
.res_logo img{ width: 100%; display: block;}
.space{ height: 53px;}
/**header.fix_head #menu > ul > li > ul{ top: Calc(100% - 13px);}*/
header.fix_head #menu > ul > li > a.shape::after{ bottom: -9px;}
.scroll{ width: 100%; overflow:hidden;}
@media only screen and (min-width:851px){
	#menu,header.fix_head #menu, #menu ul ul{ display: block !important;}
	header.fix_head #srchbox{ display: none !important;}
	/*.submenu .cellbox{ display: block !important;}*/
}
@media only screen and (max-width:850px){
	header{ padding: 15px 0 10px; position: relative;}
	#menu_bar,.res_logo,.cell_info .tab_title .close_tab{ display: block;}
	#menu,header.fix_head #menu{ width: 100% !important; height: 100vh; padding: 10px 0 20px; margin: 10px 0 0; border-top: 1px solid #aeaeae; display: none; overflow-y: auto;overflow-x: hidden;}
	#menu > ul{ margin-bottom: 30px; padding-bottom: 30px;}
	#menu > ul > li{ border-bottom: 1px solid #5d5d5d; display: block !important; position: relative;}
	#menu > ul > li:after{ content: ""; display: block; clear: both;}
	#menu > ul > li > a{ padding: 20px 10px; font-family: "samimBold"; font-size: 19px; line-height: 30px;}
	#menu > ul > li:hover a{ color: #fff !important;}
	#menu > ul > li:first-child > a{ padding-right: 6px; font-size: 25px;}
	#menu > ul > li > ul{ max-height: inherit; visibility: visible; opacity: 1; position: static; display: none; transition: none;}
	#menu > ul > li a.shape{ width: Calc(100% - 45px); margin-right: 45px; color: #fff; position: relative; display: inline-block;}
	#menu > ul > li a.shape:after,#top_head{ display: none;}
	#menu > ul > li .open_li{ padding: 19px 7px 19px 100%; position: absolute; right: 0; display: inline-block;}
	#menu > ul > li > ul{ max-width: 100%; margin-bottom: 15px;}
	#menu > ul > li .i_blog{ font-size: 25px; padding-left: 15px; display: inline-block;}
	#menu ul ul a{ font-size: 18px; line-height: 30px;}
	#menu .under_li > div a{ padding: 13px 0 !important; border-bottom: 1px solid #505259;}
	#menu .under_li > div a:last-child{ border-bottom: none;}
	#menu > ul > li h3{ padding-right: 0;}
	#menu .sub_close{ display: none;}
	#menu .with_pic{ padding: 15px;}

	/*
	.submenu .cell_info,.submenu .cell_info.tab_1{ display: none;}
	.submenu .cell_item{ width: 100%; padding: 10px 0;}
	.cell_item > div{ padding: 10px 20px; border-bottom: 1px solid #e2e2e2;}
	.cell_item > div:last-child{ border: none;}
	.cell_item > div:hover,.cell_item > div.active{ background: #000; color: #fff;}
	.submenu .cellbox{ width: 100%; height: 100%; padding-bottom: 180px; background: #f2f2f2; position: absolute; left: 0; right: 0; top: 48px; bottom: 0; z-index: 210; display: none; overflow: auto;}
	.cell_info > div{ width: 100%; margin-bottom: 15px;}
	.cell_info > div:last-child{ margin-bottom: 0;}
	*/
}
@media only screen and (max-width:650px){
	.cell_info.col_4 > div{ width: 45%;}
}
@media only screen and (max-width:500px){
	.cell_info.col_4 > div{ width: 100%;}
	/*.res_logo{ width: 115px; overflow: hidden;}
	.res_logo img{ width: 200px;}*/
	#menu .under_li{ display: block;}
	#menu .under_li > div{ width: 100%; margin-left: 0 !important;}
	#menu .with_pic a{ width: calc(50% - 10px);}
}

/*** login & bascket ***/
#userbox{ width: 200px; margin-right: auto; justify-content: flex-end; position: relative;} 
#userbox .head_icons{ width: 100%; padding: 0; color: #ff5c01; font-size: 22px; vertical-align: middle; cursor: pointer;}
.fa-shopping-bag{ font-size: 28px !important;}
.bg_icon{ color: #ff5c01;}
#basket{ width: 65px; height: 49px; background: #373737; position: relative; text-align: center; border-radius: 10px 10px 0 0; border-bottom: none; cursor: pointer; display: flex; align-items: center;}
#basket .num_pro{ width: 17px; height: 17px; line-height: 18px; text-align: center; background: #302e2e; color: #fff; position: absolute; right: 6px; top: 5px; font-family: "SamimBold"; font-size: 12px; border-radius: 50%;}
#cartbox{ min-width: 400px; width: 100%; padding: 10px; background: #eee; position: absolute; top : 100%; left: 0; border-radius: 0 10px 10px 10px; display: none; z-index: 1000;}
.view, .view1, .view2{border-bottom: none !important; /*transition: all linear 0.2s;*/ background: #eee !important;}
/*
#cartbox:after, #login.view1:after, #hide_srch:after{ content: ""; width: 45px; height: 4px; background: #fff; position: absolute; left:0; top: -4px; display: block;}
*/
#res_search{ position: relative; display: none;}
#res_search .src_icon{ width: 60px; line-height: 48px; color: #eee; font-size: 25px; text-align: center; border: 1px solid transparent; border-bottom: none; cursor: pointer;}
#hide_srch{ width: Calc(100% - 30px); margin: auto; position: absolute; top: 49px; left: 0; right: 0; background: #fff; text-align: left; border: 1px solid #ddd; display: none;}
#hide_srch:after{ width: 58px; }
#hide_srch input{ width: 100%; padding: 10px 15px 10px 70px; border: none;}
#hide_srch button{ width: 60px; height: 100%; background: transparent; color: #eee; position: absolute; left: 0; top: 0; font-size: 18px; border: none;}
.logo_res{ display: none;}
.logo_res img{ width: 65px; display: block;}

#login{ width:auto; height: 49px; padding: 0 23px; position: relative; text-align: center; border-radius: 10px 10px 0 0; display: flex; align-items: center;}
#login.view1:after{ width: 100%; top: 100%; z-index: 1000;}
#login .head_icons{ width: auto; padding: 0;}
#login ul{ min-width: 280px; padding: 0; margin: 0; background: #eee; font-size: 0; text-align: right; position: absolute; top : 100%; left: 0; border-radius: 0 10px 10px 10px; display: none; z-index: 1000; overflow: hidden;}
#login ul li{ font-size: 13px; display: block;}
#login ul li a{ padding: 8px 25px; color: #333; font-family: "SamimBold"; display: block; position: relative; font-size: 14px;}  
#login ul li a:hover{ background: #f4f4f4;}
#login ul li a:after{ content: ""; width: Calc(100% - 30px); height: 1px; margin: auto; border-top: 1px solid #eee; position: absolute; left: 0; right: 0; bottom: 0;}
#login ul li a i{ color: #ff5c01;}
#login ul li:last-child a:after{ display: none;}
#login ul li a i{ margin-left: 3px;}
.log_txt{ padding: 0 5px 0 0; color: #f4f4f5; font-family: "Samim"; font-size: 11px; cursor: pointer;}
.view1 .log_txt{ color: #333;}

#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: "SamimBold"; font-size: 15px; line-height: 21px;}
.user_info .user_link{ font-size: 12px; line-height: 20px; color: #ff5c01;}
#login .user_li a{ display: flex;}
#login .user_li i{ margin-right: 3px; position: relative; top: 1px;}

.cost_process{ margin: 30px 0; position: relative;}
.cost_process ul{ height: 4px; padding: 0; margin: 0; font-size: 0; background: #ddd;}
.cost_process ul li{ width: 50%; height: 100%; display: inline-block; vertical-align: top; position: relative;}
.cost_process ul i{ color: #ddd; font-size: 13px; 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: #ff5c01;}
.cost_process .active i{ color: #ff5c01;}
.cost_process .c_min, .cost_process .c_max{ font-size: 13px; position: absolute; right: 0; display: block;}
.cost_process .c_max{ left: 0; right: inherit;}
.cost_process .bike{ font-size: 13px; 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: #ff5c01; font-size: 28px; vertical-align: middle; -webkit-transform: scaleX(-1); transform: scaleX(-1); position: relative; top: 1px;}


.cart_rows{ padding: 10px 0; border-bottom: 1px solid #C0C0C0;}
#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% - 85px); margin-right: auto;}
.rows_info h3 a{ color: #121212; font-size: 15px; line-height: 24px; display: block;}
.rows_info h3 a:hover{ color: #292929;}
.rows_cost{ margin-right: auto; font-family: "SamimBold"; font-size: 14px;} 
#all_rows{ padding-top: 10px; font-family: "SamimBold"; font-size: 24px; text-align: right; border-top: 1px solid #C0C0C0; display: none;}
#all_rows #cost_all{ margin-left: auto;}
#all_rows .more{ margin: 0; background:#1ca278; color: #fff; border-color:#1ca278; text-shadow: 1px 1px 1px #333;}
#all_rows .more:hover{ background:#1e8f6b;}
#all_rows .more i{ position: relative; top: 2px;}
#cost_all .f_tiny{ font-size: 12px;}

#num_link{ padding: 5px 0 10px 0; border-bottom: 1px solid #B6B6B6;}
#num_link > div{ color: gray; font-size: 15px;}
#num_link > a{ margin-right: auto; background: -webkit-linear-gradient(#514590, #338EAE);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; font-size: 13px; font-family: "SamimBold";}
#num_link > a i{ margin-right: 5px; vertical-align: middle;}
#num_link > a:hover{ opacity: 0.7;}
.del_item{ color: gray; font-size: 14px; line-height: 20px; margin-right: 5px;}
.del_item > span{ margin-left: 10px; padding-left: 10px; display: inline-block;} 
.del_item > span:nth-last-of-type(2){ border-left: 1px solid #f0f0f1;}
.del_item .n_pro i{ font-style: normal;}
.del_item .p_color span{ width: 13px; height: 13px; margin-left: 2px; border-radius: 100%; box-shadow: 0px 1px 1px 1px #d6d6d6; display: inline-block; vertical-align: middle;}
.del_item .p_black{ background: #000;}


.del_item .trash{ padding: 10px 15px 10px 10px; margin-right: auto; font-size: 16px; display: inline-block; cursor: pointer; transition: all linear .2s;}
.del_item .trash:hover{ color: rgba(237,54,57,1.00);} 
#list_scroll{ height: 285px; padding-bottom: 55px; overflow: auto;}
#list_scroll .basket_empty{ width: 100%; max-width: 210px; margin: auto; display: none;}
#cart_list.emptybox .basket_empty{ max-width: 145px; margin: 45px auto 0; display: block;}
#cart_list.emptybox #all_rows{ display: none;}
#cart_list #all_rows{ width: 100%; padding: 0 10px 10px; background: #eee; position: absolute; bottom: 0; left: 0; right: 0; display: flex;}
#res_srch{ padding: 8px 15px; display: none;}
#res_srch i{ color: #fff; font-size: 21px; position: relative; top: 3px;}
#res_srch i.fa-times{ font-size: 24px;}
@media only screen and (max-width:850px){
	.log_txt{ display: none;}
	#res_srch{ display: block;}
	#userbox .head_icons{ font-size: 22px;}
	#srchbox.r_search{ width: 100%; padding: 15px 0; background: #f2f2f2; position: absolute; top: 55px; left: 0; right: 0; display: none; z-index: 10000;}
	#srchbox form{ width: Calc(100% - 30px); height: 55px; margin: auto; bottom: 0;}
	#srchbox form input{ border-color: #333; font-size: 18px;}
	#srchbox form button i{ font-size: 20px; vertical-align: middle;}
	#login::before{ content: ""; width: 1px; height: 20px; padding: 0; color: #ccc; position: absolute; left: 0; border-left: 1px solid #60677b; display: block;}
	#login::before{ left: inherit; right: 0;}
	#login.view1::after,#login.view1::before,#login.line::after{ display: none;}

}
@media only screen and (max-width:320px){
	#cartbox{ width: Calc(100% - 20px); left: 15px; right: 5px; margin: auto;}
}
@media only screen and (max-width:430px){
	#cartbox{ min-width: 350px;}
}

/*** End login & bascket ***/

/** fix header style**/
#fix_this > .main{ padding: 0; flex-direction: row-reverse;}
header.fix_head #fix_this{ padding: 2px 0; background: #2e2e2e; position: fixed; top: 0; left: 0; right: 0; z-index: 10000;}
header.fix_head #fix_this > .main{ padding: 0 15px; position: relative;}
header.fix_head #top_head{ padding: 0; height: 0; overflow: hidden; opacity: 0;}
header.fix_head #menu{ text-align: right;}
@media only screen and (max-width:850px){
	header.fix_head{ padding: 0; border: none;}
}

#discount{ margin: 50px 0;}
#discount .title{ padding-top: 10px; margin-bottom: 20px; font-size: 35px; line-height: 50px;}
.disbox{ align-items: stretch;}
.disbox > div{ width: calc(25% - 19px); padding-bottom: 10px; margin: 0 0 0 25px; background: #ffd491; color: #373737; border: 2px solid transparent; border-radius: 20px; position: relative; overflow: hidden; transition: all linear 0.2s;}
.disbox > div:hover{ border-color: #373737;}
.disbox > div:last-child{ margin-left: 0;}
.disbox > div img{ /*width: 100%;*/ max-height: 285px; margin: auto; display: block;}
.disbox > div h3{ min-height: 85px; padding: 10px; font-family: "SamimBold"; font-size: 19px; line-height: 32px;}
.disbox > div h3 a{ color: #373737;}
.disbox > div h3 a:hover{ opacity: 0.5;}
.disbox .more{ max-width: max-content; background: #373737; border-color: #373737; color: #fff; position: absolute; bottom: 0; left: 0; right: 0;}
.disbox .more:hover{ opacity: 0.7;}

.row_1{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.row_2,.row_3{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.row_3{ -webkit-line-clamp: 3;}

.for_off{ padding: 10px; font-family: "SamimBold"; align-items: flex-end;}
.for_off b{ margin-left: auto; font-size: 30px; line-height: 40px; position: relative; top: 5px; display: block;}
.for_off > div{ text-align: left; }
.for_off .p_origin{ text-decoration: line-through; text-decoration-thickness: 1.5px; opacity: 0.5;}
.for_off .broken{ font-size: 20px;}
@media only screen and (max-width: 900px){
	.disbox > div{ width: calc(50% - 13px); margin: 0 0 25px 25px;}
	.disbox > div:nth-child(2n){ margin: 0 0 25px;}
	.disbox > div img{ width: 75%; margin: auto;}
	.disbox .more:hover{ opacity: 1;}
}
@media only screen and (max-width: 600px){
	.disbox > div{ max-width: 330px; width: 100%!important; margin: 0 auto 25px !important;}
	.disbox > div:last-child{ margin-bottom: 0 !important;}

}
	
/*** six box ***/
#six_box{ margin: 9px 9px 0;}
#six_box a{ width: Calc(33.333% - 6px); margin: 0 0 9px 9px; position: relative; border-radius: 10px; display: block; overflow: hidden;}
#six_box a:nth-child(3n),#six_box a:last-child{ margin-left: 0;}
#six_box a img{ width: 100%; height: 230px; object-fit: cover; object-position: center; display: block; transition: all linear 0.2s;}
#six_box h3{ max-width: max-content; padding: 7px 20px; margin: auto; background: rgba(0,0,0,0.7); color: #fff; font-family: "SamimBold"; text-align: center; border-radius: 10px; position: absolute; left: 0; right: 0; bottom: 10px; transition: all linear 0.2s;}
#six_box a:hover img{ transform: scale(1.2);}
#six_box a:hover h3{ background: rgba(0,0,0,1);}
@media only screen and (max-width:1024px){
	#six_box a{ width: Calc(50% - 4.5px);}
	#six_box a:nth-child(2n){ margin-left: 0;}
	#six_box a:nth-child(3n){ margin-left: 9px;}
	#six_box a:last-child{ margin-left: 0 !important;}
}
@media only screen and (max-width:500px){
	#six_box a{ width: 100%; margin: 0 0 9px !important;}
}
/*** six box ***/

.top_heading{ padding: 30px 0 45px; background: #ffd9c5; position: relative;}
.top_heading > .flexbox{ flex-direction: row-reverse;}
.topslider{ width: 100%;}

/*.topslider a{ display: block;} #topslider > .flexbox{ align-items: flex-end;} */
.topslider .s_img{ width: 270px; border-radius: 10px; display: block;}
.img_slide{ max-width: 260px; width: 100%; margin-right: auto; display: block;} 
.s_text{ font-family:'SamimBold'; font-size:35px; color:#333; line-height:50px; position: relative; z-index: 10;}
.s_text h2{ color:#333; font-family:'SamimBold'; font-size:28px; line-height:50px; padding-top: 10px;}
.s_text .s_offer{ padding:0 6px;color:#ff5c01; font-family: 'SamimBold'; font-size: 15px; line-height:0px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.65); box-shadow: 2px 2px 47px 0 #1f2c5d;}
.s_text .stopwatch{ padding:0 6px; font-size: 15px; }
.stopwatch > i {color:#ff5c01}
.s_text .en_text{ font-size:16px;}
.s_text .en_text .numbers{ font-family: tahoma; font-weight: bold;}
.stopwatch_txt{ background: linear-gradient(90deg, #ff5c01 0%, #373737 40%, #999 100%); color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; line-height:0px;}
.showmore{ padding:0px 20px; margin-top:15px; color:#fff; font-size:18px; background:#ff5c01; border-radius:5px; display:inline-block;}
.showmore:hover{ background: #373737;}
#shop_price.for_calc{ margin: 20px 0 0; align-items: flex-end;}
.for_calc .for_off{ width: 275px !important; padding: 0; margin-left: -86px; font-size: 15px; line-height: 30px;}
.for_calc .for_off b{ text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.295); box-shadow:2px 2px 47px 0 #1f2c5d; font-family: "Myriad";font-size: 40px; line-height: 80px; border-radius: 100%; background: #000000; width: 80px; text-align: center;}
.for_calc .for_off b i{font-size: 20px; padding-left: 3px;}
.for_calc .for_off .p_origin{color:#666; font-family: "samimBold"; font-size: 19px; opacity: 0.6;}
.for_calc .for_off .broken{ font-size: 25px;}
.for_calc .showmore{ margin: 15px 0 0; cursor: pointer;}
.top_heading #shop_price .added{ background: #000 !important; pointer-events: none; cursor: default; opacity: 0.4;}
.top_heading #shop_price .added i:after{ color: #000;}
.for_calc .showmore i{ padding-left: 5px; position: relative; top: 2px;}
.showmore .fa-shopping-bag:after{ content: "\f067" !important; color: #ff5c01; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size: 10px; position: relative; right: 16.8px; bottom: 1px; transition: all linear 0.2s;}
.showmore:hover .fa-shopping-bag:after{ color:#373737;}

.send_info{ margin-top: 40px; padding-bottom: 20px;}
.send_info > span{ color:#000; padding:5px 10px 5px 45px; font-size:14px; display:inline-block; position: relative; border-right:3px solid #ffc2a1;}
.send_info i{ background: #ffd9c5;
    font-size: 20px;
    /* position: absolute; */
    color: #ff5c01;
    /* right: -5px; */
    display: block;
    position: relative;
    right: -27px;
    padding: 5px;}
.send_info b{
    bottom: 5px;
    z-index: 0;
    font-size: 13px;
    color: #333;
    font-family: Samim;}
.for_gift.top_heading{ padding: 30px 0 10px; background: #f6c8f5; position: relative; z-index:0;}/* top:-100px;**/
.for_gift.mode1{ padding-top: 0;}
.for_gift.mode2{ background: #f1d4c4;}
.for_gift .s_text{ font-size:16px; color:#3f3d3d; font-family:'SamimBold';}
.for_gift .s_text h2{ color: #ff5c01;}
.for_gift .showmore{ background:#ff5c01; color:white;}
.for_gift .send_info > span{ color:#5c175a; border-right:3px solid #e7b3e6;}
.for_gift .send_info i{ color:#5c175a; background: #f6c8f5;}
.rel_box{ position: relative; top:-30px; z-index:1;}
@media only screen and (max-width:1024px){
	.topslider{ width: 100%; padding: 0 20px 20px;}
	.img_slide{ width: 160px; position: absolute; top: 0;}
	.s_text .stopwatch{padding: 0!important;}
	.send_info > span{ width: 49%; padding-right: 10px;}
}
@media only screen and (max-width:650px){
	.topslider .s_img{ margin: auto auto 20px;}
	.s_text,.s_text h2{ width: 100%; padding-top: 0 !important; font-size:25px; line-height:40px;}
	.send_info > span{ padding: 3px 7px 3px 15px; margin-bottom: 2px; font-size: 16px; display: flex; flex-wrap: wrap;}
	.send_info i{ margin-left: 5px; position: static;}
	.topslider.align_rl .s_img{ margin: 0 0 20px;}
	.align_rl .s_text, .align_rl .s_text h2{ text-align: right;}
}
@media only screen and (max-width:550px){
	.send_info > span{ width: 100%;}
}
@media only screen and (max-width:500px){
	.for_gift .s_img{ width: 180px;}
	.for_gift .s_text{ width: 100%;}
	.topslider .s_img{ width: 140px; margin-top:40px !important;}
	.for_calc .showmore{ padding: 8px 20px; margin: 20px 0 0;}
}

/** slider **/
#indexSlider{ width: 100%;}
#indexSlider>.InSlide{ position: relative; }
#indexSlideBox{ position: relative; overflow: hidden;}
.indexSlideImg{ width: 100%; padding: 0; background: #eee; color: #333; position: absolute; border-radius: 10px; opacity: 0; transition: all 1s linear;}
.indexSlideImg.pre{ opacity: 0;transition:all linear 0.3s;transform: scale(1)}
.indexSlideImg.next{ opacity:0;transition:all linear 0.3s;transform: scale(1)}
.indexSlideImg.show{  opacity:1;z-index:90;transition:all linear 0.3s;}

.slide_info img{ width: 100%; height: auto !important; display: block;}
.slide_info h2{ margin: 0 0 15px; font-family: "SamimBold"; font-size: 27px; line-height: 40px; color: rgba(20,20,20,1.00);}
.slide_info .txt{ font-size: 16px; line-height: 28px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
/***
.indexSlideArrow{ width: 65px; margin: auto; text-align: center; font-size: 46px; color: #fff; position: absolute; top: 0; bottom: 0; cursor: pointer; display:block; z-index:90;}
.indexSlideArrow i{ width: 40px; height: 40px; background: rgba(0,0,0,0.5); color: rgba(255,255,255,1.00); opacity: 0.6; font-size: 15px; border-radius: 100%; line-height: 40px; margin: auto; position: absolute; top:0; bottom:0; transition:all linear 0.2s; z-index: 10;}
#indexLeftSlide{ left: 0px; }
#indexRightSlide{ right: 0px; }
#indexLeftSlide i{ left: Calc(100% - 50px);}
#indexRightSlide i{ right: Calc(100% - 50px);}
#indexLeftSlide:hover i,#indexRightSlide:hover i{ opacity: 1;}
***/
.indexSlideArrow{ width: 100px; margin: auto; text-align: center; font-size: 46px; color: #fff; position: absolute; top: 0; bottom: 0; cursor: pointer; display:block; z-index:90;}
.indexSlideArrow i{ width: 50px; height: 50px; background: rgba(255,255,255, .4); color: #333; font-size: 20px; border-radius: 100%; line-height: 50px; margin: auto; position: absolute; top:0; bottom:0; text-shadow: 1px 1px 1px #000; transition:all linear 0.2s; z-index: 10;}
#indexLeftSlide{ left: 0px; }
#indexRightSlide{ right: 0px; }
#indexLeftSlide i{ left: Calc(100% - 50px);}
#indexLeftSlide:hover i{ background: rgba(255,255,255, 0); left: 5px;}
#indexRightSlide i{ right: Calc(100% - 50px);}
#indexRightSlide:hover i{ background: rgba(255,255,255, 0); right: 5px;}
#indexLeftSlide:hover .leftsvg,#indexRightSlide:hover .rightsvg{ transform: scaleX(2);}
#indexLeftSlide:hover .leftsvg .wave,#indexRightSlide:hover .rightsvg .wave{ fill: rgba(255,255,255, .9);}
.leftsvg{ height: 100%; width: auto; transform-origin: left center 0px; transform: scaleX(1); transition: transform 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;	position: absolute; left: -3px;}
.leftsvg .wave, .rightsvg .wave{ transition: all 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;}
.rightsvg { height: 100%; width: auto; transform-origin: right center 0px; transform: scaleX(1); transition: transform 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s; position: absolute; right: -3px;}

#indexSlideBtn{ width:100%; margin-top: 30px; position:absolute; bottom: 0; text-align: center;z-index: 100;}
#indexSlideBtn>span{ width: 5px; height: 5px; margin: 0 1px; background:rgba(36,36,36,1.00); border-radius: 50%; display: inline-block; cursor: pointer; transition: all linear .2s;}
#indexSlideBtn>span.indexSlideActive{ width: 23px; border-radius: 10px; background:#ff5c01;}

@media only screen and  (max-width: 768px){
	.indexSlideArrow i{ display:none;}
	#indexSlideBtn{ bottom: 0;}
	#indexLeftSlide{ display: none;}
	#indexRightSlide{ display: none;}
}

/*** button style ***/
.button {
 -webkit-appearance:none;
 -moz-appearance:none;
 position:relative;
 text-align:center;
 display:inline-block;
 font-family: "SamimBold";
 font-size: 14px;
 background-color:transparent;
 color:#fff;
 padding:5px 15px;
 margin-top: 15px;
 border-radius: 10px;
}

.buttonfx {
 box-shadow:3px 3px 0 #97ffa3;
 position:relative;
 cursor:pointer;
 overflow:hidden;
 transition:all .5s;
 z-index:1;
}
.buttonfx:after,
.buttonfx:before {
 content:'';
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
 height:100%;
 background:#178763;
 z-index:-1;
 transform:translate3D(0,-100%,0);
 transition:all .5s;
 border-radius: 10px;
}
.buttonfx:before {
 background:#1ca278;
 z-index:-2;
 transform:translate3D(0,0,0)
}

@media only screen and (min-width: 769px){
	.buttonfx:hover {
	/* color:#fff;*/
		box-shadow:3px 3px 0 #97ffde
	}
	.buttonfx:hover:after {
	transform:translate3D(0,0,0);
	transition:all .5s
	}
	.angleinleft:hover:after {
	transform:rotate(0);
	transition:all .5s
	}
	.bouncein:hover:after,
	.bouncein:hover:before {
	transition-timing-function:cubic-bezier(.52,1.64,.37,.66)!important
	}	   
}

.angleinleft:after {
 width:200%;
 transform-origin:0 bottom;
 transform:translate3D(-50%,0,0) rotate(-50deg)
}
/*** button style ***/

/* ********************************* carousel ********************************** */
.team-item{ direction: rtl; position: relative;}
.team-item:hover img{ transform: scale(1.1,1.1);}
.carousel{ 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;}

.slick-dots{ direction: rtl; display: none !important;}
.team-members{
	margin-bottom: 0 !important;
	width: 1250px;
	display: flex;
	margin: 0 auto;
}

.team-item{
	cursor: grab;
	min-height: 395px !important;
	width: 231px !important;
	text-align: center;
	margin: 5px 10px !important;
	padding: 0 0 15px;
	background-color: #fff;
	border: 1px solid #E4E1E1;
	border-radius: 5px;
	transition: all linear 0.2s;
}
.team-item:hover{ box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);}
.team-item:hover .more{ background: #1ca278; color: #fff}
.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: inherit !important;
	margin: 15px auto;
}
.caro_info{ width: 100%; padding: 0 15px; margin: auto; position: absolute; bottom: 15px; left: 0; right: 0;}
.team-item-name{
	padding: 0 15px;
	text-align: right;
	font-size: 13px;
	line-height: 25px;
}
.team-item-name a{ color: #1B1B1B; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; font-family: SamimBold;}
.team-item-name a:hover{ color: #7A7A7A;}
.team-item-img{
	width: 100%;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	position: relative;
	transition: all linear .2s;
	overflow: hidden;
}
.team-item-img img{ width: 100%; margin: auto; border-radius: 10px 1px 0 0; display: block; transition: all linear .2s;}
.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);
}
@media only screen and (max-width: 1300px){
	.team-members{ width: 750px !important;}
}
@media only screen and (max-width: 1024px){
	.team-item:hover img { transform: scale(1);}
}
@media only screen and (max-width: 850px){
	.team-members{
		width: 370px !important;
	}
	.team-item-name { font-size: 16px; line-height: 30px;}
}
@media only screen and (max-width: 450px){
	.team-members{
		width: 270px !important;
	}
}
.team-members .slick-prev:before {
    content: "\f053" !important;
	font-family:"Font Awesome\ 5 Free"; 
	font-weight:900;
    font-size: 20px;
	color: #333;
}
.team-members .slick-next:before {
    content:"\f054";
	font-family:"Font Awesome\ 5 Free"; 
	font-weight:900;
    font-size: 20px;
	color: #333;
}
.slick-arrow{
	height: 200px;
}

/***** Popular categories ****/
#pop_cat{ position: relative;}
#pop_cat .pop_box{ align-items: stretch;}
#pop_cat .pop_box a{ width: calc(14.2% - 18px); margin: 0 0 30px 22px; text-align: center; display: block; border: 5px solid white;
    border-radius: 10px;}  
#pop_cat .pop_box a:last-child, #pop_cat .pop_box a:nth-child(7n){ margin-left: 0;}
#pop_cat .pop_box a:hover img{ transform: Scale(1.2);}
#pop_cat .pop_box a:hover b{ color: #7A7A7A;}
#pop_cat .pop_box img{ width: 100%; max-width: 154px; padding: 20px; border-radius: 5px; display: block; transition: all linear 0.2s;}
#pop_cat .pop_box a b{ color: #000; font-family: "samimBold"; font-size: 14px; line-height: 28px; text-align: center; display: block; transition: all linear 0.2s;}
#pop_cat .pop_box a span{ background: #faf0ef; border-radius: 5px; overflow: hidden; display: inline-block;}
#pop_cat .z_in{ background: transparent;}
@media only screen and (max-width: 1024px){
	#pop_cat .pop_box{ flex-wrap: nowrap; overflow-x: auto;}
	#pop_cat .pop_box a{ min-width: 125px; max-width: 125px; width: 100%;}
	/* Hide scrollbar for Chrome, Safari and Opera */
	.pop_box::-webkit-scrollbar { display: none;}
	/* Hide scrollbar for IE, Edge and Firefox */
	.pop_box{ -ms-overflow-style: none;  /* IE and Edge */  scrollbar-width: none;  /* Firefox */} 
}

/**** New Puppy or Kitten? ****/
#fortop.new_puppy .pup_box > div a.flexbox{ background-image: linear-gradient(to right top, #ffffff, #fdf5fc, #ffeaf1, #ffe0dd, #ffd9c5); border:10px solid white}/*background: #ccdfff !important;*/
.new_puppy{ margin: 18px 0;}
.new_puppy .pup_box > div{ width: Calc(50% - 10px); position: relative;}
.new_puppy .pup_box > div:first-child{ margin-left: 20px;}
.new_puppy .pup_box > div.deactive{ filter: grayscale(100%);}
.new_puppy .pup_box > div.deactive:after{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.new_puppy .pup_box > div.deactive::before{ content: "به زودی..."; margin: auto; color: #fff; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; font-family: "SamimBold"; font-size: 28px; line-height: 35px; text-shadow: 0px 1px 2px #333; z-index: 10;}
.new_puppy .pup_box > div a.flexbox{ padding: 15px 20px 15px; background: #f9dabe; color: #333; font-family: "SamimBold"; border-radius: 10px; overflow: hidden; align-items: center; flex-direction: row-reverse;}
.new_puppy .pup_box > div.deactive a.flexbox{ opacity: 0.5; border: none !important; border-radius: 0; }
.pup_box h3{ font-size: 22px; line-height: 38px; text-align: right;}
.pup_box h3 i{color:#eb7154;}
.pup_box > div a > img{ max-width: 170px; margin-right: auto; display: block; position: absolute; right: -45px; bottom: -10px;}
.pup_box > div a > div{ width: 100%;}
.pup_box .lnk{ margin-top: 10px; color: #000; font-family: "SamimBold"; text-align: center; display: block;}
.pup_box .lnk:hover{ color: #012a53;}
@media only screen and (max-width: 768px){
	.new_puppy .pup_box > div{ width: 100%;}
	.new_puppy .pup_box > div:first-child{ margin: 0 0 20px;}
	#fortop{ margin-top: 25px;}
}
@media only screen and (max-width: 450px){
	.new_puppy .pup_box > div a.flexbox{ padding: 15px 10px 15px;}
	.pup_box > div a > div{ width: 100%;}
	.pup_box h3{ text-align: left;}
	.pup_box img{ margin: auto auto 15px;}
}


/*** left and right box ***/
.twobox.left_dir{ flex-direction: row-reverse;}
.twobox{ align-items: flex-start;}
.twobox > div{ width: 50%; font-family: samim;}
.twobox h2{ margin-bottom: 20px; font-family: "SamimBold"; font-size: 22px; line-height: 35px;}
.twobox .right{ height: 410px; background-size: cover !important; background-repeat: no-repeat; border-radius: 10px;}
.twobox .left{ padding: 20px 20px 50px; position: relative;}
.twobox .left .back_top{ width: 55px; height: 55px; line-height: 50px; margin-right: 15px; background: #fff; color: #ff5c01; position: absolute; bottom: -10px; left: 20px; font-size: 17px; text-align: center; border-radius: 50% 50% 0 0; transition: all linear 0.2s;}
.twobox .left .back_top:hover{ line-height: 30px;}
.twobox.left_dir .left .back_top{ left: inherit; right: 0;}
.twobox .more{ max-width: 300px; width: 100% !important;}
#clinic .twobox{ margin-bottom: 30px;}
#clinic .twobox > div{ width: 67%;}
#clinic .twobox .right{ width: Calc(33% - 10px); margin-left: 10px; border-radius: 0 10px 10px 0;}
#clinic .twobox .left{ max-width: inherit; min-height: 410px; margin: 0 !important; background: #f4f4f4; border-radius: 10px 0 0 10px;}
#clinic .twobox .left > h3:nth-of-type(1){ margin-top: 0;}
#clinic .twobox h2{ position: relative; right: -70px;}
#clinic .twobox h2 span{ padding: 5px 10px; background: #000; color: #fff; border-radius: 10px; border: 5px solid #fff; box-shadow: 1px 1px 1px gray; display: inline-block;}
#clinic .twobox.left_dir .right{ margin: 0 10px 0 0; border-radius: 10px 0 0 10px;}
#clinic .twobox.left_dir .left{ border-radius: 0 10px 10px 0;}
#clinic .twobox.left_dir h2{ left: -70px; right: inherit; text-align: left;}

@media only screen and (max-width: 900px){ 
	.twobox > div,#clinic .twobox > div{ width: 100% !important;}
	#clinic .twobox .right{ max-width: 400px !important; border-radius: 10px 10px 0 0 !important; margin: 0 auto 10px !important;}
	#clinic .twobox .left{ height: auto !important; padding-top: 0; border-radius:  0 0 10px 10px !important;}
	#clinic .twobox h2{ left: inherit !important; right: inherit !important; top: -35px; text-align: center!important;}
	.twobox .left .back_top{ left: 20px !important; right: inherit !important;}
}
@media only screen and (max-width: 500px){ 
	.twobox .more{ max-width: Calc(100% - 40px);}
}


/***** tabaghebandi *****/
#orderby{ padding: 50px 0; margin-bottom: 50px; background: #1c49c2;}
#orderby .title{ color: #fff;}
#orderby .no_effect_3{ width: 100% !important;}
#orderby .no_effect_1 .slick-track,#orderby .no_effect_3 .slick-track{ justify-content: flex-start;}
#orderby .carousel{ margin:0;}
#orderby .team-item{ width: 154px !important; min-height: max-content !important; padding: 0 !important; margin: 5px 11px !important; background: transparent; border: none;}
#orderby .team-item-img{ margin: 0 !important; color: #fff; display: block;}
#orderby .team-item-img img{ border-radius: 100%;}
#orderby .team-members .slick-prev::before, #orderby .team-members .slick-next::before{ color: #fff; font-size: 30px;}
#orderby .slick-arrow{ width: 50px; height: 100%; z-index: 10;}
#orderby .slick-prev { left: -32px;}
#orderby .slick-next { right: -32px;}
#orderby .team-item-img > span{ border-radius: 100%; overflow: hidden; display: inline-block;}
#orderby .team-item:hover{ box-shadow: none;}
#orderby .team-item-img h3{ margin-top: 10px; font-size: 17px; line-height: 28px; transition: all linear 0.2s;}
#orderby .team-item-img:hover h3{ opacity: 0.7;}
#orderby .slick-dots{display: none !important;}
@media only screen and (max-width:850px){
	#orderby .team-members { width: Calc(100% - 60px);}
}
/**** tabaghebandi ****/

/***** brand *****/
#brand{ margin: 50px 0 80px;} 
#brand .carousel{ margin: 20px 0;}
#brand .team-item{ width: 154px !important; min-height: max-content !important; padding: 5px !important; margin: 5px 11px !important;}
#brand .team-item-img{ margin: 0 !important;}
#brand .team-members .slick-prev::before, #brand .team-members .slick-next::before{ color: #333; font-size: 30px;}
#brand .slick-arrow{ width: 50px; z-index: 10;}
#brand .slick-prev { left: -32px;}
#brand .slick-next { right: -32px;}
#brand .slick-dots{display: none !important;}
@media only screen and (max-width:850px){
	#brand .team-members { width: Calc(100% - 60px);}
}
/**** brand ****/

/**** offer ****/
#offer{ padding: 30px 0 80px; position: relative;}/* border-top: 1px solid gray;*/
#offer.breed{ padding: 0; margin: 60px 0;} 
#offer .team-members{ width: inherit;}
#offer .team-item{ width: 231px !important; padding-bottom: 60px; margin: 5px 10px !important; border-radius: 10px; overflow: hidden;}
#offer .team-item.padd_disc{ padding-bottom: 130px;}
#offer .button{ width: 100%; margin: 10px auto auto;}
#offer .slick-arrow{  z-index: 10;}
#offer .slick-arrow::before{ width: 30px; height: 30px; margin: auto; background: #f4f4f4; text-align: center; line-height: 30px; border-radius: 100%; display: block; }
#offer .slick-prev, #offer .slick-next{ height: 100%; width: 45px;}
#offer .slick-next{ right: -45px;}
#offer .slick-prev{ left: -45px;}
#offer .team-item-img{ min-height: 215px;}
#offer .team-item-img img{ max-height: 205px; width: auto;}
#offer.pro_pg{ position: relative; padding: 0; margin-bottom: 50px !important;}
#offer.cat_offer{ padding: 60px 0 100px; margin: 60px 0; background: #373737; position: relative;}
.cat_offer .h_sub{ color: #fff; direction: rtl; position: relative;}
.cat_offer .img_pro{ top: -90px; right: -47px; display: inline-block; vertical-align: bottom;}
.bg_color2 #offer{ padding-top: 60px;}
.bg_color2{ margin-bottom: 60px; background-image: linear-gradient(to left bottom, #ccdfff, #dde6ff, #eaeeff, #f6f6ff, #ffffff);}
.new_style #offer .team-item { margin: 0 !important; border-radius: 0;}
.new_style .team-item-img img{ border-radius: 0;}
.new_style .team-item{ box-shadow: none; border: none; border-left: 1px solid #f4f4f4;}
.new_style .team-members{ border-radius: 10px; overflow: hidden;}
.new_style #offer .slick-next{ right: 5px;}
.new_style #offer .slick-prev{ left: 5px;}
.new_style #offer .slick-arrow::before{	width: 45px; height: 45px; line-height: 45px; transition: all linear 0.2s;}
.bg_color2 .sub_line::after{ content: ""; width: calc(100% - 260px); left: 0;}
.bg_color2 .sub_line span{ background: transparent;}

.percent{ width: 26px; height: 26px; line-height: 26px; color: #ff5c01; font-size: 17px; text-align: center; border-radius: 100%; position: absolute; top: 5px; right: 5px; display: inline-block; z-index: 10;}
.cost_box{ width: 100%; height: 60px; display: flex; align-items: center; flex-wrap: wrap; margin-top: 8px;}
.discount{ width: 100%; justify-content: center;}
.discount .text_gray{ color:gray; text-decoration: line-through; text-decoration-thickness: 2px;}
.discount span{ width: 32px; height: 32px; line-height: 32px; margin-right: 3px; font-size: 12px; text-align: center; background: #ff5c01; color: #fff; border-radius: 100%; display: inline-block; }
.discount i{font-size: 8px;}
.cost{ width: 100%; text-align: center; font-size: 16px; font-family:"SamimBold"; color: #333;}
.cost i{ vertical-align: middle; color: #ff5c01; font-size: 19px;}
.ex_bg{ width: 100%; height: 80px; position: absolute; top: 0; z-index: 10;}
.ex_bg1{ width: 100%; height: 57px; position: absolute; top: -57px; z-index: 10;}
.z_in{ padding-top:15px; background: #fff; position: relative; border-radius:10px; z-index: 15;}
.res_width{ width: calc(100% - 30px);}
.bcolor1{ background: #f6c8f5;}
.bcolor2{ background: #f1d4c4;}
.offer_bg{ background:#f6c8f5; padding-bottom:15px !important; padding-top: 5px !important;}
@media only screen and (max-width: 1300px){
	#offer .team-item{ width: 248px !important; min-height: 415px !important;}
	.new_style #offer .team-item{ width: 250px !important;}
	#offer .team-item-img{ min-height: 247px;}
}
@media only screen and (max-width: 450px){
	#offer .team-item{ width: 266px !important; min-height: 440px !important;}
	#offer .team-item-img{ min-height: 265px;}
	.new_style #offer .team-item{ width: 270px !important;}
}
/**** offer ****/

/************************ search *************************/
#navigator{ padding: 5px 0 5px 0; color:#666; font-size:11px;}
#navigator i{ padding:0 5px; color:#9c9c9c; font-size: 12px; position: relative; top: 1px; text-shadow:none;}
#navigator a{ color:#1b1b1b; transition:all linear 0.3s;}
#navigator a:hover{ color: #717171 !important; text-shadow: none;}
#navigator.mainbox{ background:transparent; box-shadow:none; border:none;}

#head_panel{ background: #f4f4f4; padding: 10px 0 15px;}
#head_panel h1{ margin: 0 0 30px;  font-family: "SamimBold"; font-size: 26px; line-height: 38px; display: block;}
#head_panel h1 span{ color: gray;}

#p_form{ max-width: 350px; height: 40px; position: relative;}
#p_form input{ width: 100%; height: 100%; padding: 0 20px 0 50px; color: #333; font-size: 16px; border: 1px solid #807fa3; border-radius: 10px; font-family: "Samim"; transition: all linear 0.3s;}
#p_form button{ width: 55px; font-family: "SamimBold"; font-size: 19px; color:  rgba(49,81,80,1.00); height: 100%; text-align: center; padding: 0; background: transparent; position: absolute; left: 0; top: 0; border: none; transition: all linear 0.2s;}
#p_form button i{ position: relative; top: 2px; color: #a8a9ac;}
#p_form button:hover i{ color: #253367;}

.s_result{ padding: 30px 0; color: rgba(29,28,77,1.00); font-size: 18px; font-family: "SamimBold";}
.s_result i{font-size: 25px; color: rgb(255, 196, 60); }
#p_search .latest{ margin: 20px 0;}
.find_rec{ font-family: "SamimBold"; font-size: 18px;}
.find_rec i{ color: #ff5c01; font-size: 22px;}

.latest{ margin: 90px 0;}
.latest .main{ max-width: 1400px;}
.latest .items{ width: Calc(20% - 8px); padding: 10px 10px 65px; margin: 0 0 10px 10px; position: relative; border: 1px solid #ddd; border-radius: 5px; transition: all linear 0.2s}
.latest .items:last-child, .latest .items:nth-child(5n){ margin-left: 0;}
.latest .item_img{ min-height: 166px; margin-bottom: 10px; overflow: hidden; display: block;}
.latest .items img{ max-height: 200px; margin: auto; display: block; transition: all linear 0.2s;}
.latest .items:hover img{ transform: scale(1.1,1.1);}
.latest .items h3 a{ color:#1b1b1b; font-size: 13px; line-height: 25px; display: block;}
.latest .items h3 a:hover{ color: #2474ab;}
.latest .items .more{ width: auto; margin: 5px auto 0 0; position: absolute; left: 10px; right: 10px; bottom: 10px;}
.latest .items:hover .more{ background: #1ca278; color: #fff}

.latest .items .percent{ top: 10px; right: 10px;}
.costbox{ align-items: center;}
.costbox .cost{ font-family: "SamimBold"; text-align: left;}
@media only screen and (max-width:1100px){
	.latest .all_items{ max-width: 760px; margin: auto;}
	.latest .items{ width: Calc(50% - 10px); padding: 10px 10px 75px; margin: 0 0 20px 20px;} 
	.latest .items:nth-child(5n){ margin-left: 20px;}
	.latest .items:nth-child(2n){ margin-left: 0;}
	.latest .items:nth-last-child(1){ margin-bottom: 0;}
	.latest .item_img{ min-height: 280px;}
}
@media only screen and (max-width:1024px){
	.latest .items{ box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);}
	.latest .items h3 a:hover{ color: #1b1b1b;}
	.latest .items:hover img{ transform: scale(1);}
}
@media only screen and (max-width:600px){
	.latest .all_items{ max-width: 370px; margin: auto;}
	.latest .items{ width: 100%; margin: 0 0 20px !important;} 
	.latest .items:nth-last-child(1){ margin-bottom: 0 !important;}
	.latest .item_img{ min-height: auto;}
}

#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; margin-bottom: 3px; background: #eee; color: #333; font-size: 16px; font-family: "SamimBold"; 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_paging.p_phone{ display: none;}
@media only screen and  (max-width: 768px){
	#s_paging.p_phone{ display: block;}
	#s_paging.p_list{ margin: 0 0 15px;}
	#s_paging{ display: flex !important; justify-content: center;}
	#s_paging ul{ display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: visible;}
	#s_paging ul li{ min-width: 40px; margin-bottom: 0;}
}

#co_supp{ margin: 0px 0 60px;}
#co_supp > .flexbox{ justify-content: center; align-items: stretch;}
#co_supp > .flexbox > div{ width: calc(33.33% - 4px); padding: 25px 8px; margin-left: 5px; background: #f5f5f5; text-align: center; border-radius: 10px;}
#co_supp > .flexbox > div:last-child{ margin-left: 0;}
#co_supp > .flexbox > div i{ margin-bottom: 4px; font-size: 40px; display: block; color: #343747;}
#co_supp b { font-size: 14px; line-height: 22px; display: inline-block;}
@media only screen and  (max-width: 768px){
	#co_supp > .flexbox > div{ width: Calc(50% - 2.5px); margin: 0 0 5px 5px;}
	#co_supp > .flexbox > div:nth-child(2n){ margin-left: 0;}
}
@media only screen and  (max-width: 420px){
	#co_supp > .flexbox > div{ width: 100%; margin: 0 0 5px;}
}

/*** txt seo **/
.titlebox{ margin-bottom: 35px; text-align: center;}
.titlebox i{ width: 35px; padding: 0 5px; margin: auto; font-size: 19px; position: absolute; left: 0; right: 0; top: -10px;}
.titlebox b{ width: 50px; height: 10px; margin: auto; background: #fff; position: absolute; top: -4px; left: 0; right: 0; display: block;}
.titlebox span{ height: 1px; width: 120px; margin: 20px auto auto; background: #ddd; display: block; position: relative;}
.t_title{ font-family: "SamimBold"; font-size: 18px; line-height: 38px; text-align: center;}
#seo_txt{ padding: 0 0 50px;}
#seo_txt a{ color: #eee; }
#seo_txt a:hover{ opacity: 0.7;}
#seo_txt .txt{ font-size: 14px; line-height: 26px;}
#seo_txt .titlebox i{ color: #ff5c01;}

/******************************* order ******************************/
#order_head{ padding: 25px 15px 35px; background: #373737; border:10px solid #eeeff1;}
#order_head .flexbox{ justify-content: center;}
#order_head img{ width: 80px; display: block;}
#order_head #level{ width: 100%; margin: auto;}

#level{ max-width: 100%; width: 100%; padding: 30px 0 0; margin: auto; font-size: 0;}
#level li{ width: Calc(20% + 5px); height: 10px; border-radius: 20px; background: #4b4b4b21; color: #999; font-size: 13px; font-family: "SamimBold"; display: inline-block; position: relative; vertical-align: top;}
#level.lvl2 li{ background: #ececec21;}
#level li span{ width: 40px; height: 25px; line-height: 32px; background: #fff; position: absolute; top: -11px; right: -2px;  text-align: center; display: inline-block;} 
#level li b{ color: gray; width: 100px; margin-top: 15px; line-height: 20px; position: relative; left: 32px; text-align: center; display: inline-block;}
#level li.active{ background-image: linear-gradient(90deg, #ff5c01 0%, #ffa270 68%); color: #333;}
#level li.active span{ background: #373737; color: #f1f1f3; font-size: 23px;}
#level li.active2 span{ font-size: 23px;}
#level li:first-child{ width: Calc(20% - 20px);}
#level li:last-child{ width: 0; background: none; white-space: nowrap;}
#level.lvl2 li span{ background: #373737;}
#level.lvl2 li b{ color: #f0f0f0;}

@media only screen and (max-width:768px){
	#level li b{ width: 77px; font-size: 11px; left: 19px;}
}
@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; border-radius: 5px;}
.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: 0 5px 0 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: "SamimBold"; display: block;}
.bg_gray > .flexbox > div .sub_top b{ color: red; font-size: 12px; 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%; height: 80px; 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 > .w100{ width: 100%; display: block;}
#send_time{ margin: 20px 0 0;}
#send_time .more{ margin-bottom: 0;}
#hidetime{ display: none;}
#hidetime .text{ font-size: 15px;}
#hidetime .text i{ margin-left: 5px; color: #eee;}
#citySectionLegal{ height: 40px; font-size: 14px; display: flex; align-items: center;}

#sending > div{ margin: 0 0 20px 15px;}
#sending .gray{ color: #999; font-size: 12px; line-height: 23px;}
#sending .interval label{ width: 130px; padding: 10px; margin: 0 0 3px 3px; border: 2px solid #eee; border-radius: 5px; cursor: pointer; position: relative;}
#sending .interval label.active{ border-color: #ff8c4e; background: #fff4ee;}
#sending input[type="radio"]{ position: absolute; visibility: hidden; opacity: 0;}
@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;}
}
@media only screen and (max-width:500px){
	.bg_gray > #part_bt button{ width: 100%;}
}

/**payment method**/
#method{ margin: 20px 0 0;}
#method label{ max-width: max-content; padding: 10px; margin: 0 0 10px; border: 2px solid #eee; border-radius: 5px; cursor: pointer; display: block;}
#method label.active{ border-color: #ff5c01; background: #F3F3F3;}
#method label span{ font-size: 12px; line-height: 24px; color: gray;}

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

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

#freeze_order{ margin: 30px 0 60px 0;}
#box_right{ width: Calc(100% - 320px); padding: 20px; border: 4px solid #f4f4f4; border-radius: 5px; 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;}
.no_login{ max-width: max-content; padding: 5px 10px; margin-bottom: 30px; background: #373737; color: #efefef; border-radius: 5px;}
.no_login .more{ margin: 5px; background: #ff5c01; color: #1b1b1b; border: none !important;}
.no_login .more:hover{ opacity: 0.7;}
.h2_title{ margin-bottom: 20px; font-family: "SamimBold"; font-size: 23px; line-height: 35px;} 
.h2_title i{ color: #ff5c01; font-size: 22px;}
#box_right .h2_title{ margin: 40px 0 10px;}

#freeze:after, #freeze_order form:after{ content: ""; clear: both; display: block;}
#left_freeze, #l_freeze{ width: 300px; margin-right: 20px; padding: 15px; background: #F3F3F3; border-radius: 10px; float: left;}
#left_freeze .cost_num, #l_freeze .cost_num{ padding-bottom: 3px; color: rgba(37,37,37,1.00); font-size: 14px; border-bottom: 1px solid #ddd;}
#left_freeze .off_cost, #l_freeze .off_cost{ color: #ff5c01;}
.sending.for_u,.for_u2{ padding: 0 3px; background: rgb(255, 233, 233); color: #ff5c01; font-family: "samimBold";}
.send_snapp{ max-width: max-content; padding: 5px; margin-bottom: 15px; background: rgb(255, 233, 233); border: 1px solid rgb(255, 210, 210);; border-radius: 5px; font-size: 13px; display: none;}
.send_snapp i{ margin-left: 5px; color: #ff5c01; transform: scaleX(-1);}
.mrg_right{ margin-right: auto;}
.off_code,.off_wallet,.free,.off_cashback { color: #ff5c01 !important;}
#left_freeze .costbox, #l_freeze .costbox{ padding-top: 10px; font-family: "SamimBold"; font-size: 14px;}
#left_freeze .costbox .price, #l_freeze .costbox .price{ margin-right: auto;}
#left_freeze .more, #l_freeze .more{ width: 100%; margin-bottom: 0; background:#1ca278; color: #fff; border-color:#1ca278; text-shadow: 1px 1px 1px #333;}
#left_freeze .more i, #l_freeze .more i{ position: relative; top: 2px;}
#left_freeze .more:hover, #l_freeze .more:hover{ background:#1e8f6b;}
#fix_cost .fix_price{ display: none;}
.wall_txt{ padding-top: 8px; margin-top: 5px; font-size: 12px; line-height: 20px; border-top: 1px solid #ddd; text-align: center;}
.wall_txt span{ color: #ff5c01;}
.send_txt{ font-size: 12px; line-height: 20px; color: gray;}
.per_txt{ font-family: samim; font-size:10px; color: gray;}
.go_bank{ width: 80%;margin: auto;font-size: 25px;color: #d35757;text-align: center;margin-top: 50px;font-family: "SamimBold";padding: 20px;}
.price_off{ max-width: 350px; margin-top: 10px;}
.price_off input{ width: Calc(100% - 80px); height: 35px; padding: 5px; background: rgb(255, 233, 233); border: 1px dashed #ff5c01 !important; border-radius: 10px;}
.price_off #count_off{ width: 75px; margin-right: auto; height: 35px; line-height: 35px; background: #ff5c01; color: #fff; font-size: 14px; text-align: center; border-radius: 10px; display: inline-block; cursor: pointer; transition: all linear 0.2s;}
.price_off #count_off:hover{ opacity: 0.7;}
@media only screen and (max-width:700px){
	.price_off { max-width: 100%;}
	.price_off input{ width: Calc(100% - 110px); height: 50px;}
	.price_off #count_off{ width: 100px; height: 50px; line-height: 50px;}
}


/* wallet */
.pay_type .c_label{ margin: 10px 0; padding: 8px; background: #fff; color: #999; font-size: 14px; position: relative; border: 2px solid transparent; border-radius: 5px; display: block; cursor: pointer;}
.pay_type .c_label.active{ border-color: #0f8f77; color: #333;}
.pay_type .c_label.active img,.pay_type .c_label.active i{ opacity: 1 !important;}

.pay_type .c_label input{ width: 18px; height: 18px; position: absolute; right: -9px; top: 50%; border: 2px solid #eeeff1; transform: translateY(-50%);}
.pay_type .c_label i{ width: 30px; color: #ff5c01; font-size: 20px; vertical-align: middle; opacity: 0.5;}
.pay_type .c_label i.fa-wallet{ color: #30a4dd;}
.pay_type .for_flex > div{ width: Calc(100% - 87px); margin-left: auto;}
.pay_type .for_flex.wallet > div{ width: Calc(100% - 73px);}
.pay_type .for_flex b{ display: block;}
.pay_type .for_flex span{ font-size: 13px; line-height: 20px; display: block;}
.pay_type .for_flex img{ max-width: 40px; width: 100%; margin-left: 5px; display: block; opacity: 0.5;}

/** swich input **/
.switch2 {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 20px;
}

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

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

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

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


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

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

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


#cart_box{ width: Calc(100% - 320px);  float: right;}
#cart_box .inside_cart{ padding: 20px; background: #f3f3f3; border-radius: 15px;}
#cart_box .cart_item{ padding-bottom: 10px; margin-bottom: 10px; align-items: stretch; border-bottom: 1px dashed #ddd;}  
#cart_box .cart_item:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
#cart_box .cart_item .pointing{ align-items: flex-end;}
#cart_box .cart_img{ width: 120px;}
#cart_box .cart_img img{ width: 100%; display: block; transition: all linear 0.2s;}
#cart_box .cart_img img:hover{ opacity: 0.7;}
#cart_box .cart_info{ width: calc(100% - 120px); padding: 0 30px 0 0;}
#cart_box .cart_info h3{ margin-bottom: 7px; color: #333; font-size: 17px; line-height: 28px; font-family: "SamimBold";}
.cart_cost{ margin-right: auto; text-align: left;}
.cart_cost .cost_pro{ font-size: 17px; font-family: "SamimBold";}
.cart_cost .cost_pro b,.toman{ font-size: 12px; font-family: "Samim";}
.for_u .toman,.for_u2 .toman{ font-family: "samimBold";}
.cart_cost .cart_off{ margin-bottom: 5px; color: #ff5c01; font-size: 12px;}
.cart_cost .cart_off span{ width: 38px; 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;}
.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;}
.labels{ color: #fff; font-size: 12px; text-align: left; position: absolute; left: 10px; top: 30px; display: block; z-index: 10;}
.labels b{ padding: 0 8px; margin-bottom: 3px; color: #333; border: 1px solid #333; border-radius: 10px; display: inline-block;}
.expire{ padding: 3px 6px; background: #ff5c01; color: #fff; position: absolute; left: 10px; bottom: 31px; font-size: 13px; line-height: 23px; text-shadow: 0 0 1px #333; border-radius: 5px; display: inline-block; z-index: 10;}
/*
.labels .offer{ background: #333;}
.labels .popular{ background: #333;}
*/
@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: #effffa; 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: "SamimBold"; text-align: left; display: block;}
	.fix_price .p_sub{ color: gray; font-size: 12px; font-family: "samim";}
	#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;}
	#fix_on.gap_bt{ bottom: 85px;}
	.pro_fixon{bottom: 83px !important;}
	.pro_fixon2{bottom: 77px !important;}
}
@media only screen and (max-width: 550px){
	.pointing{ margin-top: 15px; display: block;}
	.pointing .cart_cost{ margin: 10px 0 0; text-align: right;}
	#cart_box .cart_info{ width: Calc(100% - 90px); padding: 0px 10px 0 0;}
	#cart_box .cart_img{ width: 90px;}
	#cart_box .cart_info h3{ font-size: 15px; line-height: 26px;}
	.cart_cost .cart_off{ margin-bottom: 0;}
	.cart_cost .cost_pro{ line-height: 17px;}
	.cart_cost .cost_pro span{ min-width: 55px; display: inline-block;}

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

/*** if empty ***/
.if_empty img{ width: 170px; margin: auto; display: block;}
.if_empty > div:first-child{ margin-left: 30px;}
.if_empty .more{ margin: auto;background: #ff5c01; border: none;}
.if_empty .more:hover{ opacity: 0.7;}
.if_empty .new_link{ margin-top: 5px; font-size: 14px;}
.if_empty .new_link a{ color: #11937c; font-family: "SamimBold";}
.if_empty .new_link a:hover{ opacity: 0.7;}
.if_empty .more i{ position: relative; top: 3px;}
@media only screen and (max-width:600px){
	.if_empty{ text-align: center; display: block;}
	.if_empty > div:first-child{ margin: 0 0 20px;}
}

/******* map order ********/
#back_cover{  width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 9999; cursor: pointer;}
#pop_map{ width: 100%; height: 100%; padding: 0 15px; background: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 10000;}
#pop_map > div{ height: 100%;}
#open_map{ margin-bottom: 7px;}
#open_map .plus{ width: max-content; padding: 2px 10px; background: #cd3030; color: #fff; font-size: 13px; text-shadow: 1px 1px 1px #444; border-radius: 5px; display: block; cursor: pointer; transition: all linear 0.2s;}
#open_map .plus:hover{ background: #d76819;}
#open_map .plus i{ position: relative; top: 1px;}
#open_map #iframe{ width: 100%; margin-bottom: 10px; display: none;}
#open_map #iframe iframe{ width: 100%; max-width: 210px; border: none; display: block;}
#open_map.edit_mode #iframe{ display: block;}

.check_map{ font-size: 13px; color: #1ca278; position: relative; top: 2px; display: none;}
.check_map i{ margin-right: 5px; font-size: 17px; display: inline-block; position: relative; top: 2px;}
.up_title{ padding: 0 0 10px 0; position: relative;}
.up_title b{ margin-left: auto; display: block;}
.up_title i.fa-times{ padding: 15px; font-size: 20px; cursor: pointer; position: absolute; left: -11px; top: -11px; transition: all linear 0.2s;}
.up_title i.fa-times:hover{ color: #999;}
/* .layout-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}
  */
.layout-container{ max-width: 700px; width: 100%; padding: 20px; margin: 10px auto 20px; background: #fff; border-radius: 15px; position: relative; z-index: 10000;}

@media (min-width: 768px) {
  .layout-container {
	flex-direction: row-reverse;
	align-items: flex-start;
	justify-content: center;
	gap: 40px;
  }

  .map-container {
	width: 100% !important;
	height: auto !important;
	flex-direction: column;
  }

  .info-fields {
	width: 300px;
	margin-top: 0 !important;
	text-align: right;
  }
}

.map-container {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#map {
  width: 100%;
  height: 280px;
}

.map-container.expanded #map {
  height: 400px;
}

#centerMarker {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  transform: translate(-50%, -100%);
  pointer-events: none;
}

#fullscreenBtn,
#locateBtn {
  position: absolute;
  z-index: 1000;
  background: white;
  border: 1px solid #ccc;
  border-radius: 6px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#fullscreenBtn {
  top: 10px;
  left: 10px;
  display: flex;
}

#locateBtn {
  top: 10px;
  right: 10px;
}

@media (min-width: 768px) {
  #fullscreenBtn {
	display: none !important;
  }
}

.confirm-btn {
  max-width: 150px;
  width: 100%;
  padding: 5px 0;
  margin: 15px auto 0;
  font-size: 16px;
  background-color: #cd3030;
  color: white;
  border: none;
  border-radius: 10px;
  text-align: center;
  text-shadow: 1px 1px 1px #333;
  cursor: pointer;
  transition: background-color 0.3s;
}

.confirm-btn:hover {
  background-color: #d76819;
}

#districtRow {
  display: none;
}

.info-fields {
  text-align: center;
  margin-top: 15px;
}

.info-fields input {
  width: 100%;
  margin-bottom: 10px;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

#openInGoogleBtn,
#openInWazeBtn,
#openInNeshanBtn {
  padding: 8px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin: 5px;
  color: white;
}
#openInBaladBtn {
  background-color: #6f42c1;
  padding: 8px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin: 5px;
  color: white;
}


@media (max-width: 767px) {
#fullscreenBtn {
top: auto;
bottom: 56px;
right: 10px;
left: auto;
display: flex !important;
}
#messageBox {
display: none !important;
}
}

/****** 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; color: #fff; margin: 0px auto 30px;z-index: 2;position: relative;max-width: max-content; font-family:"SamimBold";}
#go_login .top_course{ position: relative; overflow: hidden; flex-direction:row; align-items: flex-start;}
#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: #585858;/*background-image: linear-gradient(90deg, rgb(85, 85, 85) 0%, rgb(0, 0, 0) 68%);*/ 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; color: white;margin: 0;font-size: 13px; line-height:25px; display: inline-flex; align-items: center;justify-content: center;transition: all linear 0.2s; border-bottom-left-radius: 50px;border-top-left-radius: 50px;}
#go_login .lnk_sit a i{margin-left: 4px;font-size: 17px;}
#go_login .lnk_sit a:hover{background: #ffffff47}
#go_login .lnk_pos{ position: absolute; right: 0; bottom: 20px;}
#go_login .top_course .picbox > div.login{ padding-top: 20px;}
#go_login .pico{min-height: 100vh!important;align-items: center;}
#go_login .pico .login{margin: auto;}

#go_login #bgbg{ position: relative; width: Calc(100% - 700px); height: 100vh;background-color: #373737; background-size: cover !important; background-position: 50% 50%;}
#bgbg > img{position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; width: 230px;}
#go_login > img{position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0;}
@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;} 	
	#go_login #bgbg{ display: none;}
}

#cer-ind #course_step{ max-width:600px; padding: 0; justify-content: center; list-style:none;color: white; font-size:0; text-align:center; margin:auto; display:flex; display:-webkit-flex; display:-ms-flexbox;}
#cer-ind #course_step li{ height: 60px; margin:5px 0px 5px; padding:15px 18px; position:relative; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items:center;}
#cer-ind #course_step li:nth-child(1){ background:#ff9356; border-radius: 0 30px 30px 0;}
#cer-ind #course_step li:nth-child(1):after{ border-right: 12px solid #ff9356;}
#cer-ind #course_step li:nth-child(2){ background:#ff6f1c;}
#cer-ind #course_step li:nth-child(2):after{ border-right: 12px solid #ff6f1c;}
#cer-ind #course_step li:nth-child(3){ background:#eb5200; border-radius: 30px 0 0 30px;}
#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; font-family:"SamimBold"; display:block; position:relative; top:5px;}
#cer-ind #course_step li .SelectCourse{ font-size:15px; line-height:25px; text-align:right; display:block;}
#cer-ind #course_step li div{display: flex;margin: auto;text-align: right;justify-content: center; align-items:center;}
.btn-grn { background: #1ca278; color: white; border: 1px solid #1ca278; border-radius: 5px; margin: 10px 0 10px; font-size:16px; transition: all .2s; height: 45px; width: 250px;}
.btn-grn:hover { opacity: 0.7;}
@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:nth-child(1){ border-radius: 5px 5px 0 0;}
	#cer-ind #course_step li:nth-child(3){ border-radius: 0 0 5px 5px;}
	#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 #ff9356;}
	#cer-ind #course_step li:nth-child(2):after{ border-top: 10px solid #ff9356;}
	#cer-ind #course_step li span{ display:inline-block !important;}
	/* #cer-ind #course_step li{padding: 20px 10px;} */
	#cer-ind #course_step li div{justify-content: center;}
	#cer-ind #course_step li .SelectCourse{ font-size:20px; line-height:32px;}
}

.box-phone{ max-width:100%; width:100%; height: auto; min-height: 231px; background: rgba(193, 206, 204,.1);display: flex;flex-direction: column;align-items: center;margin:5px 0px 50px;border-radius: 5px;justify-content: space-around;padding:20px;}
.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: #031855;text-align:center;font-family: "SamimBold"; line-height:28px;}
.error-style{ display: flex;align-items:center;justify-content: center; margin: 10px auto 15px; border-radius:10px; background:#fff; padding:7px 10px; max-width:600px; width:Calc(100% - 20px);}
.cng-mobile { color: #a8fbff; border-bottom: 1px dashed #a8fbff; font-size: 12px;}
#input-phone{ border: 1px solid #ddd; height: 45px;width: 250px;margin: 20px 0 0;background: #ddd;letter-spacing: 8px;font-size: 23px; padding: 0 10px;border-radius: 5px;}
#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.5em 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 auto 20px; 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: #373737;border: 1px dashed #656565;border-radius: 5px;color: white;min-width: 200px; display: none; line-height:28px;}
.hligt { border-bottom: 1px dashed #f9dac2; color: #f9dac2; font-size: 15px;}
.pos_rel{ position: relative;}
@media only screen and (max-width: 1139px){
	.error-style{margin: 10px auto 35px;}
	.box-phone{margin: 15px auto 0;}
}
@media only screen and (max-width: 768px){
	#input-phone, .btn-grn{ height:55px; }
}
@media only screen and (max-width: 600px){
	.box-phone{width: 95%;}
}

#head_panel{ padding: 10px 0 25px;}
#head_panel h1{ margin: 0 0 20px;  font-family: "SamimBold"; font-size: 26px; line-height: 38px; display: block;}
#head_panel h1 span{ color: gray;}

/**** 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; padding: 0 10px; border-radius: 5px; 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; font-size: 18px; font-family:"SamimBold"; }
.top_mess i{ margin-left: 5px; color: #58ce76; font-size: 40px;}
.lnh_35{ line-height: 35px;}
.fsahel{ font-family: sahel;}
.a_color{ color: #0b9de3;}
.a_color1{ color: #2f608b;}
.font18{ font-size: 18px;}
.just_flex{ justify-content: center !important;}
.t_center{ text-align: center !important;}
.full_hgt{ height: Calc(100vh - 320px);}
.full_hgt1{ height: Calc(100vh - 295px);}
#mem_info{ margin: 60px 0;}
.your_cash{ max-width: max-content; padding: 5px 30px; margin: 30px 0; background: #ebfff2; color: #333; font-size: 16px; line-height: 28px; border: 2px solid #9cedb7; border-radius: 10px;}
.your_cash b{ color: #018201; font-size: 20px; line-height: 30px;}

.m_width{ margin: -10px 0 77px !important;}
.mem_column{ font-size:15px; line-height:27px; padding:20px; background: #f4f4f4; border: 1px dashed #ddd; border-radius: 5px;width: 100%; max-width: 1100px;}
.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:"SamimBold"; display:inline-block;}
.mem_column .flexbox > div .more{ margin: 0; }
.mem_column .flexbox > div > div{ padding: 5px 8px; margin-bottom: 8px; background: #fbfbfb; border-right: 2px solid #eee;}
.mem_column .more{ margin-bottom: 0;}
.mem_column .more i{ padding-right: 0; margin-bottom: 0;}
.mem_column iframe{ width: 100%; border: none; display: block;}
@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; font-size: 14px; 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: "SamimBold"; font-size: 15px; background: #f4f4f4;} 
#list_his tr:last-child td{ border-bottom: none;}
#list_his .more{ width: 100%; 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: "SamimBold";}
	#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: "وضعیت:";}
}

#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: 14px; display: inline-block;}
#date_filter ul select{ height: 40px; padding: 5px; border: 1px solid #eee; font-size: 14px;}
#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: 45px;}
}

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

/****** register *******/
.alert{margin: 0px auto 30px;color: #e3995a;padding: 10px 0;width: 95%;border-radius: 5px;background: #fff0cd1a;}
.not_01{background: rgb(255, 255, 255);padding-top: 10px;padding-bottom: 10px;width: 95%;margin:0 auto 30px;color: #ff6f1c;font-size: 17px;line-height: 40px;height: max-content; border-radius: 5px;}
.not_01 a{color:#1064ac;}
.wrong-code{color:red;font-size: 12px;margin-top: 5px;line-height: 18px}
.main_panel .wrong-code{ display: none !important;}
.correc-code{color:#008d0f;font-size: 12px;margin-top: 5px;line-height: 18px}


/*********** 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; border-radius: 5px;}

/*pish faktor css*/
#bpishfaktor{
    max-width:1100px;
    padding: 20px;
	background: #f4f4f4;
    line-height: 20px;
	font-family: "Samim";
    font-size: 17px;
	border:1px dashed #ddd;
	border-radius: 5px;
}
.dv_butt{ margin-top:20px; justify-content:center;}
.dv_butt .more{ width:160px; margin:3px;}
.dv_butt .more i{ padding:0 0 0 5px;}
@media only screen and  (max-width: 680px){
	.dv_butt{ display:block;}
	.dv_butt .more{ margin:8px auto; display:block;}
}
#bpish_head{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #bbb;
}
#bpishfaktor label{
    color: #2474ab;
	font-family: "SamimBold";
}
#bpish_head a{
    float: right;
}
#bpish_head img{ width:70px; display: block;}
#bpish_date{
    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: 14px;
	line-height:25px;
    vertical-align: middle;
    border: 1px solid #c2c2c2;
}
#bpish_buyer input{
    padding: 0 5px;
    font-size: 14px;
    background: #f6f6f6;
    border: 1px solid #C2C2C2;
}
#bpish_buyer tr:first-child td, #bpish_seller tr:first-child td:first-child{
    width: 70px;
    text-align: center;
	font-family: "SamimBold";
}
#bpish_seller .ltext a{ color:#1b1b1b;}
#bpish_seller td:nth-last-child(2){ width: auto;}
#bpish_buyer td:nth-last-child(2){ width: 190px;}
#bpish_buyer td:last-child,#bpish_seller td:last-child{
    width: 250px;
}
#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: 14px !important;
    font-family: sahelB !important;
}
#bpish_services td{
    text-align: center;
}
#bpish_services td:nth-child(2){
    text-align: right;
}
#bpish_services td:nth-child(1){
    width: 40px;
	text-align: center;
}
#bpish_services td a{ color: #2474ab;}
#bpish_services tr:first-child td:first-child{
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

#bpish_services.other_mod tr:nth-last-child(2) td,#bpish_services.other_mod td:nth-child(2){ text-align: center;}
#bpish_services.other_mod td:nth-child(3){ text-align: right;}
#bpish_services.other_mod tr:nth-last-child(2) td:first-child{ text-align: left; font-family: sahelB;}
.money{ margin-right: 3px; color: gray; font-size: 11px;}

#bpish_services tr:last-child td{
    background: #2474ab;
    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: #2474ab !important;
    background: transparent;
}
#bpish_services tr:last-child .money{ color: #2474ab;}
#maliat{
    display: none;
}
.w40{ width:40px;}
.Ared{color:#900!important;}.Anarenji{color:#FF5C26;}.Agreen{color:#390!important;}
@media only screen and  (max-width: 800px){
	#bpish_seller tr, #bpish_seller td, #bpish_buyer tr, #bpish_buyer td, #bpish_services tr, #bpish_services td{ width:100% !important; border-top:none !important; display:block;}
	#bpish_seller tr:first-child td:first-child, #bpish_buyer tr:first-child td:first-child{ background:#373737; color:#fff; font-family:"SamimBold"; text-align:center; border-color:#424141;}
	#bpish_services td{ text-align:right;}
	#bpish_services tr:first-child{ display:none;}
	#bpish_services tr td:before{ padding-left:4px; color:#2474ab; font-family: sahelB;}
	#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: #373737 !important;}
	
	#bpish_services.other_mod tr td:nth-child(2):before{ content:"شناسه کالا:";}
	#bpish_services.other_mod tr td:nth-child(3):before{ content:"شرح کالا:";}
	#bpish_services.other_mod tr td:nth-child(4):before{ content:"تعداد:";}
	#bpish_services.other_mod tr td:nth-child(5):before{ content:"مبلغ واحد (ریال):";}
	#bpish_services.other_mod tr td:nth-child(6):before{ content:"جمع کل (ریال):";}
	#bpish_services.other_mod tr td:nth-child(7):before{ content:"مالیات بر ارزش افزوده (ریال):";}
	#bpish_services.other_mod tr td:nth-child(8):before{ content:"جمع کل (ریال):";}
	#bpish_services.other_mod tr:nth-last-child(1) td:before, #bpish_services.other_mod tr:nth-last-child(2) td:before{ content:"";}
	#bpish_services .money{ color: #fff !important;}

	
	#bpish_services.other_mod tr:nth-last-child(2) td,#bpish_services.other_mod td:nth-child(2),
	#bpish_services.other_mod tr:nth-last-child(2) td:first-child{ text-align: right;}
}
@media only screen and  (max-width: 400px){
	#bpish_head a, #bpish_date{ text-align:center; float:none; display:block;}
	#bpish_head img{ margin:auto auto 20px; display:block;}
	#bpish_date{ padding-top:0;}
}
/* end pish faktor css */
/*404 and Error*/
.errorbg{background-color: #ecf1fd; background-image:url(images/background/404.png) ; background-size: contain; background-repeat: no-repeat; background-position: right;}
.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:#1D86AA;}
.lefttxt input{padding:6px; border:1px solid #3542bf; font-size:15px; border-radius:5px;}
.lefttxt input:last-child{background:#3542BF; color:#FFF; border:none; transition:all 0.2s;}
.lefttxt input:last-child:hover{background:#1D86AA; cursor:pointer;}
.lefttxt > div{font-size:30px; line-height:42px; color:#2b2b2b;}
.lefttxt > span{padding-right:20px; font-size:17px; line-height: 30px;}
.lefttxt .circlet{ border-radius:20px; background:#8093B8; width:40px; height:40px; line-height:43px;}
.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:11px; padding:10px; border-radius:5px 0px 0px 5px; text-align:left; width:100px; background:#FFF; margin-top:10px;}
.designed a{color:#2E29B9;}

@media only screen and (min-width: 40px) and (max-width: 1024px) {
	.errorblock{width:90%; padding-top:0px; margin:auto;}
	.lefttxt{float:none; width:100%;}
}
@media only screen and  (max-width: 800px){
	.errorbg{ background-position: bottom;}
	.errorbg form{ width: 85%;}
	.errorbg input{width: 100%; margin-bottom: 3px;}
}

/***** footer ****/
.foot_contact{ padding: 30px 0; background: #343747; color: #fff;}
.foot_contact .main > div{ margin: auto; font-family: "SamimBold";}
.foot_contact .main > div i{ margin-left: 4px;}
.foot_contact .to_top a{ padding: 7px 20px; background: #fff; color: #ff5c01; border-radius: 20px;}
.foot_contact .to_top i{ position: relative; top: 2px;}
.foot_contact .phone i{ transform: scaleX(-1);}
.foot_contact a{ color: #fff;}
/** fix phone on page **/
#fix_on{ width: 50px; height: 50px; line-height: 47px; background:#25d366; color: #fff; position: fixed; left: 17px; bottom: 10px; font-size: 23px; text-shadow: 0 0 1px #333; text-align: center; border-radius: 13px; border: 4px solid  #25d366; display: block; z-index: 1000;}
#fix_on:hover{ background: #147d3b;border: 4px solid #147d3b; } 
#fix_on > i {  position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
@media only screen and  (max-width: 850px){
	.foot_contact .main > div{ width: 100%; margin: 8px 0; text-align: center;}
	#fix_on{width: 60px;height: 60px;line-height: 62px;}
	#fix_on > i {font-size: 31px;}
}
	
footer{ border-top: 1px solid gray; background: #eee;}
/*footer > .main { background: url(images/background/foot_logo.png); background-repeat: repeat-x; background-size: 100px; background-position: left 5px;}*/
#f_middle{ padding: 20px 0 20px; flex-direction: row-reverse; align-items: flex-start;}
.co_adrs{ margin-bottom: 3px; font-size: 14px; color: black; font-family: "SamimBold";}
#f_right{ width: 250px; padding-top: 10px;}
#f_right .foottxt{ max-width: max-content; padding-bottom: 8px; margin:0 0 2px 0 !important; font-size: 14px;}
#f_right .foottxt a{ color: #343747; font-family: "SamimBold"; font-size: 30px; line-height: 18px; background: #ffd9c5;}
#f_right .foottxt i, .co_adrs i{font-size: 20px; color: #ff5c01;}
#f_right .foottxt i{ margin-left: 4px; position: relative; top: 1px;}
.foot_2{margin: 2px auto 4px !important;}
#f_left{ max-width:  Calc(100% - 280px); margin-right: auto;}
#f_left > div{ min-width: 150px; margin: 0 10px;}
#f_left > div a{color: #171717; display: block; font-size: 14px;}
#f_left > div a:before{ content: '.'; padding-left: 3px; font-size: 25px; display: inline-block; color: #ff5c01;}
#f_left > div a:hover{ color: #7A7A7A;}
#f_left > div b{ font-family: "SamimBold"; display: block;}
#f_left > div b i{ padding-right: 5px; font-size: 13px; position: relative; top: 1px; display: none; transition: all linear 0.2s;}
#f_left > div .rotate i{ transform: rotate(-90deg);}
#f_left .namad img{ width: 100%; padding: 10px; background: #fff; display: block;}
#f_left .namad a::before{ display: none;}
#down_foot{ padding-top:15px; padding-bottom:15px; border-top: 1px solid #999;}
footer .socials{font-size:0;}
footer .socials a{margin: 0 0 0 10px; padding:2px; transition:linear .2s; display:inline-block; color:#333; font-size:20px !important;}
footer .socials a:hover{ color: #7A7A7A;}
footer .socials i{font-size:20px; vertical-align:middle;}
footer .socials a img{position:relative; top:6px; width:31px;}
.lastline{ margin-right: auto; color:#333; font-size:13px; text-align: left;}
.lastline div:first-child{ direction:ltr; font-family:'tahoma'; color:#000;}
.lastline a{color:#333; font-size: 12px; transition:linear .2s; font-family:  "SamimBold";}
.lastline a:hover{color:#7A7A7A;}
@media only screen and  (max-width: 950px){
	#f_right,#f_left{ max-width: 100%; width: 100%; margin: auto; text-align: center; display: block;}
	#f_right .foottxt{ margin: 30px auto 4px;}
	#f_left .namad{ width: 100%; margin-top: 20px;}
	#f_left .namad img{ max-width: 150px; margin: auto;}
	#f_left .namad a{ border: none; margin: auto;}
	#f_right .foottxt{margin:auto !important;}
	.co_adrs{ text-align: center;}
	#f_left > div { max-width: 250px; width: 100%;  margin: 0 auto 20px;}
	#f_left > div a{ padding: 5px; margin: 5px; border: 1px solid #9999; border-radius: 5px; }
	#f_left > div a:before{ display: none;}
}

@media only screen and  (max-width: 1024px){
	.padd_bt2{ padding-bottom: 90px !important;}
}

@media only screen and  (max-width: 850px){
	.padd_bt3{ padding-bottom: 80px !important;}
}

@media only screen and  (max-width: 768px){
	.padd_bt1{ padding-bottom: 80px !important;}
}

@media only screen and  (max-width: 500px){
	#f_left > div { width: 100%; margin-bottom: 20px;}
	#f_left > div:last-child{ margin-bottom: 0;}
	#f_left > div a{ max-width: 250px; padding: 5px; margin: 5px auto;}
	footer .socials{ padding: 20px 0 15px 0;}
	footer .socials, .lastline{ width: 100%; text-align: center;}
	.slide_up{ display: none;}
	#f_left > div b i{ display: inline-block;}
}

/**************************************** product *****************************************/
#product{ margin: 0 0 30px; align-items: stretch;}
#product > .main{ padding-bottom: 10px; border-bottom: 1px solid gray;}
#product #navigator{ padding: 10px 0 30px;}
#product_info.flexbox{ align-items: stretch;}
#product_info > div:last-child{ width: Calc(60% - 30px); padding-bottom: 70px; margin-right: auto; position: relative;}
#product_info > div:first-child{ width: 40%; position: relative;}
#product_info .main_img{ width: 100%; border-radius: 10px; border: 1px solid #eee; display: block;}
#product_info img{ /*width: 100%;*/ max-height: 370px; margin: 10px auto; display: block;}
.h_title.in_desk{ display: none;}
.pro_ma{margin-bottom: 17px;display: flex;}
.pro_ma_2{margin-bottom: 44px !important;}
.en_title{direction: rtl; color: #303030; font-size: 12px; line-height: 23px; font-family: tahoma; position: relative;}
.en_title::after{ content: ""; height: 1px; width: 100%; background: #ccc; position: absolute; top: 12px; display: block;}
.en_title span{ padding-left: 10px; background: #fff; position: relative; display: inline-block; z-index: 10;}
#product_info h1, .h_title h1{ font-family: "SamimBold"; font-size: 25px; line-height: 44px; display: inline-block;}
#product_info span.status{ margin: 8px 5px 8px 0; padding: 3px 10px; color: #fff; font-size: 14px; line-height: 23px; border-radius: 3px; display: inline-block; vertical-align: middle; position: relative; bottom: 4px;}
#product_info .brand, .h_title .brand{ font-size: 13px; line-height: 23px; color: gray; font-family:tahoma;}
#product_info .brand i{ color: #9fb1c3; font-size: 14px;}
#product_info .brand a{ color: #0a72ce;}
#product_info .brand_img img{ width:45px; border:none; margin:0;}
#product_info .txt{ font-size: 14px; line-height: 25px;}
#product_info .percent{ top: 25px;}
.unavailable_pro{ display: none;}
.brand_ex{ margin: 10px 0; font-size: 14px;}

.p_size .brand_ex{  margin: 2px 0; font-size: 12px;}
.p_size .brand_ex:first-child{padding-right: 0;}
.andaze > b i{margin-left: 4px !important;color: #ff5c01 !important;}
.weight_ex{padding-right: 0 !important;}
.weight_ex > span > b i{margin-left: 4px !important;color: #ff5c01 !important;}
.weight_ex > span > b {font-size: 16px;}
.p_size > b i{ margin-left: 3px; color: #ff5c01;}
.p_check{ color: #333; text-decoration: underline; text-decoration-thickness: 2px;}
.p_check:hover{ color: #666;}
.gray{ color: gray;}
.brand_ex > .gray > i{ margin-left: 3px; color: #ff5c01;}

.andaze > .brand_ex{display: inline-block;}
.andaze > .brand_ex .gray::before{content: "\f00d"; font-family:"Font Awesome\ 5 Free"; font-weight:900;padding-left: 8px;margin-right: -14px; }
.andaze > .aval_pro .gray:first-child::before{display: none; content: "";}
#pro_color{ margin: 20px 0 20px; 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{ width: 35px; height: 35px; padding: 4px 10px; text-align: center; border: 5px solid #fff; color: #B3B3B3; box-shadow: 1px 1px 2px 1px #e2e2e2; border-radius: 100%; display: block; cursor: pointer; position: relative;}
#pro_color label.active{ border-width: 7px; border-color: #ddd;}
#pro_color label.disabled{ opacity:0.1; cursor: default;}
#pro_color label input[type="radio"]{ visibility: hidden; opacity: 0; position: absolute;}
#pro_color .pro_col{ width: 25px; height: 25px; margin-right: 5px; border-radius: 100%; box-shadow: 1px 1px 2px 1px #e2e2e2; position: relative; top: 5px; display: inline-block;}
#pro_size ul{ padding: 0; margin:8px 0 0; font-size: 0;}
#pro_size li{ margin:0 0 5px 5px; font-size: 14px; display: inline-block; vertical-align: top;}
#pro_size label{ min-width: 90px; padding: 4px 10px; text-align: center;border: 5px solid #fff; color: #333; border-radius: 3px; display: block; cursor: pointer; position: relative;}
#pro_size label.active1{ border-color: rgb(213, 214, 216);}
#pro_size label.disabled{ background: #EAEAEA; border: 1px solid #C6C6C6; color: #C6C6C6; cursor: default;}
#pro_size label input[type="radio"]{ visibility: hidden; opacity: 0; position: absolute;}
#other_info > div{ padding-left:5px;}
#product_info .brand p ,.country p{ display: inline !important;} 
.country{font-size: 11px; padding-right:15px;}
.country i{ color: #9fb1c3; font-size: 12px;}

.top_sub{ margin-left: 10px; font-family: "SamimBold"; font-size: 14px;}

#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 35px 0 50px;}
.off_price .discount{ margin-bottom: 10px; justify-content: flex-start;}

.pro_cost{ color: #1B1B1B; font-family: "SamimBold"; font-size: 18px; line-height: 30px;} 
.pro_cost span{ width: 135px; font-size: 28px; text-align: right; display: inline-block;}
#shop_price.pro_page{ margin: 15px 0 55px 0;}
#shop_price.pro_page .button{ min-width: 220px; margin: 0;}
#shop_price.pro_page .button i{ margin-left: 4px; position: relative; top: 2px;}
#shop_price.pro_page .no_exist{ opacity: 0.7; cursor: default;}
#shop_price.pro_page .no_exist.buttonfx::after, #shop_price.pro_page .no_exist.buttonfx::before{ background: #cecece !important;}
.no_exist.buttonfx{ box-shadow: none !important;}
.no_exist i{ -webkit-text-fill-color: #fff;}
.txt_exist{ margin: 0 0 0 30px; font-family: "SamimBold"; color: gray;}
#shop_ico{ width: 100%; padding: 0; text-align: center; align-items: stretch; position: absolute; bottom: 25px;}
#shop_ico a{ width: 25%; padding: 0 5px; color: #333; border-left: 1px solid #eee; display: inline-block;}
#shop_ico a:hover{ opacity: 0.7;}
#shop_ico a:last-child{ border-left: none;}
#shop_ico i{ color: #ff5c01; font-size: 18px;}
#shop_ico h3{ font-size: 11px; line-height: 20px;}
.mrg_box{ margin-top: 75px;}
.mrg_box2{ margin-top: 140px;}
.limit_num{ margin: 15px 0 0; font-size: 14px; color: #b59009;}
.just_cont{ margin-top: 25px; justify-content: flex-end;}
.off_price.mobile_bt,.bg_back{ display: none;}
@media only screen and  (max-width: 768px){
	#shop_price.pro_page .button{ width: Calc(100% - 180px); padding: 10px 15px !important; position: fixed; bottom: 10px; right: 10px; margin: auto; opacity: 1 !important; z-index: 815;}
	#shop_price.pro_page .buttonfx::after, #shop_price.pro_page .buttonfx::before{ border-radius: 0; background: #1ca278 !important;}
	.off_price.mobile_bt{ height: 75px; position: fixed; left: 10px; bottom: 0; display: flex; flex-direction: column; justify-content: center; z-index: 815;}
	.mobile_bt .pro_cost span{ font-size: 18px; text-align: left;}
	.mobile_bt.off_price .discount{ margin-bottom: 2px; justify-content: flex-end;}
	.bg_back{ content: ""; width: 100%; height: 75px; background: #fff; position: fixed; bottom: 0; left: 0; right: 0; border-top: 1px solid #eee; display: block; z-index: 810;}
	.off_price{ margin: 0 auto 0 0;}
	#pro_color label{ height: 40px; width: 40px;}
	.mrg_box{ margin-top: 0;}
	#goftino_w{ bottom: 70px !important}
}
@media only screen and  (max-width: 600px){
	#shop_price.pro_page > div{ width: 100%;}
	#shop_price.pro_page .stars{ text-align: right !important;}
	.wd100{ width: 100%;}
}
@media only screen and  (max-width: 430px){
	#shop_ico a{ width: 50%; padding: 20px 10px; border-bottom: 1px solid #fff;}
	#shop_ico a:nth-child(3n){ border-left: 1px solid #eee;}
	#shop_ico a:nth-child(2n){ border-left: none;}
}

@media only screen and  (max-width: 1024px){
	#product_info > div:last-child{ width: 100%; padding-bottom: 0;}
	#product_info > div:first-child{ max-width: 400px; width: 100%; margin: 20px auto;}
	#product_info img{ width: auto; max-width: 400px;} 
	#product_info h1{ margin-top: 15px;}
	.h_title.in_desk{ display: block;}
	#product_info .h_title{ display: none;}
	#product_info .rating > label:before { font-size: 45px;}
	#shop_ico{ position: static; margin-bottom: 20px;}
}

/***** digikala album ******/
#first_album{ width: 100%; height: 100%; margin: auto; position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 100000000;}
.flexible_box{ background: #fff;}
.pic_txt > div{ width: 100%;}
.pic_txt > div img{ width: 90% !important; max-height: inherit !important; margin: 0; /*object-fit: cover !important;*/ display: block;}
#close_album{ padding: 10px 15px; font-family:"SamimBold"; text-align: center; border-bottom: 1px solid #eee; position: relative;}
#close_album i{ width: 38px; height: 38px; line-height: 38px; background: #ff5c01; color: #fff; font-size: 25px; position: absolute; right: 5px; top: 5px; text-align: center;}
#album_carousel.flexbox{ margin: 5px 0 5px; flex-wrap: nowrap; justify-content: center; overflow: auto;}
#album_carousel .box_pic{ max-width: 100px; min-width: 100px; margin: 0 5px; border: 2px solid #ddd;}
#album_carousel .box_pic.active{ border: 2px solid #eee;}
#album_carousel .box_pic img{ width: 100%;}
#album_carousel .box_pic .p_num{ display: none;}
.this_img .img_record{ margin: 20px 0 0; color: #666; font-size: 13px; direction: ltr; display: inline-block; text-align: center;}
.pic_txt > .this_img{ text-align: center;}

/*** gallery album **/
#album_box{ position:relative; overflow: hidden; margin: 10px 0;} 
#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; border: 1px solid #eee; border-left: none; display:inline-block; vertical-align:bottom; cursor: pointer; list-style:none;}
#galleryBox li:last-child{ border-left: 1px solid #eee;}
#galleryBox li.has_video{ background: #fff !important;}
#galleryBox li video{ height: 100%; width: 100%; display: block}
#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.has_video:before{ content:"\f04b"; padding-top:28px; color:#fff; position:absolute; top:0; right:0; left:0; bottom:0; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:25px; visibility:visible; opacity:1; text-shadow: 1px 1px 1px #333;}
#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: 20000; }
#galleryShowClose{ padding:20px 50px 10px; color: #FFF; font-size: 35px; line-height: 30px; cursor: pointer; transition: all .3s linear; position:relative; z-index:13;}
#galleryShowClose:hover{ opacity:0.5;}
#galleryShowImg{ height: Calc(100vh - 80px); display: flex; flex-direction: column; justify-content: center; overflow: hidden; margin-top: 5px; opacity: 1; transition: all .8s linear; text-align:center; position: relative; cursor: pointer;}
#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%; width: auto; max-height:460px; margin:auto; display: block;}
#galleryShowImg i{ width: 50%; height:25px; padding-bottom:100px; 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:"SamimBold"}
#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:"SamimBold";  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; opacity:.7;}
#pre_mtlbkh{ padding-left:5px; right: 10px; color: #ff5c01; text-align: right;}
#nex_mtlbkh{ padding-right:5px; left: 10px; color: #ff5c01; text-align: left;}
#nex_mtlbkh:hover,#pre_mtlbkh:hover{ opacity:0.4;}
@media only screen and  (max-width: 768px){
	#leftGallerySlide, #rightGallerySlide{ opacity:0.5 !important;}
}

#pro_explain table{ max-width:100%; width: 100%; margin:10px 0; text-align:center;}
#pro_explain table tr td{ padding:5px 8px; background:#F8F8F8; font-size: 15px; 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-color:#fff;} 
#pro_explain table tr:first-child td{ background:#373737; color:#fff; font-size:16px; font-family: "SamimBold";}
#pro_explain .textbox{ max-width: 900px; margin: auto; font-size: 15px; text-align: center;}
.textbox .info_row{ align-items: stretch;}
.textbox .expire{ margin-bottom: 5px; position: static;}
@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:#373737; color:#fff; font-family: "SamimBold";}
	#pro_explain table tr td:nth-child(1):before{ content:'ویژگی: ';}
	#pro_explain table tr td:nth-child(2):before{ content:'توضیحات: '; color: #373737; font-family: "SamimBold"; }
}

#pro_explain{ margin-top: 60px; margin-bottom: 60px}
.info_table .info_row > div{ padding: 5px 10px; margin-bottom: 3px; background: #f4f4f4; font-size: var(--font-15); line-height: var(--lnheight-27);}
.info_table .info_row > div:first-child{ width: 20%; color: #373737; font-family: "SamimBold"; border-left: 3px solid #fff;}
.info_table .info_row > div:last-child{ width: 80%; text-align: right;}
.info_item .info_row:nth-of-type(2n) > div{ background: #ededed;}
.info_row .fa-times{ color: #0f8f77;}
.info_row .fa-check{ color: #ff3e3e;}
.info_item .subject{ margin-bottom: 5px; font-size: 17px; display: block;}
.info_item .subject i{ color: #eee; padding-left: 4px;}
@media only screen and  (max-width: 600px){
	.info_table .info_row > div{ width: 100% !important; background: #fff; text-align: center !important;}
	.info_table .info_row > div:first-child{ background: #f4f4f4 !important; border: none;}
	.info_table .info_row > div:last-child{ margin-bottom: 20px;}
	.info_item .info_row:nth-of-type(2n) > div{ background: #fff;}
}

#good_of{margin: 80px 0 60px 0;}
.ex_txt { font-family: "Samim"; max-width: 1000px; font-size: var(--font-16); line-height: var(--lnheight-28);}
.ex_txt table{ max-width:100%; width: 900px !important; margin:15px auto; text-align:center;}
.ex_txt table tr td{ padding:5px 8px; background:#F8F8F8; font-size: 15px; border:1px solid #fff; transition:all linear .2s;}
.ex_txt table thead th,.ex_txt table tr:first-child td{ padding:5px 8px; background:#373737; color:#fff; font-size:16px; font-family: "SamimBold"; font-weight: normal;}
.ex_txt table thead + tbody tr:first-child td{ background: #F8F8F8; color: #1B1B1B; font-family: samim; font-size: 15px;}
.ex_txt img{max-width:100%; height:auto; margin:20px auto; display:block;}
.ex_txt h3{ margin:40px 0 10px; line-height:30px; font-family:"SamimBold"; font-size:17px; border-bottom:3px solid #eee; display:inline-block;}
.ex_txt ul, .ex_txt ol{ padding-right:30px;}
.ex_txt a{ color: #3e4ada;}
.ex_txt a:hover{ opacity: 0.7;}
#good_of .title{ text-align: center;}
#good_of .each_of{ width: Calc(25% - 8px); margin-left: 10px; position: relative;}
#good_of .each_of:last-child{ margin-left: 0;}
#good_of .each_of img{ width: 100%; display: block; max-width: 250px; margin:auto;}
.each_of > div{position: absolute; bottom: -45px; display: block; width: 100%;}
.wh_box{ width: Calc(100% - 60px); max-width: 240px; min-height: 64px; padding: 10px 10px 20px; margin: auto; background: #fff; color: #333; text-align: center; box-shadow: 0px 1px 20px #ebe8e8;}.wh_box h3 a{ margin-bottom: 7px; color: #333; font-family: "SamimBold"; font-size: 15px; line-height: 27px; display: block;}
.wh_box h3 a:hover{ color: #666;}
.wh_box .txt{ font-size: 14px; line-height: 26px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.each_of .button{ max-width: max-content; margin: auto; position: relative; top: -20px; display: block;}
@media only screen and (max-width:1024px){
	#good_of .each_of{ width: Calc(50% - 5px); margin: 0 0 40px 10px !important;}
	#good_of .each_of:nth-of-type(2n){ margin-left: 0 !important;}
	.wh_box{ width: Calc(100% - 10px); padding: 5px 5px 20px;}
}

/**** handle counter ****/
.handle-counter { width: 122px !important; overflow: hidden; font-size: 0; background: #fff; border: 1px solid #ccc; border-radius: 5px;}
.handle-counter .counter-minus,  .handle-counter .counter-plus, .handle-counter input { width: 40px; height: 40px; 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: "SamimBold";
	background: transparent;
	color: #333;
	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: #333;}
.btn-primary i{ padding: 0; vertical-align: baseline; font-size: 13px;}
@media only screen and (max-width:768px){
	.handle-counter input, .handle-counter .counter-minus, .handle-counter .counter-plus{  font-size: 20px;}
	.btn-primary i{ font-size: 18px;}
}
/**** end handle counter ****/


/**list**/
#top_box{ padding: 0 0 5px;}
#top_box h1{ font-size: 25px; line-height: 38px;}
#top_box .p_return{ max-width: max-content; padding: 3px 10px; margin-right: auto; background: #ff5c0136; color: #333; font-size: 13px; border-radius: 5px; display: block;}
#top_box .p_return i,#top_box .p_return:hover{ color: #ff5c01;}
#top_box .p_return i{ margin-left: 5px; color: #ff5c01; position: relative; top: 1px;}
#top_box .with_butt .bann_txt{ width: Calc(100% - 180px);}
#scroll_pro > div{ overflow-x: auto; overflow-y: visible; position: relative; z-index: 10;}
#pro_box{ padding: 5px 0 0px;}
#pro_box h1{ margin: 0 0 30px;  font-family: "SamimBold"; 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; border-bottom: 2px 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(53,53,53,1.00);}
#pro_box .item_pic{ display: block;}
#pro_box .item_pic img{ width: 100%; height: 120px; object-fit: cover; display: block; transition: all linear 0.2s; border-radius: 10px;}
#pro_box .item_pic img:hover{ opacity: 0.7;} 
#pro_box .items h3{ font-family: "SamimBold"; font-size: 16px; text-align: center;}
#pro_box .items h3 a{ padding: 10px; color: #1b1b1b; display: block;}
#pro_box .items h3 a:hover{ color: #424242;}
#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: "SamimBold"; 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;}

.catlist{list-style: none; padding: 0; padding-right: 5px; padding-top: 5px;}
.catlist .active{ background-image: linear-gradient(to right, #fff, #fdf5fc, #ffe9ee, #ffdfd8, #fe5b00)}
.catlist li{font-family: "SamimBold"; color: rgba(46,45,86,1.00);}
.catlist li ul li a{font-size: 13px; color: black;}
.catlist li ul{padding-bottom: 15px;}
.catpart{padding: 18px 10px; border-radius: 10px;background: #FFFFFF; }
@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;}
}
@media only screen and (max-width:450px){
	#top_box .p_return,#top_box .with_butt .bann_txt{ width: 100%;}
	#top_box .p_return{ margin: 15px 0 0;}
}

#dv_sort{ width:100%; padding: 0px 0 5px ; flex-direction: row-reverse;}
.help_txt{ width: 200px; margin-right: auto; color: gray; font-size:12px; text-align: left;}
.toprowsort{ width:Calc(100% - 200px); color:gray; font-size: 14px;}
.toprowsort ul{ padding:0; margin:0 15px 0 0; font-size:0; display: inline-block;}
.toprowsort ul li:first-child{ font-size:15px;}
.toprowsort ul li{ font-size:13px; display:inline-block;}
.toprowsort ul li a{ padding:2px 9px; margin:3px; color:gray; border-radius: 5px; display:block; transition:all linear 0.3s;}
.toprowsort ul li a:hover{ background: #eee;}
.toprowsort ul li:last-child a{ margin-left:0;}
.toprowsort ul li a.active{ background:#ff5c01; color:white;}
#exist{ margin-bottom: 20px;}
#exist label{ 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: #eee;
}


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-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;}
	#dv_sort{ padding: 0;}
	
	.toprowsort > .flexbox{ justify-content: center;}
	.toprowsort{ width:100%; display: block; text-align: center; padding:10px 0;}
	.help_txt{ display: none;}
	#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; float: right; display: flex; flex-direction: column; justify-content: center; }
#filter #flow{ padding: 18px 10px; background: #eeebeb; border-radius: 10px; margin-bottom: 10px;}
#right i{ color: #373737; position: relative; top: 1px;}
.filter_form{ margin-top: 10px;}
#right .close_bt{ padding: 10px 15px; background: #ff5c01; color: #fff; position:absolute; left: 0; top: 0; font-size: 25px; display: none; cursor: pointer; z-index: 900;}
.top_title{ font-size: 17px;}
#right .more{background: none !important; font-family: "SamimBold"; border: 2px solid rgba(36,36,36,1.00);}
.filter_info{ margin: 0 0 20px 0; font-size: 15px;}
.filter_info .proper{ margin-top: 5px;}
.filter_info .proper .together{ width: Calc(100% - 45px);}
.filter_info .proper select{ width: 100%; height: 40px; padding: 0 5px; background: transparent; font-size: 14px; border: 1px solid #d5d5d5; border-radius: 5px;}
.filter_info .proper select option{ font-family: tahoma;}
.filter_info .proper:nth-of-type(1){ margin-bottom: 5px;} 
.filter_info .proper b{ width: 45px; font-size: 14px; display: block;}
#s_color label{ width: 100%; padding: 2px 0px; margin: 0 0 4px 4px; font-size: 13px; display: block;}
#s_color label span{ width: 5px; height: 15px; border-radius: 3px; display: inline-block; vertical-align: middle;}
#s_color label input{ margin-left: 2px;}
.brand_box,#s_color{ max-height: 160px; overflow: auto;}
.brand label{ padding: 2px 0px; margin: 2px 0 2px 0px; font-size: 13px; display: 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: #ff5c01; border: 1px solid #ff5c01;}	
#right form button{ width: 100%; padding: 7px; margin: 5px auto auto; color: #373737; font-size: 14px; border-color: #373737;}
#right form button:hover{ color: #ff5c01; border-color: #ff5c01;}
#right .add_butt{ display: flex;}
#right .add_butt .more{ width: 49%;}
#right .add_butt .more:first-child{ margin-left: 2%;}
#right .add_butt .more2{ background: transparent; color: #ff5c01; border-color: #ff5c01;}
#right .add_butt .more2:hover{ border-color: #A32626; color: #A32626;}
#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;}
#rangslide_min span ,#rangslide_max span{ font-family: "SamimBold";}
#rang_ui_slide{ margin: 0 8px 0 9px; }
#rang_ui_slide span.radius{ border-radius:50% !important;}
.filter_item{ cursor: pointer;}
.showbox{ display: block;}
#filter #left{ width: calc(100% - 310px); margin-right: auto; text-align: center; float: left;}
.item_box > .flexbox{ align-items: stretch;}
.item_box .pro_items{ width: calc(33.33% - 7px); background: white; padding: 10px 10px 60px; margin: 0 0 10px 10px; text-align: center; border: 1px solid rgba(223,223,223,1.00); border-radius: 10px; position: relative; transition: all linear .2s; overflow: hidden;}
.item_box .pro_items:last-child, #left .pro_items:nth-child(3n){ margin-left: 0;}
.item_box .pro_items:hover .pro_pic img{ transform: scale(1.05);}
.item_box .pro_items:hover{ box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);}
.item_box .pro_items:hover .more{ background: #1ca278; color: #fff}
.item_box .pro_items .pro_pic{ width: 100%; min-height: 205px; position: relative; display: block; overflow: hidden;}
.item_box .cost_box{ height: inherit;}
.not_exist{ padding: 0 8px; background: #9f9f9f; color: #fff; font-size: 12px; text-align: center; border-radius: 3px; position: absolute; top: 5px; left: 5px; z-index: 10;}
.no_pro{ text-align:right !important; display:block;}
.item_box .pro_items .pro_pic img{ max-height: 205px; margin: auto; display: block; transition: all linear 0.2s;}
.item_box .pro_items h3{ padding: 0 5px; margin-top: 10px; font-size: 13px; line-height: 25px; text-align: center;}
.item_box .pro_items h3 a{ color: #333; display: block; font-family: "SamimBold";}
.item_box .pro_items h3 a:hover{ color: #8B8B8B;}
.item_box .pro_items .more{ width: max-content; margin: 15px auto auto; position: absolute; bottom: 10px; left: 10px; right: 10px;}
.item_box .pro_items .more i{ font-size: 15px; padding:0 3px;}

#filter #left.no_filter{ width: 100% !important;}
.item_box.no_filter .pro_items{ width: calc(25% - 7.5px);}
#left.no_filter .pro_items:nth-child(3n){ margin-left: 10px;}
#left.no_filter .pro_items:nth-child(4n){ margin-left: 0;}

.not_available b{ display: block;}
.not_available{ background: #9f9f9f; color: #fff; border-color: #fff !important;}
.not_available:hover, .team-item:hover .not_available, .item_box .pro_items:hover .not_available{ background: #9f9f9f; opacity: 1;}

#extra_box{ margin-top: 20px;}
.filter_input{ height: 35px; padding: 5px 10px 5px 35px; margin: 0 0 3px 3px; font-size: 13px; position: relative; border-radius: 5px; border: 1px solid #ddd; display: inline-block;}
.filter_input i{ padding: 7px 10px; font-size: 18px; position: absolute !important; left: 0px; transition: all linear 0.2s;}
.filter_input i:hover{ opacity: 0.6;}

#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; margin-bottom: 3px; background: #eee; color: #333; font-size: 16px; 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_paging.p_phone{ display: none;}

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

}

@media only screen and (max-width: 1024px){
	.item_box .pro_items,.item_box .pro_items:hover{ box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);}
	.item_box .pro_items:hover .pro_pic img{ transform: scale(1);}
}
@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%; min-height: inherit; float: none;}
	#filter #right{ position: fixed; left: 0; right: 0; bottom: 0; border-top: 1px solid #ddd; border-radius: 0; z-index: 900;}
	#filter #right #flow{ padding: 0 10px; margin-bottom: 0; overflow: auto; max-height: 80%;}
	#filter #right .top_title{ padding: 20px 0;}

	.item_box.no_filter .pro_items{ width: calc(50% - 7.5px);}
	#left.no_filter .pro_items:nth-child(2n){ margin-left: 0;}

	.catpart{ padding: 0 10px; border-radius: 0; display: none;}
	#right .close_bt{ display: block;}
	.brand label{ min-width: 120px; margin: 5px 0 5px 5px; font-size: 15px;}
	#s_color label{ padding: 4px 0;}
	#s_color label span{ height: 20px; width: 7px;}
	.filter_info input[type="checkbox"], .filter_info input[type="radio"]{ width: 16px; height: 16px; position: relative; top: 4px;}
	.filter_info{ padding: 5px 0; font-size: 18px; line-height: 30px;}
	.top_title{ font-size: 20px;}
	.catlist{ height: 300px; overflow-x: auto; display: none;}
	#right form button{ margin-bottom: 10px; font-size: 19px !important;}
	#right .add_butt .more2{ color: #fff !important; background: #dc0b0b !important;}
	#back_up.hide{ display: none !important;}
	#rangslide_min, #rangslide_max{ font-size: 16px;}
	.filter_form{ display: none;}
}
@media only screen and  (max-width: 768px){
	.item_box .pro_items{ width: calc(50% - 5px);}
	#left .pro_items:nth-child(2n){ margin-left: 0;}
	#left .pro_items:nth-child(3n){ margin-left: 10px;}
	.item_box .pro_items .more{ padding: 6px 10px;}
	#right form button, .toprowsort ul li a{ padding: 10px; font-size: 16px;}
	#s_paging.p_phone{ display: block;}
	#s_paging.p_list{ margin: 0 0 15px;}
	#s_paging{ display: flex !important; justify-content: center;}
	#s_paging ul{ display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: visible;}
	#s_paging ul li{ min-width: 40px; margin-bottom: 0;}

}
@media only screen and  (max-width: 500px){
	.item_box .pro_items{ width: 100%; padding: 10px; margin: 0 0 10px !important;}
	.item_box .pro_items .more { width: 100%; position: static;}
	.item_box .pro_items .pro_pic{ min-height: auto;}

	.item_box.no_filter .pro_items{ width: 100%; margin-left: 0 !important;}
}

/******************************* show more seo text **************************************/
#seo_text{ margin: 40px 0; overflow:hidden; position:relative;}
#seo_text > .main > h2:first-child,#seo_text > .main > h3:first-child{ margin-top: 0 !important;}
#seo_text a{ color:#0000FF; transition: all linear 0.2s;}
#seo_text a:hover{ color: #0066FF;}
.add_bt{ background:#fff; color:#FFF; text-align:center; font-size:14px; cursor:pointer; position: relative; z-index: 3; transition: all .5s linear; }
.add_bt i{ color: #373737; font-size: 20px; vertical-align: middle; transition: all .5s linear;}
.add_bt:before{ content:""; height:100px; background: -moz-linear-gradient(90deg, rgba(242,242,242,1) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.05)), color-stop(0%, rgba(242,242,242,0.05)), color-stop(1%, rgba(242,242,242,0.05)), color-stop(90%, rgba(242,242,242,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(255,242,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f2f2f2',GradientType=0 ); /* ie6-9 */  position:absolute; left:0; right:0; bottom:36px; display:block;}
.add_bt .addButton{ padding: 5px 10px; line-height: 26px; font-family:"SamimBold"; color: #373737; transition: all .5s linear; border-radius: 5px 5px 0 0; display: inline-block;}
.add_bt.open{ background:transparent; bottom:-10px; margin: 20px auto 0 auto; color:#FFF;}
.add_bt.open i{ transform: rotateX(180deg);}
.add_bt{ position:absolute; left:0; right:0; bottom:0; text-align: center;}
.add_bt .addButton:hover{ opacity:0.6;}
.add_bt.open:before{ display:none;}
/******************************* /show more seo text **************************************/

/************************************** blog **************************************/
.coverinfo{ position: relative; background-size:cover !important; z-index:10;}
.coverinfo .infotr { padding: 20px; line-height: 30px; width: 100%;}
.coverinfo .infotr span { color: #9C9C9C; display: block; font-size: 18px; padding-bottom: 5px;}
.newsbody{ max-width:900px; padding:40px 30px 40px 30px; margin:auto; font-size: var(--font-16); line-height: var(--lnheight-28); display:block;}
.newsbody .example1, .blogtxt .example1, #seo .example1{ color: #888888; position: relative; bottom: 9px; font-size: 13px; font-style: italic; text-align: center; display: block; background: white;} 
.newsbody img, .blogtxt img,  #seo img{max-width:100%; height:auto; margin:15px auto 10px; display:block;}
.newsbody .small_pic{max-width:200px; display:inline-block;}
.newsbody h3, .blogtxt h3, #seo h3{ max-width: max-content; margin:40px 0 10px; line-height:30px; font-family:"SamimBold"; font-size:17px; border-bottom:3px solid #eee; display:block;}
.newsbody h1, #seo h1{line-height: 43px; font-family: "SamimBold"; padding-bottom:10px; font-size:26px;}
.newsbody h2, #seo h2{ max-width: max-content; line-height: 35px; font-family: "SamimBold"; padding-bottom: 10px; font-size: 21px; display:block; background: #F4F4F4; padding: 5px 10px; margin: 50px 0 10px; border-right: 3px solid #eee;}
.newsbody h2+h3,.newsbody h3+h2,.newsbody h2+a+h3,.newsbody h3+a+h2{ margin-top: 10px !important;}
.newsbody p b,.newsbody p strong,.newsbody li b,.newsbody li strong{ font-family: "SamimBold";}
.newsbody .padd50t{ position: relative; border: 1px solid transparent; display: block;}
.toptxt{font-size:13px; color:#939393; padding-bottom:10px;}
.toptxt i{font-size:11px;}
.newsbody ul, .newsbody ol, .blogtxt ul, .blogtxt ol, #seo ul, #seo ol{ padding-right:30px;}
.newsbody a, #seo a,.blogtxt a{ color:#3e4ada; transition:all linear 0.2s;}
.newsbody a:hover, #seo a:hover,.blogtxt a:hover{ opacity: 0.7;}
.newsbody table, .blogtxt table, #seo table{ width: 100%; margin:10px 0; text-align:center;}
.newsbody table tr td, .blogtxt table tr td, #seo table tr td{ padding:5px; background:#F8F8F8; font-family: "samim"; font-size:15px; border:1px solid #fff; transition:all linear .2s;}
.newsbody table tr:nth-child(2n-1) td, .blogtxt table tr:nth-child(2n-1) td, #seo table tr:nth-child(2n-1) td{ background:#eee; border-color:#fff;} 
.newsbody table thead th,.blogtxt table thead th,#seo table thead th,.newsbody table tr:first-child td, .blogtxt table tr:first-child td, #seo table tr:first-child td{ padding: 5px; background:#373737; color:#fff; font-family: "SamimBold"; font-size:16px; font-weight: normal;}
.newsbody table thead + tbody tr:first-child td,.blogtxt table thead + tbody tr:first-child td,#seo table thead + tbody tr:first-child td{ background: #F8F8F8; color: #1B1B1B; font-family: samim; font-size: 15px;}

.newsbody #navigator{ padding: 0;}
.newsbody .rotitr{ padding: 15px 0 2px; color: gray; font-size: 13px; display: block;}

/***** responsive table code 417 *****/
@media only screen and (max-width: 550px) {
	.tb_scroll > div{ overflow-x: scroll; overflow-y: visible;}
	.tb_scroll > div table{ margin-bottom:0 !important;}
	.tb_scroll > div table td,.tb_scroll > div table th{ white-space:nowrap;}
	.tb_scroll::after{ content:url("images/symbols/swipe.webp"); text-align: left; display: block;}
}
/***** responsive table code 417  *****/

.attach i{ margin-left: 3px; color: #eee; position: relative; top: 1px;}
.attach .head{ font-size:14px; font-family: "SamimBold";}
.attach .file{ font-family:Tahoma; font-size:13px; direction: ltr;}
.newsflex{display: flex;width: 900px;margin: auto;padding: 10px;}/*news*/
/* .newsflex h3,.newsflex h2{ margin-top: 0 !important;} */
.ax img{max-width: 430px;height:auto;}
.khat{border-top:  1px solid gray;width: 895px;padding-bottom: 15px;padding-top: 15px;}
.flex2{ display: flex;flex-direction: column;width: 1000px;align-items: center;margin: auto;}
.flex2 video {max-width: 800px;height: auto;max-height: 480px; width: auto;}
.ax{ margin-right: 40px;}
.back_service{background-color: #f4f4f4;}
@media (max-width: 768px) {
    .newsflex {
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Center items */
        width: 90%; /* Full width on smaller screens */
        margin: auto;
    }
	.ax{margin-right: 0px ;}
    .ax img { width: 100%;}
	.khat{width: 90%;margin: auto;}
}
.shomaresh{width: 40px; height: 40px; line-height: 45px; text-align: center; font-size: 2rem !important; font-weight: 500 !important;background: #ff5c01!important;border-radius: 4px !important;display: inline-block !important;color: aliceblue;}

.n_quote{clear:both;}
.n_quote img{margin:5px !important; width:35px;height: auto;}
.n_quote img:last-child{float:left;}
.n_quote div{ width:85%; margin:auto; padding:15px; background:#f9f9f9;}
.n_quote div p{ margin-bottom:0 !important; text-align:center;}  
.n_quote + p{ padding:60px 40px 0 0;}
@media only screen and (max-width:950px){ 
	.n_quote div{ width:98%;}
}
/* .vasat{text-align: center !important;direction: rtl;} */
.khat_titr{ max-width: 100% !important; border-bottom: none !important;font-size: 19px !important; display: flex !important;}
.khat_titr b{ width: Calc(100% - 50px); margin-right: auto;}
.film{ max-width: 500px; width: 100%; height: auto;margin: 30px auto;display: block;text-align: center;}
.film.hgt{ width: auto; height: 450px;}
@media  only screen and  (max-width: 768px) {
    .shomaresh{font-size:1.5rem !important;font-weight: 700 !important;}
	.giyome{display: block !important;max-width: 1.5% !important;max-height: auto !important;margin-top: -40px !important;margin-right: -100%;}
	.giyome2{display: block;max-width: 10% !important;height: auto !important;margin-top: -20px;margin-right: 390px;}
}
/** 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:"SamimBold"; color:white; display:inline-block; padding-left:3px;}
.vtours b span{font-size:12px; color:#A3A3A3;}
.vtours b a.button{margin-top:0; z-index:3; left:10px; bottom:3px; position:absolute; font-size: 12px; padding:0 5px; }
.vtours:hover{opacity:.8;}
#news .vtours:hover{ opacity:1;}
#news .vtours a:hover{ opacity:0.7;}
#has_bg{ min-height:130px; height:auto !important; background: #f4f4f4; background-size: cover !important; background-position: center !important;}
.eslash{ font-family:Sahel; display:inline-block !important;}
.shorttxt{background:#F4F4F4; padding:5px 10px;}
.vije{ font-size:0; background:url(images/background/bg.jpg); padding-top:20px; padding-bottom:20px !important;}
@media only screen and (max-width:900px){
	.vtours{ width:100%; margin:10px 0; display:block;}
	.vtours img{ border-bottom:none;}
	.vtours b{ padding:10px; background:rgba(0,0,0,.8); position:static; border:5px solid white; border-top:none; display:block;}
	.vtours b a.button{ bottom:15px; left:15px; margin-top:5px;}
}
@media only screen and (max-width:450px){
	.vtours b{ text-align:center;}
	.vtours b a.button{ max-width:200px; margin:5px auto auto auto !important; position:static; display:block !important;}
}

.tagsin{font-size:0; text-align:right;}
.tagsin b{ margin-bottom: 15px; font-size: 18px; line-height: 30px; display: block;}
.tagsin b i{ font-size: 17px; padding-left: 5px; color: #eee;}
.tagsin a{display:inline-block; font-size:13px; padding:5px 10px; margin:0 0 5px 5px; background:#eee; color:#1b1b1b; border-radius: 5px;}
.tagsin a:hover{ opacity: 1; background: #ddd;}
/*#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: #eee;
  width: 0%;
} 

/*writer*/
.writer{ display:table; width:100%; color: #000;font-family: samimBold;}
.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:57px; display:table-cell;}
.writer > div:first-child img{ width:100%; margin:0; position: relative;}
.writer > div:last-child{ padding-right: 12px; display:table-cell; vertical-align:middle;}
.end{ margin-top: 7px; line-height: 23px; font-size: 12px;}
@media only screen and (max-width:725px){

}

/*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 #eee;
}
#matlab_prenextbox2{
    width: 100%;
    position: relative;
    overflow: hidden;
	text-align:left;
	border-left:3px solid #eee;
}
#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:#eee;
}

/***** 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:"SamimBold";
    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:#eee;
	line-height:28px;
	font-size:11px;
	color:#fff;
	position:relative;
	right: 10px;
	bottom: 5px;
}
.comment_info{
    padding: 5px 0px;
    color: #aaaaaa;
    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: 'samim';
    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:#eee; background:none; font-size:12px; position:relative; right: 12px; bottom: 0;}
.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: #d4f4d1; color: #333; font-size: 14px; font-family: "SamimBold"; display: inline-block; border-radius: 10px;}
.comm_result i{ margin-left: 4px; color: #ff5c01; 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;}
#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;
}
#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;
    border: 1px solid #cccccc;
    font-size: 15px;
	border-radius: 5px;
    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;
    border: 1px solid #cccccc;
    font-size:15px;
	border-radius: 5px;
    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 #eee; 
	border-color:#eee;
}
#comment_form .ltext{
    font-family: Tahoma !important;
}
#comment_form .wrong-code{ display: none !important;}
#matcom_sub{
    text-align: left;
    padding-bottom: 10px;
}
@media only screen and (max-width:1000px){ /************ responsive matlab 1000 px *****************/
    #matlab_comm .container{
        padding: 20px 30px 0;
    }
}
@media only screen and (max-width:700px){ /************ responsive matlab 700 px *****************/
    #comment_form .comf_float{
        width: 100%;
        float: none;
    }
    #comment_form .comf_float:first-child{
        padding: 0px;
        margin-bottom: 10px;
    }
    #comment_form .comf_float:nth-child(2){
        padding: 0px;
    }
    .comm_img{
        margin-top: -10px;
        font-size: 30px;
    }
	.comm_img i{ width:30px; line-height:30px; right:0; bottom:-3px;}
    .comment .comm_box{
        padding-right: 35px;
    }
    .comment_ans{
        margin: 15px 5px 0px 0px;
    }
    .comment_ans .comm_img{
        font-size: 30px;
    }
	.comment_ans .comm_img i{ right:0;}
}
@media only screen and (max-width:500px){ /************ responsive matlab 500 px *****************/
    #matlab_comm .container{
        padding: 20px 10px;
    }
    .comment_info{
        line-height: 25px;
    }
	.comment_ans .comm_img i{ bottom:2px;}
}

/*** services ***/
.coverinfo .infotr h1 { color: #333; display: block !important; font-size: 30px; line-height: 45px; font-family: "SamimBold";padding-top:25px;}
.b_slider{ min-height: 110px; height:auto !important; padding-bottom: 15px;}
.b_slider .infotr{ position:static !important;}
.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:15px; color:#1b1b1b; display:inline-block; transition:all linear 0.3s;}
.infotr .under a:hover{ color:#888;}
.infotr .under a.active{opacity:.5; cursor:default;}
.infotr .under a.active:hover{ color:#fff !important;}
.mainbox #RightBox{ width:68%; margin-left:2%; float:right;}
.mainbox #RightBox .RightMain a{ display:block; transition:all linear 0.2s;}
.mainbox #LeftBox{ width:30%; margin-top:20px; float:right;}
#RightBox .RightMain{ text-align:center; position:relative; padding:20px; border-bottom:1px solid #ddd; overflow:hidden; transition:all .3s;}
#RightBox .RightMain:last-of-type{ border: none;}
#RightBox .RightMain:hover{ background:#f4f4f4;}
#RightBox .RightMain > div:first-child{ width:28%; float:right;}
#RightBox .RightMain > div:first-child a{ position:relative;}
#RightBox .RightMain > div:first-child img{ width:100%; max-height: 195px; max-width: 195px; object-fit: cover; display:block; padding-left:20px;}
#RightBox .RightMain > div:last-child{ width:72%; 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:"SamimBold";}
.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: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:"SamimBold";}
#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{ padding: 5px 0; font-size:14px; text-align:left;}
#RightBox .paging i{ vertical-align:middle;}
#RightBox .paging span{ color:#ababab;}
#RightBox .paging a{ color:#ff5c01; 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:"SamimBold";}
#LeftBox .tags > div{ font-size:0;}
#LeftBox .tags a, #label a{ display:inline-block; padding:5px 10px; margin:5px 0 0 5px; background:#f4f4f4; color: #333; font-size: 14px; text-align:center; border-radius: 5px; transition: all linear 0.2s;}
#LeftBox .tags a:hover, #label a:hover{ background:#ddd;}
#LeftBox .tags a.active{ background:#ffceb3;}
#LeftBox .tags a span{ color: #ff5c01; font-size: 12px;}
#LeftBox .tags h3 i{ 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 #eee;}
	#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:hover{ background:none;}
}
@media only screen and (max-width: 780px){
	#RightBox{ margin-left:0 !important;}
	#RightBox .RightMain{ margin-bottom:0; padding-bottom:15px;}
	#RightBox .RightMain > div:last-child h2{ padding:0 0 15px 0;}
	#RightBox .RightMain > div:first-child, #RightBox .RightMain > div:last-child{ width:100%; max-width:600px; margin:auto; padding:15px 0 5px 0; float:none;}
	#RightBox .RightMain > div:first-child a{ max-width:600px; margin:auto;}
	#RightBox #paging ul{ margin-bottom:40px; text-align:center !important;}
	#RightBox .RightMain > div:first-child img{padding-left:0px;}
	#RightBox .RightMain:nth-of-type(1) > div{ padding-top:0;}
	#RightBox .paging{text-align:center; background:#f4f4f4; padding:5px; margin-bottom:10px;}
	#RightBox .RightMain:hover .more{ left: inherit !important;}

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

/************************************** complaint **************************************/
.window .result{ padding:20px 0; color:#198200; font-size:16px; line-height:28px; text-align:center;}
.window .result i{ font-size:21px; vertical-align:middle;} 
.mess_div{ text-align: center; font-size:18px; line-height:32px; color:#830002;}
.pad20bt{ padding-bottom:20px;}
.main2{ max-width: 900px; margin: 0 !important;}
.dis_none{display: none;}
.dis_none2{display: none !important;}
#head_box { padding: 10px 0 15px; background-image: linear-gradient(to right, #fff, #fdf5fc, #ffe9ee, #ffdfd8, #fe5b00)}
#head_box h1{ color: #1b1b1b; font-family: "SamimBold"; font-size: 26px; line-height: 38px; display: inline-block;}
#contact{ margin: 50px auto 80px;}
#contact .res_align{ max-width: 920px;}
#contact .c_title{ padding: 0 0 20px 0; color:#333; font-family:"SamimBold"; line-height: 32px; font-size: 20px;}
#contact .c_title i{ color:#ff5c01; position: relative; top: 1px;}
#contact iframe{width:100%;}
#contact form ul{ font-size:0; padding:0; margin:0 0 5px 0; list-style: none;}
#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-size:14px; color:#333; border:1px solid #ccc; vertical-align:bottom; border-radius: 5px;}
#contact form #part_two{ display: flex; flex-wrap: wrap; align-items: flex-end;}
#contact form #part_two li{ width:66.5%; display:inline-block;}
#contact form #part_two li:nth-child(2){ width: 33%; margin-right: 0.5%; position:relative;}
/*#contact form #part_two li:nth-child(2) iframe{ width:304px; position:relative;}*/
#contact form li textarea{ width:100%; height:77px; padding:0 5px; color: #333; font-size:14px; border:1px solid #ccc; border-radius: 5px; resize:none; display: block;}
#contact form #part_two input,#contact form #part_one input[type="submit"]{ margin: 0; border: 1px solid #333; position:absolute; bottom:0; font-family:"SamimBold"; font-size: 15px;}
#contact form #part_two input[type="submit"]:hover,#contact form #part_one input[type="submit"]:hover{ border-color: rgb(122, 149, 195);}
#contact form #part_one input[type="submit"]{ margin-top: 10px; position: static;}
#contact .num_cnt{ padding: 5px 5px 0 0; font-size: 12px; text-align: right; color: gray;}
#contact .Agreen:before{ content: "\f00c"; font-family:"Font Awesome\ 5 Free"; font-weight:900; margin-left: 5px; font-size: 18px;}
#contact .g-recaptcha{ margin: 0 !important;}
@media only screen and (max-width:940px){
	.res_align{ text-align:center;}
	#contact form ul{ margin:0;}
	#contact form ul input, #contact form ul select{ height:55px; font-size: 17px;}
	#contact form #part_one li, #contact form #part_two li{ width:100% !important; margin-bottom:10px; display: block;}
	#contact form #part_one li:nth-child(2){ margin:0 0 10px 0;}
	#contact form #part_one, #contact form #part_two{ max-width:450px; margin:auto; text-align:center;}
	#contact form #part_two li:nth-child(2){ margin:0 0 10px 0 !important;} 
	#contact form #part_two li:nth-child(2) iframe{ margin:0; position:static; vertical-align:inherit;}
	#contact form #part_two input[type="submit"]{ position:static;}
	#contact form li textarea{ font-size: 17px;}
	#contact .g-recaptcha > div{ margin: auto; display: block;}
	#contact .num_cnt{ padding-top: 0;}
}

/************************************** about **************************************/
.blogtxt{ max-width: 900px; margin: 50px auto !important; text-align: justify;}
.blogtxt > h3:first-child{ margin-top: 0;}
/** team **/
#teammate{ margin: 60px 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 20px;}
#teammate .each_pic{ width: 100%; border-radius: 10px; display: block; cursor: pointer; transition: all linear 0.2s;filter: grayscale(100%);}
#teammate .each_pic:hover{ filter:none;}
#teammate .name{ margin-top: 5px; font-size: 17px; line-height: 30px; font-family: "SamimBold"; display: block;}
#teammate .ex_self{ color: #888; font-size: 14px; line-height: 25px; display: block;}
#teammate .show_more{ width: Calc(100% - 200px); height: 100vh; padding: 80px 80px 20px; position: fixed; top: 0; right: Calc(-100% - 200px); bottom: 0; background: #f6f4f2; z-index: 10002; transition: all ease-out 0.8s; overflow-y: auto;}
#teammate .show_more.showing{ right: 0;}
.show_more .topbox{ padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #666;}
.topbox .close{ width: 45px; height: 45px; line-height: 45px; margin-right: auto; background: #fff; font-size: 25px; text-align: center; border-radius: 100%; cursor: pointer;}
.topbox .b_name{ font-size: 14px; line-height: 26px;}
.showtxt{ flex-direction: row-reverse; align-items: flex-start;}
.showtxt img{ width: 40%; max-width: 100%; border-radius: 10px; display: block;}
.showtxt > div{ width: Calc(60% - 40px); margin-left: auto;}
.showtxt .c_name{ margin-bottom: 10px; font-size: 30px; line-height: 40px; display: block;}
.showtxt .explain{ margin: 10px 0; color: #666; display: block;}
.showtxt .mid_font{ color: #666; font-size: var(--font-17); line-height: var(--lnheight-28);}
.bg_cover{ background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; display: none; z-index: 10001;}
/* custom-scroll */
#teammate .show_more::-webkit-scrollbar { width: 10px;}
#teammate .show_more::-webkit-scrollbar-thumb { background: #ccc; border-radius: 5px;}
#teammate .show_more::-webkit-scrollbar-track { background: #eee; border-radius: 5px;}
@media only screen and (max-width:900px){
	#teammate{ grid-template-columns: repeat(2,1fr);}
	#teammate .show_more{ width: 100%;}
	.showtxt img{ width: 100%; margin-bottom: 15px;}
	.showtxt > div{ width: 100%;}
}
@media only screen and (max-width: 500px){
	#teammate .show_more{ padding: 20px;}
}
/************************************** landing **************************************/
#clinic{ margin-bottom: 30px;}
#lan_items{ padding: 20px 0; background: #fff; justify-content: center;}
#lan_items .main > div{ width: 12%; text-align: center;}
#lan_items .main > div img{ max-width: 90px; width: 100%; vertical-align: middle; display: inline-block;}
@media only screen and (max-width:500px){
	#lan_items .main > div{ width: 50%; margin-bottom: 30px;}
	#lan_items .main > div:nth-last-child(1),#lan_items .main > div:nth-last-child(2){ margin-bottom: 0;}
}

#anchor{ padding: 65px 0; margin: 0 0 85px; background: #fac003; position: relative;}
#anchor:after{ content: ""; width: 0; height: 0; position: absolute; margin: auto; left: 0; right: 0; bottom: -14px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 15px solid #fac003; z-index: 10;}
#anchor > .flexbox{ flex-wrap: nowrap; align-items: flex-start;}
#anchor a{ width: 20%; margin: 5px; color: #1b1b1b; text-align: center;}
#anchor a span{ width: 180px; height: 180px; margin: auto; background-size: cover !important; border-radius:10px; border: 5px solid #fff; display: block; transition: all linear 0.3s;}
#anchor a h3{ margin-top: 10px; font-family: "SamimBold";}
#anchor a:hover span{ border-color: #fac003; opacity: 0.8; transform: scale(0.9)}
.anchor{ padding-top: 50px; display: inline;}
@media only screen and (max-width:1024px){
	#anchor > .flexbox{ justify-content: flex-start; overflow-x: auto;}
	#anchor a{ min-width: 180px;}
	/* Hide scrollbar for Chrome, Safari and Opera */
	#anchor > .flexbox::-webkit-scrollbar { display: none;}
	/* Hide scrollbar for IE, Edge and Firefox */
	#anchor > .flexbox{ -ms-overflow-style: none;  /* IE and Edge */  scrollbar-width: none;  /* Firefox */} 
}
.fold{display: inline-block;position: relative;}
.h_mobile{padding-top: 30px;}
.highlight{background-color: #dae6e9;display: inline-block; font-family: SahelB;} 
.h_titr{margin-top:40px ; margin-bottom: 15px; color: #ff5c01;;font-family: "SamimBold";font-size: var(--font-22);line-height: var(--lnheight-34);} 
.titr_matn_red{margin-top: 0px;}
.matn_link{ color: #050125;}

.titr_list{font-family: "SamimBold";border-right: 3px solid #ff5c01;display: inline-block;margin: 30px 0 5px;padding: 5px 10px 5px;line-height: 20px;font-weight: normal;background-color: #dae6e9;font-size: var(--font-18);line-height: var(--lnheight-32);}
.naghshe{width: 50%;}
.naghshe img{display: block;margin: auto;}
@media only screen and (max-width: 768px){
	.naghshe,.min_700{width: 100%;}
	.naghshe img{padding: 30px;}
}
.titr_matn{font-family: "SamimBold";}
@media only screen and (max-width: 768px){
	.left_num{border-right: none;border-left: none;}
}
	
/** according slider **/
.flex-container {
  position: relative;
  height: 400px;
  width: 100%;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  overflow: hidden;
}
.flex-slide{ background-size: cover !important; background-position: center center !important ; display: block; position: relative;}
.flex-title {
  padding:0 10px;
  color: #f1f1f1;
  position: relative;
  line-height: 40px;
  font-size: 27px;
  font-family:"SamimBold";
  margin: auto;
  text-align: center;
  top: 15%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.flex-about {
  opacity: 1;
  color: #f1f1f1;
  position: relative;
  line-height: 30px;
  font-size: 18px;
  font-family:"SamimBold";
  padding:20px 10px 10px;
  top: 14%;
  width:100%;
  margin: auto;
  text-align: center;
  transform: rotate(0deg);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.flex-slide .inside{ display:table; height:100%;}
.flex-slide .middle{ width:270px; margin: auto; background:rgba(0,0,0,0.5); display:table-cell; vertical-align:middle;}
.flex-slide .middle .more{ width: 100%; margin-top: 0; background: transparent; color: #fac003; border-color: #fac003; font-size:16px;}
.flex-slide a{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block;}
.flex-slide:hover .more{ background: #fac003; color: #333;}
@media screen and (min-width: 1024px) {
	.flex-slide {
	  -webkit-flex: 1;
	  /* Safari 6.1+ */
	  -ms-flex: 1;
	  /* IE 10 */
	  flex: 1;
	  -webkit-transition: all 500ms ease;
	  -moz-transition: all 500ms ease;
	  -ms-transition: all 500ms ease;
	  -o-transition: all 500ms ease;
	  transition: all 500ms ease;
	}
	.flex-slide:hover { -webkit-flex-grow: 3; flex-grow: 3;}
}
@media screen and (max-width: 1024px) {
	.flex-container { height: auto; flex-direction: column; }
	.flex-title { transform: rotate(0deg) !important; }
	.flex-slide .middle{ padding:15px 0;}
	.flex-slide { height:400px; overflow: auto; overflow-x: hidden;}
}
@media screen and (max-width: 768px) {
	.flex-slide { height:300px;}
	.flex-slide .middle{ margin-top:15px;}
}
@media screen and (max-width: 450px) {
	.flex-slide .inside,.flex-slide .middle{ width: 100%;}
	.flex-slide .middle .more{ max-width: 300px;}
}

/** end according slider **/

#landing .main{ max-width:1460px;}
#landing h2{ padding:40px 0; line-height:50px; color:#C7E844; font-family:'sahelT'; font-size:35px; text-align:center;}
#landing #tour_box{ display:flex; display: -webkit-flex; flex-wrap:wrap;}
#landing #tour_box .each_box{ width:calc(33.333% - 6.666px); margin:0 0 0 10px; padding:20px; margin-bottom:40px; background:rgba(0,0,0,.1); color:#fff; font-size:16px; text-align:center; border-radius:5px;} 
#landing #tour_box .each_box:nth-child(3n){ margin-left:0;}
#landing #tour_box .each_box h3{ padding:0 0 20px 0; line-height:40px; color:#C7E844; font-family:'sahelT'; font-size:25px; text-align:center;}
@media screen and (max-width: 900px) {
	#landing #tour_box .each_box{ max-width:450px; width:100%; margin:auto auto 20px;}	
	#landing #tour_box .each_box:nth-child(3n){ margin-left:auto;}
}

/*** blog news ***/
#blog{ padding: 60px 0;}
#blog .main > .flexbox{ align-items: stretch;}
#blog .newsbox{ width: Calc(25% - 7.5px); padding: 7px; margin: 0 0 0 10px; background:#f4f4f4; border-radius: 10px;}
#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; color: #333; font-size: 15px; font-family: "SamimBold"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
#blog .newsbox h3 a:hover{ opacity: 0.7;}
#blog.pro .newsbox{ background:#fff;}
#blog.pro .sub_line span{ background: #f7f7f7;}

@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;}
}
.noprint{position: relative;}
.button_foo{position: absolute;width: 53px;height: 37px; line-height: 44px; background-color: #ff5c01;left: 15px; top:-38px; border-radius: 25px 25px 0 0; text-align: center; cursor: pointer;transition: all .3s linear;z-index:5 ;}
.button_foo > i{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
@media only screen and  (max-width: 800px){
	.button_foo{left: 0; right: 0; margin: auto;width: 60px;height: 46px;border-radius: 40px 40px 0 0;top: -47px;line-height: 50px;}
}

/** print - enteha bayad bashe **/
@media print {
	.noprint{display:none!important;}
}
@media only screen and  (max-width: 800px){
	#finance_rec tr, #finance_rec td{ width:100% !important; border-top:none !important; display:block;}
	#finance_rec tr:first-child{ display:none;}
	#finance_rec td:before{ padding-left:4px; color:#2474ab;font-family:"SamimBold"}
	#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:"SamimBold"; 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:"SamimBold";}
	#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%;}
.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;}
.redalert{font-size: 13px; text-align: justify; width: 100%; background: rgba(255,169,171,0.5); display: block; padding: 5px; margin-top: 5px;}

:root{
	--font-13: 13px;
	--lnheight-25: 25px;
	--font-14: 14px;
	--lnheight-26: 26px;
	--font-15: 15px;
	--lnheight-27: 27px;
	--font-16: 16px;
	--lnheight-28: 28px;
	--font-17: 17px;
	--lnheight-30: 30px;
	--font-18: 18px;
	--lnheight-32: 32px;
	--font-22: 22px;
	--lnheight-34: 34px;
}
#banner{ min-height: Calc(100vh - 100px); background-image: linear-gradient(to left bottom, #e4eef0, #ecf2f5, #f3f6f9, #fafafc, #ffffff); display: flex; align-items: center; position: relative; overflow: hidden;}
#banner h1{ font-family: "SamimBold"; font-size: 35px; line-height: 50px; display: block; margin-bottom: 20px; position: relative; z-index: 5;}
#banner .backto{ color: #4a5b5f; position: absolute; right: 20px; top: 20px; font-size: var(--font-13); line-height: var(--lnheight-25); border-bottom: 1px dashed #ff5c01;}
#banner .backto i{ margin-left: 5px; font-size: 13px; vertical-align: middle; position: relative; top: -1px;}
#banner .backto:hover{ opacity: 0.7;}
#banner .backto img{ width: 35px; margin: 0 0 5px 5px; display: inline-block; vertical-align: middle;}
#banner .flex_bann{ flex-direction: row-reverse; align-items: center;}
.bann_pic{ width: Calc(50% - 20px); margin-right: auto; align-items: flex-end;}
.bann_pic img{ width: 60%;}
.bann_pic img:first-child{ width: 22%; position: relative; left: -15%; top: 20px; z-index: 10;}
.bann_txt2{ width: Calc(50% - 20px); position: relative;}
.bann_txt2 .txt{ font-size: var(--font-16); line-height: var(--lnheight-28);}
.en_txt{ color: #d5dfe1; font-family: "Myriad"; font-size: 85px; position: absolute; left: 0; top: 0;}
.go_link{ width: 100%; margin: auto; position: absolute; right: 0; left: 0; bottom: 65px;}
.go_link a{ color: #333; font-size: var(--font-14); line-height: var(--lnheight-26); display: inline-block;}
.go_link a:after{ content: "|"; padding: 0 10px; color: #c2d7dd;}
.go_link a:last-child::after{ display: none;}
.go_link i{ margin-left: 5px;}
.go_link i,.go_link a:hover{ color: #ff5c01;}
.mid_font{ font-family: "Samim"; }
.max_800{ max-width: 800px;}
.txt_font{ font-size: var(--font-16); line-height: var(--lnheight-28);font-family: "Samim"}
.h_sub{ margin-bottom: 20px; color: #ff5c01; font-family: "SamimBold"; font-size: 25px; line-height: 40px; display: block;} 

.gototop{ max-width: max-content; margin: auto; text-align: center; display: block;} 
.gototop i{ width: 60px; height: 60px; line-height: 40px; margin: 0 15px; background: #ff5c01; color: #fff; position: relative; text-align: center; border: 10px solid #fff; border-radius: 100%; z-index: 5;}
.gototop::after{ content: ""; width: 150px; height: 2px; background: #dae6e9; position: relative; top: -30px; display: block;}
.gototop.in_bg i{ border-color: #f8f9fb;}
.gototop:hover{ opacity: 0.6;}
@media only screen and  (max-width: 768px){
	#banner{ min-height: inherit; padding: 70px 0 140px;}
	.bann_pic{ width: 100%}
	.bann_txt2{ width: 100%; margin-top: 50px;}
}
@media only screen and  (max-width: 500px){
	#banner h1{ margin-top: 50px;}
}

#property{ margin: 0 auto 20px; display: grid; grid-template-columns: repeat(5,auto); gap: 0 20px; position: relative; top: -50px; z-index: 10;}
#property > div{ min-width: 200px; padding: 20px; background-image: linear-gradient(to left bottom, #e4eef0, #ecf2f5, #f3f6f9, #fafafc, #ffffff); text-align: center; border: 1px solid #ff5c01; border-radius: 10px;}
#property > div b{ color: #5a5a5a; font-size: var(--font-17); line-height: var(--lnheight-30); display: block;}
#property > div i{ margin: 15px; color: #ff5c01; font-size: 30px;}
#property > div p{ color: #333; font-size: var(--font-16); line-height: var(--lnheight-28);}
.img_pro{ position: relative; display: inline-block; top:72px; right:-40px;}
.img_pro img{ width: 67px; display: block;}
.for_pro.img_pro{ top: inherit; right: inherit; left: 0; bottom: 50px; z-index: 80; position: relative; display: flex; align-items: flex-start;}
.for_pro.img_pro:after{ content: ""; clear: both; display: block;}
.for_pro.img_pro img{ margin-right: 10px; transform: scaleX(-1);}
.img_pro .pic_comment{ width: max-content; padding: 8px 10px; margin-right: auto; background:#ececec; color: black; position: relative; top: -4px; font-size: 13px; line-height: 23px; border-radius: 10px;border: 5px solid white;}
.mart0{ margin-top: 0 !important;}
@media only screen and  (max-width: 1125px){
	#property{ grid-template-columns: repeat(2,auto); gap: 20px;}
}
@media only screen and  (max-width: 500px){
	#property{ grid-template-columns: repeat(1,auto);}
	.img_pro .pic_comment{ max-width: calc(100% - 95px); top: 3px;} 
}

#cat_pro{ margin: 80px 0; align-items: flex-end; }
#cat_pro img{ width: 35%; position: relative; right: 20px; background: #fff; z-index: 10;}
#cat_pro > div{ width: 65%; padding: 50px 60px; border: 2px solid #dae6e9; position: relative; left: 20px;}
#cat_pro > div h3{ margin-bottom: 10px; color: #80999f; font-family: "SamimBold"; font-size: var(--font-17); line-height: var(--lnheight-30); display: block;}
@media only screen and  (max-width: 768px){
	#cat_pro{ margin: 10px 0 60px 0;}
	#cat_pro > div{ width: 100%; padding: 70px 30px 30px; position: static;}
	#cat_pro img{ width: 280px; margin-right: auto; top: 50px; right: inherit;}
}

#introduction{ margin: 80px 0; flex-direction: row-reverse; align-items: stretch;}
.in_left{ width: calc(100% - 770px); padding-right: 40px; margin-right: auto; border-right: 2px solid #dae6e9;}
.in_left img{ max-width: 300px; width: 100%; display: block;}
.en_number{ color: #dae6e9; font-family: "SamimBold"; font-size: 10rem; line-height: 10rem; display: inline-block;}
.in_right{ width: 745px;}
.in_right .swipe,#scroll_menu .swipe{ width: 50px; margin: 10px 0 0; float: left; display: none;}
.in_right .for_tab{ padding: 0; margin: 0; font-size: 0; border-bottom: 2px solid #dae6e9;}
.for_tab li{ padding: 5px 20px; font-family: "SamimBold"; font-size: var(--font-15); line-height: var(--lnheight-27); border-left: 2px solid #dae6e9; display: inline-block; transition: all linear 0.2s; cursor: pointer;}
.for_tab li:last-child{ border-left: none;}
.for_tab li.active, .for_tab li:hover{ background: #dae6e9; position: relative;}
.for_tab li.active::after{ content:""; width: 0; height: 0; margin: auto; border-right: 8px solid transparent; border-left: 8px solid transparent; border-top: 8px solid #dae6e9; position: absolute; left: 0; right: 0; bottom: -9px; display: block;}
.each_tab{ padding: 40px 0 20px 0; display: none;}
#tab1{ display: block;}
@media only screen and (max-width: 950px){
	.for_tab{ display: flex; overflow: auto; overflow-y: hidden;}
	.for_tab li{ min-width: 160px; padding: 15px 10px; text-align: center;}
	.in_left{ width: 100%; padding: 0; margin-bottom: 20px; border: none; text-align: center; display: flex; justify-content: center; align-items: flex-end;}
	.in_left img{ max-width: 200px;}
	.in_right{ width: 100%;}
	.in_left .en_number{ position: relative; top: 4px;}
	.en_number{ font-size: 8rem; line-height: 6rem;}
	.in_right .swipe,#scroll_menu .swipe{ display: block;}
}
@media only screen and (max-width: 768px){
	.in_right .swipe,#scroll_menu .swipe{ width: 30px;}
}

#breed{ padding: 80px 0; margin: 80px 0; background-image: linear-gradient(to left bottom, #e4eef0, #ecf2f5, #f3f6f9, #fafafc, #ffffff);}
#breed .en_number{ color: #c4d1d4;}
#breed .l_box{ width: Calc(100% - 250px); margin-right: auto;}
.l_box .txt_font{ margin-top: 20px;}
.l_box .l_album{ display: grid; gap: 10px; grid-template-columns: repeat(4,auto);}
#breed .l_album img{ width: 100%; object-fit: cover; display: block;}
.l_album > div:nth-child(2n-1) img{ height: 200px;}
.l_album > div:nth-child(2n-1) img:first-child{ margin-bottom: 10px;}
.l_album > div:nth-child(2n) img{ height: 410px;}
#breed .r_box{ width: 220px;}
.big_txt{ color: #4a4a4a; font-size: 40px; line-height: 60px;}
@media only screen and (max-width: 950px){
	#breed .l_box{ width: 100%;} 
	.l_box .l_album{ grid-template-columns: repeat(2,auto);}
	#breed .r_box{ width: 100%; margin-bottom: 20px; display: flex; align-items: flex-end; justify-content: center;}
	.big_txt{ margin-right: 10px; color: #4a4a4a; font-size: 30px; line-height: 45px;}
}

#age{ max-width: 800px; margin: 80px auto;}
#age .r_age{ width: 220px;}
.r_age .big_txt{ display: none;}
#age .l_age{ width: Calc(100% - 250px); margin-right: auto;}
@media only screen and (max-width: 950px){
	#age .l_age{ width: 100%; grid-template-columns: repeat(2,auto);} 
	#age .r_age{ width: 100%; margin-bottom: 20px; display: flex; align-items: flex-end; justify-content: center;}
	.r_age .big_txt{ display: block;}
	.l_age .h_sub{ display: none;}
	
	
}

#view{ margin: 80px 0; position: relative;}
#view .flexbox{ flex-direction: row-reverse;}
#view .flexbox > div:last-child{ width: 50%; padding-left: 50px;}
#view .flexbox .each{ padding: 20px; margin-bottom: 25px; border: 2px solid #dae6e9; position: relative;}
#view .flexbox .each b{ color: #80999f; font-size: var(--font-17); line-height: var(--lnheight-30);}
#view .flexbox .each .txt{ margin-top: 8px;}
#view .flexbox .each .cir{ margin-left: 8px; position: absolute; right: -26px; top: -24px; border: 10px solid #fff; height: 50px; width: 50px;}
#view .flexbox .imgbox{ width: 50%; position: relative;}
#view .flexbox img{ width: 100%; display: block; position: relative; z-index: 10;}
.mode1 .catpic{ width: 70%;}
.mode3 .catpic{width: 70%;}
.mode2 .catpic{width: 85%;}
.cir{ width: 30px; height: 30px; line-height: 33px; background: #ff5c01; color: #fff; font-family: "SamimBold"; text-align: center; border-radius: 50%; display: inline-block;}
#view .flexbox .imgbox .cir{position: absolute;  z-index: 12;}
#view .flexbox .imgbox .cir1{left: 74%;bottom: 96%;}
#view .flexbox .imgbox .cir2{bottom: 71%;left: 98%;}
#view .flexbox .imgbox .cir3{bottom: 50%;left: 60%;}
#view .flexbox .imgbox .cir4{bottom: 44%;left: 15%;}
#view .flexbox .imgbox .cir5{bottom: 40%;left: 89%;}
#view .flexbox .imgbox.mode1 .cir1{left: 74%;}
#view .flexbox .imgbox.mode1 .cir2{ left: 28%;bottom: 77%;}
#view .flexbox .imgbox.mode1 .cir3{ left: 54%;bottom: 40%;}
#view .flexbox .imgbox.mode1 .cir4{ bottom: 10%;}
#view .flexbox .imgbox.mode1 .cir5{ bottom: 59%;left: 78%;}
#view .flexbox .imgbox.mode2 .cir1{right: 25%;}
#view .flexbox .imgbox.mode2 .cir2{ left: 95%;bottom: 75%;}
#view .flexbox .imgbox.mode2 .cir3{ left: 50%;bottom: 30%;}
#view .flexbox .imgbox.mode2 .cir4{ bottom: 70%; left: 11%;}
#view .flexbox .imgbox.mode2 .cir5{ bottom: 42%;left: 80%;}
#view .flexbox .imgbox.mode3 .cir1{ right: 3%;bottom: 80%;}
#view .flexbox .imgbox.mode3 .cir2{left: 95%;bottom: 60%;}
#view .flexbox .imgbox.mode3 .cir3{left: 49%;bottom: 30%;}
#view .flexbox .imgbox.mode3 .cir4{bottom: 78%; left: 3%;}
#view .flexbox .imgbox.mode3 .cir5{ bottom: 45%;left: 70%;}
#view .en_number{ position: absolute; top: 0; left: 0;}
.mode2 .en_number{top: -150px !important;}
@media only screen and  (max-width: 950px){
	#view .flexbox > div:last-child{ width: Calc( 100% - 300px);}
	#view .flexbox .imgbox{ width: 300px; display: flex; align-items: flex-end;}
	#view .en_number{ position: static;}
	.imgbox .cir {width: 20px;height: 20px;line-height: 23px;font-size: 12px;}
}
@media only screen and  (max-width: 950px){
	#view .flexbox > div:last-child{ width: 100%; padding: 30px 0 0;}
	#view .flexbox .imgbox{ width: 100%; max-width: 400px; margin: auto;}
}

#catbreed table{ max-width: 600px; width: 100%; margin:10px auto; text-align:center;}
#catbreed table tr td{ padding:5px; background:#F8F8F8; font-size: var(--font-14); line-height: var(--lnheight-26); border:1px solid #fff; transition:all linear .2s;}
#catbreed table tr:nth-child(2n-1) td{ background:#eee; border-color:#fff;} 
#catbreed table tr:first-child td{ background:#373737; color:#fff; font-family: "SamimBold"; font-size: var(--font-15); line-height: var(--lnheight-27);}

.text_pic{ margin: 80px 0; flex-direction: row-reverse; align-items: stretch;}
.left_num{ width: 450px; padding-right: 40px; margin-right: auto; border-right: 2px solid #dae6e9;}
.left_num img{ max-width: 300px; width: 100%; display: block;}
.right_txt{ width: Calc(100% - 480px); margin-left: auto;}

.text_pic.box_rtl{ flex-direction: row;}
.box_rtl .left_num{ padding: 0 0 0 40px; margin: 0 0 0 auto; text-align: left; border-right: none; border-left: 2px solid #dae6e9;}
.box_rtl .left_num img{ margin-right: auto;}
.box_rtl .right_txt{ margin: 0 auto 0 0;}
@media only screen and  (max-width: 950px){
	.left_num{ width: 100%; padding: 0 !important; margin-bottom: 40px !important; border: none !important; text-align: center; display: flex; justify-content: center; align-items: flex-end;}
	.left_num img{ max-width: 200px;}
	.right_txt{ width: 100%;}
	.left_num .en_number{ position: relative; top: 4px;}
	.box_rtl .left_num img{ margin-right: inherit;}
	#catbreed table{ max-width: 100%;}
}

/*Related Articles*/
.related{margin: 60px 0; position:relative;}
.related ul{font-size:0; padding:0; line-height:0; overflow:hidden;}
.related div{font-size:20px; color: #444444; line-height:30px; padding:5px 10px 10px;}
.related ul li{display:inline-block; width:24%; text-align:center; height:240px; background-size:cover !important; transition:linear .2s; font-size:15px; margin:.5%; border-radius: 10px 10px 0 0; position:relative; line-height:25px;}
.related ul li:hover span,.related ul li:hover h4{max-height:100%; background:rgba(0,0,0,.8);}
.related ul li span,.related ul li h4{ margin: 0; display:block; position:absolute; bottom:0px; right:0px; left:0px; background:rgba(0,0,0,.6); padding:5px; max-height:35px; color:#FFF; text-shadow:1px 1px 1px black;
overflow:hidden; 
  -webkit-transition: max-height .2s; 
  -moz-transition: max-height .2s; 
  -ms-transition: max-height .2s; 
  -o-transition: max-height .2s; 
  transition: max-height .2s;
  transition:linear .2s;
}
.related ul li h4 a{ color: #fff; font-family: "samim"; font-weight: normal; position: static !important;}
#relateheigth{ transition: all .5s linear; text-align:center;}
.related ul li i{color:#ff5c01; padding-left:5px;}
.related ul li a{position:absolute; top:0; bottom:0; left:0; right:0;}
#curtain,#cm_curtain{ padding:5px 0; margin: -43px auto 0 auto; color:#FFF; text-align:center; font-size:14px;  border-bottom: 3px solid #ff5c01; cursor:pointer; text-shadow:1px 1px 1px black; background: white; background: -webkit-linear-gradient(transparent, white); background: -o-linear-gradient(transparent, white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(transparent, white); background: linear-gradient(transparent, white); position: relative; z-index: 3; transition: all .5s linear; }
#curtain i, #cm_curtain i{ padding-right: 4px; color:#FFF; position: relative; top: 2px; transition: all .5s linear; }
#curtain b, #cm_curtain b{ padding:10px; border-radius:10px 10px 0 0; line-height:26px; font-family:"Samim"; background:#ff5c01; transition: all .5s linear;}
#curtain b:hover{opacity:.9;}
#curtain.open{ margin: 20px auto 0 auto; color:#FFF; text-shadow:none; border-bottom: 3px solid #ACACAC;}
#curtain.open b{background:#ACACAC;}
#curtain.open i{transform: rotateX(180deg);}
@media only screen and (min-width: 40px) and (max-width: 730px) {
	.related ul li span,.related ul li h4{max-height:100%; background:rgba(0,0,0,.8);}
	.related ul li{width:49%; height:250px;}
}
@media only screen and (min-width: 40px) and (max-width: 500px) {
	.related ul{margin:0; width:100%; padding:0;}
	.related ul li{width:98%; height:300px; display:block; margin:auto; margin-bottom:15px;}
}
/*Related Articles*/

#scroll_menu{ padding: 0 0 50px 0;} 
#scroll_menu.fix_mode .main{ max-width:1220px !important; padding:0 !important;}
#scroll_menu.addnav{ padding: 0; background:#f9f9f9; margin-top:0; position:fixed; top:0; right:0; left:0; z-index:99; transition:all 0.3s linear;}
#scroll_menu.addnav a{ vertical-align: middle;}
#spacing{ height:34px;}
.land_link{ text-align: center; font-size: 0;}
.land_link a{ width: 12.5%; padding: 0 5px 5px; margin: 10px 0; color: #333; font-family: "SamimBold"; font-size: var(--font-16); line-height: var(--lnheight-28); border-bottom: 1px solid transparent; display: inline-block; vertical-align: top;}
.land_link a:hover,.land_link a.active{ color: #ff5c01; border-color: #ff5c01;}
.land_link a.active{ position: relative;}
.land_link a.active:after{ content: "";	right: calc(50% - 5px); position: absolute;	width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ff5c01; bottom: -5px; transition: all linear .3s;}
.land_link .en_num{ margin-left: 8px; color: #a3bac0; font-family: "SamimBold"; font-size: 18px; line-height: 28px; display: inline-block;}
@media only screen and  (max-width: 850px){
	#scroll_menu > .main{ display: flex; flex-wrap: nowrap; overflow: auto;}
	.land_link a{ min-width: 155px; width: inherit; padding: 10px 5px;} 
	
}

#other_landing{ margin: 60px 0 80px;}
#other_landing > div{ width: 100% !important; margin-left: 0 !important;}
#other_landing > div a{ width: 150px; padding: 10px; margin: 5px !important; background-image: linear-gradient(to left bottom, #e4eef0, #ecf2f5, #f3f6f9, #fafafc, #ffffff); color: #333; text-align: center; border: 1px solid transparent; border-radius: 10px; display: inline-block !important;}
#other_landing > div a:hover{ color: #ff5c01; border-color: #ff5c01;}
#other_landing > div a img{ width: 100px; height: 100px; margin: auto; object-fit: cover; border: 5px solid #fff; border-radius: 100%; display: block;}
#other_landing > div a::before{ display: none !important;}

#one_pro{ margin: 20px 0 0; padding: 20px; background: #ffd9c5; border-radius: 20px;}
#one_pro h2{ width: Calc(100% - 260px); padding: 20px; color: #ffff; font-family: "SamimBold"; font-size: 25px; line-height: 40px; text-align: center;}
#one_pro .img_pro{ margin-top: 30px; position: static;}
.single{ max-width: 250px; padding: 10px; margin-right: auto; background: #fff; text-align: center; border-radius: 10px; overflow: hidden;}
.single .s_pic{ margin-bottom: 10px; overflow: hidden; display: inline-block;}
.single .s_pic:hover img{ transform: scale(1.1);}
.single img{ width: 100%; display: block; transition: all linear 0.2s;}
.single h3{ font-family: "SamimBold"; font-size: 16px; line-height: 28px;}
.single h3 a{ color: #333;}
@media only screen and (max-width: 550px){
	#one_pro{ margin: 70px 0 0;position: relative;padding-bottom: 100px;overflow: hidden;}
	#one_pro h2{ width: 100%; position: static;}
	#one_pro .img_pro{ margin: 0;position: absolute;bottom: 0;left: 0;right: inherit;top: inherit;}
	.single{ margin: auto;}
}

@media only screen and (max-width: 768px){
	:root{
		--font-13: 16px;
		--lnheight-25: 28px;
		--font-14: 17px;
		--lnheight-26: 30px;
		--font-15: 18px;
		--lnheight-27: 31px;
		--font-16: 18px;
		--lnheight-28: 32px;
		--font-17: 20px;
		--lnheight-30: 33px;
		--font-18: 21px;
		--lnheight-32: 35px;
		--font-22: 25px;
		--lnheight-34: 38px;
	}
}