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

@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: bold;
	}
	
@font-face {
  font-family: 'ADastNevis';
  src: url('includes/fonts/ADastNevis.eot?#') format('eot'),  /* IE6–8 */
       url('includes/fonts/ADastNevis.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('includes/fonts/ADastNevis.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
	}
	
#newsletter input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  direction:rtl !important;
  text-align:right;
  font-size:14px;
  color:#000 !important;
  font-family:"samim";

}
#newsletter input::-moz-placeholder { /* Firefox 19+ */
  direction:rtl !important;
  text-align:right;
  font-size:14px;
  color:#000 !important;
  font-family:"samim";
}
#newsletter input:-ms-input-placeholder { /* IE 10+ */
  direction:rtl !important;
  text-align:right;
  font-size:14px;
  color:#000 !important;
  font-family:"samim";
}
#newsletter input:-moz-placeholder { /* Firefox 18- */
  direction:rtl !important;
  text-align:right;
  font-size:14px;
  color:#000 !important;
  font-family:"samim";
}
	
::-moz-selection{background:rgba(0,0,0,0.1)}
* {
    box-sizing: border-box;
}
html, body{width:100%; height:100%;}
body{ direction:rtl; font-size:15px; font-family:'samim'; line-height:28px; color:#333;}
a{text-decoration:none;}
.main{max-width:1230px; margin:auto; display:block; padding-left: 15px; padding-right: 15px;}
.mainbox{ max-width:900px; margin:auto; display:block; padding-left: 15px; padding-right: 15px;}

.flr{float:right;}.fll{float:left;}
.tar{text-align:right;}
.tal{text-align:left;}
.ltr{ direction: ltr; display: inline-block; }
b, strong, .destination .tour h3, .h3bold h3{font-family:'samimBold'; font-weight:normal;}
.green{color:#393;}.red{color:#b40000;}.orange{color:#E18700;}.red,.reason .Ared{color:#F55252;}

/* Default CSS */
.drtl{direction:rtl;}.dltr{direction:ltr;}.FloatR{float:right;}.FloatL{float:left;}
.clr{clear:both;}.Tright{text-align:right;}.Tleft{text-align:left}.Tjustify{text-align:justify;}.Tcenter{text-align:center;}
.Ared{color:#930;} .Agreen{color:#360;} .Aorange{color:#f7941e;}

 /**navigate**/
.navigator{ font-size:13px; color:#415828; padding:15px; line-height:20px; text-align:right;}
.navigator a{ color:#1a1a1c; display:inline-block; padding-left:5px;}
.navigator a:hover{ opacity:.5;}
.navigator i{color:#415828; vertical-align:middle;}
#p_serv .navigator a{ color:#fff; text-shadow: 0px 1px 2px #000000;}
.on_fix{ padding: 0 0 20px; background: #fff; position: relative; z-index: 10;}
/**#back_up{ width: 45px; height: 45px; line-height: 45px; text-align: center; background: rgba(0,0,0,.7); color: #FFF; font-size: 18px; position: fixed; bottom: 0; right: 0; z-index: 999; cursor: pointer; transition: all .3s linear; display: none; }
#back_up:hover{ background:rgba(0,0,0,1); }**/
.flexbox{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap;} 
.flexbox1{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items: center;} 
.en_font{ font-family: tahoma;}
.more{ width:120px; padding:5px 5px; margin:20px auto auto; background: #415828; color:#fff; font-family:'samimBold'; font-size:14px; text-align:center; text-shadow: 0px 1px 2px #000000; border:1px solid #415828; display:block; transition:all linear .2s;}
.more:hover{ opacity: .7;}

/*********/
header{ background: #f4f4f4; padding: 15px 0;}
header h1{ font-family: "samimBold"; font-size: 26px; line-height: 38px;}
header img{ width: 80px; margin-bottom: 5px; display: block;}
header .logo{ width: 250px; color: #333;}
#menu_bar{ margin-left: 20px; font-size: 30px; display: none;}
#menu{ width: calc(100% - 265px); margin-right: auto;}
#menu ul{ padding: 0; margin: 0; font-size: 0;} 
#menu ul li{ margin-left: 8px; font-size: 15px; display: inline-block;} 
#menu ul li a{ padding: 5px 15px; color: #333; font-family: "samimBold"; border-bottom: 2px solid transparent; display: block;}
#menu ul li a:hover,#menu ul li a.active{ border-color: #415828;}
@media only screen and (max-width:1024px){
	header img{ width: 60px;}
	header h1{ font-size: 25px; line-height: 35px;} 
	#menu_bar{ display: block;}
	#menu{ width: 100%; padding-top: 10px; border-top: 1px solid #ddd; display: none;}
	#menu ul li{ margin: 0 0 10px; font-size: 18px; line-height: 28px; display: block;}
	#menu ul li a{ padding: 5px 0; display: inline-block;}
	#menu ul li a:hover{ border-color: transparent;	}
}



#reg_form{ margin: 35px 0 60px;}
#formbox{ gap: 30px 50px; grid-template-columns: auto auto auto; display: grid;}
#formbox .each input,#formbox .each textarea,#formbox .each select{ width: 100%; height: 40px; padding: 0 5px; background: transparent; border: 1px solid #ddd; display: block;}
#formbox .each textarea{ height: 80px !important; resize: none;}
#formbox .each select option{ font-family: "tahoma";} 
#formbox .each .above{ padding: 0 5px 3px 0; font-family: "samimBold"; font-size: 14px; line-height: 25px; display: block;}
#formbox .each .above b{ color: red;}
#formbox .item1{ grid-column: 1 / 3;}
#formbox .item2{ align-content: end; display: grid;}
#formbox .each .more{ width: 100%; height: 40px; margin: 0;}
.sel_grid{ gap: 0 5px; grid-template-columns: auto auto auto; display: grid;} 
.formtxt{ margin-bottom: 20px;}
@media only screen and (max-width:768px){
	#formbox{ gap: 30px; grid-template-columns: auto auto;}
	#formbox .each input,#formbox .each textarea,#formbox .each select{ height: 50px; font-size: 18px;}
	#formbox .each .more{ height: 50px; font-size: 18px;}
	#formbox .each .above{ font-size: 15px;}
}
@media only screen and (max-width:450px){
	#formbox{ display: block;}
	#formbox .each{ margin-bottom: 30px;}
	#formbox .each:last-child{ margin-bottom: 0;}
}

#banner img{ width: 100%; display: block;}
.quote{ margin: 50px 0; font-family: "samimBold"; font-size: 18px; line-height: 30px; text-align: center;}
.quote i{ color: #dfc267; position: relative;}
.quote .fa-quote-left{ top: 9px; right: 5px;}
.quote .fa-quote-right{ bottom: 10px; left: 5px;}

/** album **/
#album_box{ position:relative; overflow: hidden;}
#galleryBox{ padding:0; margin:auto; font-size:0; text-align:center; background:#E2E2E2; transition: all .5s linear; white-space:nowrap;}
#galleryBox:after{ content:''; clear:both; display:block;}
#galleryBox li{ height:180px; background-size:cover !important; background-position:top !important; position:relative; font-size:14px; display:inline-block; vertical-align:bottom; cursor: pointer; list-style:none;}
#galleryBox li:before{ content:"\f002"; padding-top:75px; 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:first-child:after{ content:"کلیک کنید"; padding-top:75px; position:absolute; top:0; right:0; left:0; bottom:0; color:#fff; font-size:16px; font-family:'samim'; text-shadow:1px 1px 1px #000; transition:all linear 0.5s;}
#galleryBox li:hover{ -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */ filter: grayscale(0);}
#galleryBox li:hover:before{ visibility:visible; opacity:0.8;}
#galleryBox li:hover:after{ visibility:hidden; opacity:0;}
#galleryShow{ max-width: 100%; max-height: 100%; padding:0 10px 10px 10px; background: rgba(0,0,0,.88); position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; transform-origin: 50% 0; opacity: 0; visibility: hidden; transition: all .5s linear; z-index: 9999; }
#galleryShowClose{ padding:10px 50px; color: #FFF; font-size: 30px; line-height: 30px; cursor: pointer; transition: all .3s linear; position:relative; z-index:13;}
#galleryShowClose:hover{ opacity:0.5;}
#galleryShowImg{ overflow: hidden; margin-top: 5px; opacity: 1; transition: all .8s linear; text-align:center;}
#galleryShowImg > span{ position:relative; display:inline-block;}
#galleryShowImg > span > div{ position:absolute; bottom:5px; left:5px; margin:auto; padding:3px 15px; text-shadow:1px 1px 1px #000; background:rgba(0,0,0,0.5); color:#fff; font-size:13px; display:inline-block;}
#galleryShowImg > span > div:empty{ display:none;}
#galleryShowImg img{ max-width: 100%; max-height:530px; margin:auto; display: block;}
#galleryShowImg i{ width: 50%; height:100%; padding-top:22%; 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:max-content; padding: 10px; margin: 20px auto; font-size: 18px; display:none;}
#morePic:hover{ opacity:0.5;}
#morePic i{ margin-right: 5px; position: relative; top: 3px;}
#about_trip{ padding:20px; background:url(images/background/bg.jpg);}
#about_trip .tsubject{ margin-bottom:0; font-size:18px;}
.fontl{font-size:13px;}
#nex_mtlbkh,#pre_mtlbkh{ width:50px; padding-top:80px; font-size: 35px; text-align:center; margin: auto; position: absolute; top: 0; bottom: 0; color: #FFFFFF; cursor: pointer; transition: all .3s linear; z-index:999; text-shadow:1px 1px 1px black; opacity:.7;}
#pre_mtlbkh{ padding-left:15px; right: 0px; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );}
#nex_mtlbkh{ padding-right:15px; left: 0px; background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );}
#nex_mtlbkh:hover,#pre_mtlbkh:hover{ opacity:0.4;}

@media only screen and  (max-width: 1000px){
	#galleryBox{ width:auto !important; background: transparent;}
	#galleryBox li{ width: calc(50% - 5px)!important; height:185px; margin: 0;}
	#galleryBox li:first-child{ margin-left: 10px;}
	#galleryBox li:before{ padding-top:80px;}
	#galleryBox li:after{ padding-top:150px;}
	#galleryBox li.disnone{ display:none;}
	#morePic{ display:block;}
	#nex_mtlbkh,#pre_mtlbkh{ display:none !important;}
}

@media only screen and  (max-width: 768px){
	#leftGallerySlide, #rightGallerySlide{ opacity:0.5 !important;}
	#galleryShowImg i{ padding-top:35%;}
	.in_tour .navigator{ text-align:center;}
	#galleryShowClose{ padding: 80px 50px 10px; position: absolute; left: 0; right: 0; bottom: 0;}
	#galleryShowdetail{ font-size: 15px;}
}
@media only screen and  (max-width: 800px){
	#anchor i{ right:15px;}
}

@media only screen and  (max-width: 550px){
	#galleryBox li{ width:100% !important; display:block;}
}
@media only screen and  (max-width: 400px){
	#galleryShowImg i{ padding-top:40%;}
}

/** video **/
.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;}

/** title **/
h2.title{ margin-bottom:50px; line-height:29px; font-size:19px; text-align:center;}
h2.title:after{ content:""; width:100%; margin-top:-14px; border-bottom:1px solid #b98f56; display:block;} 
h2.title b{ padding:0 15px; background:#fff; color:#1a1a1c;}
h2.title img{ width: 50px; margin: auto; display: block;}

/*************************************** services ***********************************************/
#p_serv,#news,#search_page,#p_lab{ margin-bottom: 30px;}
#s_banner{ height:350px; margin-bottom:40px; background-size:cover !important; background-position:center !important; background-repeat:no-repeat; text-align:center; position:relative;}  
#s_banner #under{ padding:20px; background:rgba(0,0,0,.5); position:absolute; left:0; right:0; bottom:0; color:#fff;}
#s_banner #under h1{ margin-bottom:20px; font-size:23px; font-family:'samimBold'; color:#fff;}
#s_banner #under.hastxt h1{ margin-bottom: 5px;}
#s_banner .under_info{ font-size:0; display:flex; display:-webkit-flex; justify-content:center; flex-wrap:wrap;}
#s_banner .under_info > div{ margin:0 0 5px 5px; display:inline-flex;}
#s_banner .under_info > div:last-child{ margin-left:0;}
#s_banner .under_info > div a{ padding:2px 10px; color:#fff; font-size:14px; transition:all linear 0.2s; display:block;}
/*#s_banner .under_info > div:after{ content:"|"; font-size:14px;}*/
#s_banner .under_info > div a:hover, #s_banner .under_info > div a.active{ color:#8ACFAF; border-color:#415828;}
 
h1.title{ margin:40px 0 20px; line-height:33px; color:#1a1a1c; font-family:'samimBold'; font-size:23px;}
#serv_box{ display:flex; display:-webkit-flex; flex-wrap:wrap;}
#serv_box #right{ width:Calc(100% - 300px); padding-left:15px;}
#serv_box #right #news_box{ display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:center;}
#serv_box #right #news_box > div{ width:Calc(33.333% - 10px); margin:0 0 30px 15px; text-align:center;}
#serv_box #right #news_box > div:last-child, #serv_box #right #news_box > div:nth-child(3n){ margin-left:0;}
#serv_box #right #news_box > div > a{ position:relative; display:block;}
#serv_box #right #news_box > div > a:before, .search_box > a:before{ content:""; margin:auto; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; visibility:hidden; display:block; transition:all linear .2s; z-index:10;}
#serv_box #right #news_box > div > a:hover:before, .search_box > a:hover:before{ opacity:1; visibility:visible;}
#serv_box #right #news_box > div img{ width:100%; display:block;}
#serv_box #right #news_box > div > h2{ margin-top:5px;}
#serv_box #right #news_box > div > h2 > a{ color:#1a1a1c; font-family:'samimBold'; font-size:16px; display:inline-block; transition:all linear 0.2s;}
#serv_box #right #news_box > div > h2 > a:hover{ color:#415828;}
#serv_box #right #news_box > div .date{ color:#969696; font-size:11px;}

#serv_box #right #s_paging{ padding:0; margin:0; font-size:0;}
#serv_box #right #s_paging li{ color:#777; font-size:14px; display:inline-block;}
#serv_box #right #s_paging a{ padding:5px 15px; color:#868686; display:block; transition:all linear 0.2s;}
#serv_box #right #s_paging a:hover{ color:#1a1a1c;}
#serv_box #right #s_paging li.active{ background:#f4f4f4;}

.ser_box .matlab_bimg img{width:100%;}

#serv_box #left{ width:300px; padding-right:15px; border-right:1px solid #1a1a1c;}
#serv_box #left form{ margin-bottom:30px; display:flex; display:-webkit-flex;}
#serv_box #left form input{ width:Calc(100% - 85px); padding:0 5px; margin-left:5px; height:35px; border:1px solid #1a1a1c;}
#serv_box #left form button{ width:80px; background:transparent; border:1px solid #1a1a1c; text-align:center; transition:all linear 0.2s;}
#serv_box #left form button:hover{ color: #415828; border: 1px solid #415828;}
#serv_box #left #tags .title{ padding:5px; margin-bottom:10px; color:#1a1a1c; font-family:'samimBold'; font-size:22px; border-bottom:1px solid #1a1a1c;}
#serv_box #left #tags ul{ padding:0; margin:0; font-size:0;}
#serv_box #left #tags ul li{ min-width:88px; margin:0 0 5px 0; font-size:14px; text-align:center; display:block;}
#serv_box #left #tags ul li a{ padding:3px 8px; background:#f4f4f4; color:#1a1a1c; border:1px solid #f4f4f4; display:block; transition:all linear 0.2s;}
#serv_box #left #tags ul li a:hover{ opacity:0.6;} 
#serv_box #left #tags ul li a.active{ background:#bcbcbc;}
#serv_box #left #tags ul li span{ color:#415828; font-size:12px;}

@media only screen and (max-width: 1024px){
	#serv_box #right #news_box > div{ width:Calc(50% - 8px);}
	#serv_box #right #news_box > div:nth-child(3n){ margin-left:15px;}
	#serv_box #right #news_box > div:last-child, #serv_box #right #news_box > div:nth-child(2n){ margin-left:0;}
}
@media only screen and (max-width: 850px){
	#serv_box #right{ width:100%; padding: 0 0 10px; margin-bottom:40px; border-bottom:1px solid #1a1a1c;}
	#serv_box #left{ max-width:400px; width:100%; margin:auto; border:none;}
	#serv_box #left #tags, #serv_box #right #s_paging{ text-align:center;}
}
@media only screen and (max-width: 550px){
	#serv_box #right #news_box > div{ max-width:400px; width:100%; margin:0 0 30px !important;}
}

/*************************************** news ***********************************************/
#news .newest{ margin-bottom:0;}
#news_info{ padding:20px 0; text-align:center;}
#news_info .rotitr, .writer{ line-height:23px; color:#868686; font-size:13px;}
#news_info h1.title{ margin:10px 0 15px;}
#news_info #news_link{ margin:30px 0 15px; display:flex; display:-webkit-flex; justify-content:center; flex-wrap:wrap;}
#news_info #news_link a{ padding:0px 15px; margin:0 5px 5px; color:#868686; font-size:12px; border:1px solid #868686; transition:all linear 0.2s;}
#news_info #news_link a:hover{ color:#415828; border-color:#415828;} 
#news_info #news_link i{ vertical-align:middle;}

.news_txt img{ max-width:100%; height:auto; margin:10px auto; display:block;}
.news_txt ul, .news_txt ol{ padding-right:30px;}
.news_txt .short{ margin-bottom:20px; padding-bottom:10px; color:#646464; border-bottom:1px solid #868686;}
.news_txt a{ color:#1A828F; transition:all linear 0.2s;}
.news_txt a:hover{ opacity:0.6;} 
.news_txt iframe{ padding:10px 0;}
.news_txt h3{ padding:5px 10px 5px; margin: 40px 0 10px; line-height:30px; background:#fff4e5; font-family:'samimBold'; font-size:18px; border-right: 2px solid #be9257; display:inline-block;}
.news_txt .example1{ color:rgba(94,94,94,1.00); font-size:13px; line-height:24px; font-style:italic; text-align:center; position:relative; top:-5px; display:block;}
.news_txt .attach{ padding:20px 0 0; font-size:13px;}

.news_txt table{ width:100%; margin:10px 0; text-align:center;}
.news_txt table tr td{ padding:3px 5px; background:#F8F8F8; border:1px solid #fff; transition:all linear .2s;}
.news_txt table tr:nth-child(2n-1) td{ background:#eee; border-colr:#fff;} 
.news_txt table tr:first-child td{ background:#415828; color:#fff; font-size:16px;}

.paging{ margin-top:40px; display:flex; display:-webkit-flex;} 
.paging > a{ width:50%; padding:5px 10px; color:#868686; font-size:13px;}
.paging > a b{ font-size:14px; color:#1a1a1c; transition:all linear .2s;}
.paging > a:hover b{ color:#415828;}
.paging > a i{ vertical-align:middle;}
.paging > a:last-child{ text-align:left; border-right:1px solid #DDDFE1;}  
#label{ margin-top:40px; text-align:center;}
#label .title{ margin-bottom:10px; color:#1a1a1c; font-family:"samimBold"; font-size:18px;}
#label i{ font-size:14px; margin-left:10px;}
#label_box{font-size:0;}
#label_box a{ padding: 3px 8px; margin:0 0 5px 5px; background: #f4f4f4; color: #1a1a1c; font-size:14px; transition:all linear 0.2s;}
#label_box a:hover{ opacity:0.7;}

.wr_box{ margin:15px 0; text-align:center;}

/** rating **/
#showstar{ font-size:0;}
.stars{ margin-top:10px; text-align:center;}
.stars img{width:40px; height:auto;}
.stars i{ color:#F7BB06 !important; font-size:16px;}
.stars span{font-size:14px; display:inline-block; margin-top:5px;}
#star1,#star2,#star3,#star4,#star5{width:85px; background:url(images/symbol/stars.png) no-repeat; height:15px; }
#star1{background-position:0px 0}
#star2{background-position:0px -15px}
#star3{background-position:0px -30px}
#star4{background-position:0px -45px}
#star5{background-position:0px -60px;}
/****** Style Star Rating Widget *****/
.votes{ font-size:13px; line-height:23px;}
.rating { 
  border: none;
  padding:0;
  margin:0;
  text-align:center;
  direction:rtl;
  display:inline-block;
}

.rating > input { display: none; } 
.rating > label:before { 
  font-size: 16px;
  display: inline-block;
  content: "\f005";
  font-family:"Font Awesome\ 5 Free";
  font-weight: 900;
 }
  
.rating > .half:before { 
  content: "\f089";
  font-family:"Font Awesome\ 5 Free";
  font-weight: 900;
}

.rating > label { 
  line-height:0;
  color: #ddd; 
  transition:all linear 0.2s;
}

/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #F7BB06;  } /* hover previous stars in list */
.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #F7BB06;  } 
#wantstar{ border:1px solid #1a1a1c; transition:linear .2s; padding:3px 10px;}
#wantstar:hover{color:#415828; border-color:#415828; cursor:pointer;}
#givestar{transition: visibility 0s, opacity 0s linear; position:relative;}
#givestar img{ width:30px !important; height:auto; position:absolute; left:0; right:0; margin:auto; display:block !important;}
#givestar button{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;  border: none; font-size:13px; position:relative; top:4px; color:#413F3F; transition:linear .2s; left:5px; border-radius:3px; background:#415828; min-width: 120px; padding: 0 0 1px 0; float:left; margin-right:15px; margin-left:-5px;}
#givestar button:hover{color:#F7BB06 ; cursor:pointer;}
#result{margin-top:10px; font-family: 'samim'; font-size:14px;}
/** end rating **/

/** comment **/
#matlab_comm{
    padding: 50px 15px 0;
}
#matlab_comm .container{
    max-width:900px;
	padding: 0px 15px;
	margin:auto;
}
.comment{
    width: 95%;
    margin-bottom: 50px;
    line-height: 15px;
    position: relative;
}
#comment_header{
    margin-bottom: 20px;
    color: #333;
    font-size: 25px;
    line-height: 30px;
}
.comment_info{
    padding: 5px 0px;
    color: #aaaaaa;
    font-family: Samim;
    font-size: 13px;
}
.comment_info i{
    margin-right: 5px;
    color: #a6a6a6;
    display: inline-block;
}
.comment_info div{
    display: block;
}
.comment_info span:first-child{
    padding-left: 3px;
	color:#333;
	font-family:"samimBold";
}
.comment_txt{
    padding: 5px 0px;
    font-family: Samim;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    text-align: justify;
    text-justify: auto;
}
.comment_ans{
	padding:10px;
	background:#f4f4f4;
    margin: 15px 60px 0px 0px;
}
.comment_ans .comm_img{
    color: #7f7f7f;
    font-size: 20px;
}
.comm_reply{
	padding:0 5px; 
	margin-right:5px;
	background:#f4f4f4;	
    color: #aaaaaa;
    line-height: 24px;
    font-size: 13px;
    display: inline-block;
    cursor: pointer;
    transition: all .2s linear;
}
.comm_reply i{
    margin-left: 2px;
	margin-right:0;
}
.comm_reply:hover{
    color: #415828 ;
}
/** form ersale nazar **/
#comform_header{
    margin: 15px 0px 10px 0px;
    color: #333;
    font-size: 22px;
    line-height: 30px;
}
#comform_header span{ font-size: 13px; 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: 15px;
    color: #696969;
    display: block;
    font-family: Samim;
}
#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: 170px;
    max-height: 170px;
    margin-bottom: 15px;
    padding: 5px 10px;
	background: #fff;
    border: 1px solid #cccccc;
    font-family: Samim;
    font-size: 14px;
	color:#333;
    transition: all .3s linear;
}
#comment_form .comf_float{
    width: 50%;
    float: right;
}
#comment_form .comf_float:first-child{
    padding: 0px 0px 0px 10px;
}
#comment_form .comf_float:nth-child(2){
    padding: 0px 10px 0px 0px;
}
#comment_form input[type="text"]{
    width: 100%;
    height: 40px;
    padding: 5px 10px;
	background: #fff;
    border: 1px solid #cccccc;
    font-family: Samim;
    font-size: 14px;
	color:#333;
    transition: all .3s linear;
}
#comment_form input[type="text"]:hover,#comment_form textarea:hover,
    #comment_form input[type="text"]:focus,#comment_form textarea:focus{
    border: 1px solid #A2A2A2;
}
#comment_form .ltext{
    font-family: Tahoma !important; direction:ltr; display:inline-block;}
#matcom_sub{
    text-align: left;
    padding-bottom: 10px;
}
#comment_form button{
    height: 35px;
    margin-top: 25px;
    padding: 0px 30px;
    font-size:14px;
    font-family: Samim;
    background: transparent;
	color: #1a1a1c;
    border: 1px solid #1a1a1c;
    cursor: pointer;
    transition: all .3s linear;
}
#comment_form button:hover{
	color:#415828;
	border-color:#415828;
}
#matcom_sub #pasokh_sub{
    display: none;
}
#NatijeSubmit{ margin: 20px 0 0; line-height: 25px;}
@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;
    }
    .comment_ans{
        margin: 15px 5px 0px 0px;
    }
    .comment_ans .comm_img{
        font-size: 20px;
		margin-top: 0px;
    }
}
@media only screen and (max-width:500px){ /************ responsive matlab 500 px *****************/
    #matlab_comm .container{
        padding: 0px 10px;
    }
    .comment_info{
        line-height: 25px;
    }
}
/** end comment **/

/*************************************** search ***********************************************/
#result_box{ padding:30px 0; margin-bottom:40px; background:#e0e0e0; font-size:23px; line-height:35px;}
#result_box .navigator{ padding: 0 0 15px 0;}
#result_box .s_fix{ font-family:samimBold;}
#result_box .sign{ font-size:25px;}
#result_box h1{ font-family:samimBold; font-size:23px; display:inline-block;}
.search_box{ padding:20px 0; border-bottom:1px solid #1a1a1c; display:flex; display:-webkit-flex; flex-wrap:wrap;}
.search_box:nth-of-type(2){ padding-top:0;}
.search_box:nth-last-child(2){ border-bottom:none;}
.search_box > a{ width:222px; display:block; position:relative;}
.search_box > a img{ width:100%; height:100%; object-fit: cover; display:block;}
.search_box > div{ width:calc(100% - 222px); padding:10px 15px 0;}
.search_box > div h2{ margin-bottom:15px;}
.search_box > div h2 a{ color:#1a1a1c; font-size:20px; font-family:"samimBold"; display:block; transition:all linear 0.2s;}
.search_box > div h2 a:hover, .search_box > div .serv_item:hover{ color:#415828;}
.search_box > div .serv_item{ color:#9fa8b0; font-size:13px; display:inline-block; transition:all linear 0.2s;}
.search_box > div .txt{ font-size:14px;} 
.search_box > div > span, .search_box > div .txt span{ padding:2px 4px; background:#415828; color:#fff; font-size:14px; /*text-shadow:1px 1px 1px #333;*/} 
.search_box .more{ margin-right:0;}

.label_paging{ padding-bottom:5px; font-size:13px; text-align:left;}
.label_paging span{ color:#999;}
.label_paging a{ color:#415828; transition:all linear .2s;}
.label_paging a:hover{ opacity:0.6;}
.label_paging i{ vertical-align:middle;}
@media only screen and (max-width: 1130px){
	.search_box{ align-items:center;}
}
@media only screen and (max-width: 1024px){
	#search_page #serv_box #right{ width:100%; padding-left:0; margin-bottom:40px; border-bottom:1px solid #1a1a1c;}
	#search_page #serv_box #left{ max-width:400px; width:100%; margin:auto; border:none;}
}
@media only screen and (max-width: 600px){
	.search_box > a{ max-width:400px; width:100%; margin:auto;}
	.search_box > div{ width:100%; margin-top:10px; text-align:center;}
	.search_box .more{ margin-right:auto;}
	.label_paging{ text-align:center;}
}

/*** footer ***/
.copyright{ padding: 10px 0 10px; background: #415828; color: #fff; font-size: 13px;}
.copyright a{ color: #fff; transition: all linear .2s;}
.copyright a:hover{ opacity: 0.7;}
.copyright .en_copy{ margin-right: auto; font-family:tahoma;}
@media only screen and (max-width:600px){
	.copyright .flexbox > div{ width: 100%; margin: 0 !important; text-align: center;}
}

@media print {
    .noprint{display:none;}
}