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

@font-face{
	font-family: '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:#333 !important;
  font-family:"samim";

}
#newsletter input::-moz-placeholder { /* Firefox 19+ */
  direction:rtl !important;
  text-align:right;
  font-size:14px;
  color:#333 !important;
  font-family:"samim";
}
#newsletter input:-ms-input-placeholder { /* IE 10+ */
  direction:rtl !important;
  text-align:right;
  font-size:14px;
  color:#ddd !important;
  font-family:"samim";
}
#newsletter input:-moz-placeholder { /* Firefox 18- */
  direction:rtl !important;
  text-align:right;
  font-size:14px;
  color:#333 !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:1130px; 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;}.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:#33929c; 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:#33929c; vertical-align:middle;}
#p_serv .navigator a{ color:#fff;}

/**#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); }**/

/************************************* Header ****************************************/
header #top_line{ padding:7px 0; background:#1a1a1c; color:#8c8c8d;}
header #top_line .main{ display:flex; display:-webkit-flex;}
header #subscribe span{ margin-left:20px; font-size:11px;}
header #subscribe span a{ color:#8c8c8d; transition:all linear 0.2s; display:inline-block;} 
header #subscribe span a:hover{ color:#fff;}
header #top_line i{ color:#fff;}
header .social{ margin-right:auto; display:flex; display:-webkitdlex;}
header .social i{ font-size:16px; vertical-align:middle;}
header .social a{ margin-left:20px; display:block;}
header .social a:hover{ opacity:0.6; transition:all linear 0.2s;}
header .social a:first-child{ padding-left:15px; margin-left:15px; border-left:1px solid #8c8c8d;}
header .social a:last-child{ margin-left:0;}
header .social img{ width:17px; vertical-align:middle; display:inline-block;}
@media only screen and (max-width: 700px) {
	header #top_line .main{ text-align:center; display:block;}
	header .social{ justify-content:center;}
	header #subscribe{ margin-bottom:10px;} 
}

#menu{ padding:30px 0; display:flex; display:-webkit-flex;}
#menu img{ max-width:100%; width:200px; display:block;}
#menu nav{ width:Calc(100% - 210px); margin-right:auto; display:flex; display:-webkit-flex; align-items:center; justify-content:flex-end;} 
#menu nav ul{ padding:0; margin:0; font-size:0; transition:all linear 0.2s;}
#menu nav > ul > li{ margin-left:10px; font-size:15px; position:relative; display:inline-block;}
#menu nav > ul > li:hover > ul{ visibility:visible; opacity:1;}
#menu nav > ul > li:last-child{ margin-left:0;}
#menu nav > ul > li > a{ padding:5px 15px; color:#1a1a1c; font-family:"samimBold"; display:block; transition: all linear 0.2s;}
#menu nav ul li a:hover, #menu nav > ul > li:hover > a{ color:#33929c;}   
#menu nav ul ul{ padding:10px 15px; background:#1a1a1c; position:absolute; top:100%; right:0; visibility:hidden; opacity:0; z-index:100;}
#menu nav ul ul > li{ min-width:170px; font-size:13px; display:block;}
#menu nav ul ul > li > a{ padding:2px 0; color:#fff; display:block;}

#top_info{ display:none;}
#top_info img{ width:145px; margin:10px 0; display:block;}
#top_info #icons{ margin-right:auto;}
#top_info #icons i{ margin-right:10px; font-size:22px; vertical-align:middle; cursor:pointer;}
#top_info #icons #menu_bar{ font-size:26px;}

#search{ padding:8px 0; border-bottom:1px solid #1a1a1c; display:none;}
#search_form{ display:flex; display:-webkit-flex;}
#search_form input{ height:35px; width:calc(100% - 40px); padding:0 15px; font-size:14px; border:transparent;}
#search_form button{ width:40px; padding:0 0 0 15px; background:transparent; border:none; }
#search_form button i{ font-size:22px; vertical-align:middle;}

@media only screen and (max-width: 1024px) {
	#menu{ padding:20px 0; text-align:center; flex-wrap:wrap;}
	#menu nav{ width:100%; display:block;}
	#menu .logo{ margin:auto auto 20px;}
}

@media only screen and (min-width: 801px){
	#menu{ display:flex !important; display:-webkit-flex !important;}
	#menu nav > ul > li > a.active{ border-bottom:1px solid #1a1a1c;}
}
@media only screen and (max-width: 800px){
	header #top_line, #menu img, #menu{ display:none; }
	header .main{ max-width:100%; padding:0 !important;} 
	#menu{ padding:0; border-bottom:none !important;}
	#top_info{ padding:0 15px; border-bottom:1px solid #1a1a1c; display:flex; display:-webkit-flex; align-items:center;}
	#menu nav{ padding:5px 0; text-align:right;}
	#menu nav > ul > li{ margin-left:0; border-bottom:1px solid #ececec; display:block;}
	#menu nav > ul > li > a{ color:#4d4d4d;} 
	#menu nav ul ul{ padding:0 25px 10px; background:#fff; position:static; visibility:visible; opacity:1;}
	#menu nav ul ul > li{ min-width:100%;}
	#menu nav ul ul > li > a{ color:#4d4d4d;}
	#banner{ margin-top:15px;}
}

/************************************* index ****************************************/

/** banner **/
#banner{ position:relative;}
#banner img{ width:100%; height:auto; display:block;}
#banner #img_cap{ max-width:370px; width:50%; padding:20px; background:#fff; color:#535355; position:absolute; left:7%; top:50%; text-align:center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
#banner #img_cap .date{ margin-bottom:5px; color:#8c8c8d; font-size:12px;}
#banner #img_cap h1{ line-height:30px; font-family:"samimBold"; font-size:20px; }
#banner #img_cap h1 a{ color:#1a1a1c; display:inline-block; transition:all linear 0.2s;} 
#banner #img_cap h1 a:hover{ color:#33929c;}
#banner #img_cap .txt{ margin-top:15px; line-height:24px; font-size:14px;}
@media only screen and (max-width: 600px){
	#banner #img_cap{ max-width:100%; width:auto; padding:10px; margin:auto; left:5%; right:5%;}
	#banner #img_cap .date, #banner #img_cap .txt, #banner #img_cap .more{ display: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 #1a1a1c; display:block;} 
h2.title b{ padding:0 15px; background:#fff; color:#1a1a1c;}

/** newest **/
.newest{ margin:40px 0;}
.newest .newest_box{ display:flex; display:-webkit-flex; justify-content:center; flex-wrap:wrap;}
.newest .newest_box > div{ width:Calc(33.333% - 27px); margin-left:40px; margin-bottom:30px; text-align:center;}
.newest .newest_box > div .tag_link{ position:relative; display:block;}
.newest .newest_box > div .tag_link:hover:before{ opacity:1; visibility:visible;}
.newest .newest_box > div .tag_link:before{ content:""; opacity:0; visibility:hidden; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; background:rgba(255,255,255,.4); transition:all linear 0.2s; z-index:9;}
.newest .newest_box > div:last-child, .newest .newest_box > div:nth-child(3n){ margin-left:0;}
.newest .newest_box > div img{ width:100%; display:block;}
.newest .newest_box > div .in_pic{ margin-top:-23px; font-size:12px; position:relative; z-index:10;}
.newest .newest_box > div .in_pic span{ padding:3px 10px; background:#fff; color:#8c8c8d;}
.newest .newest_box > div h3{ margin:5px 0 25px; font-size:16px;}
.newest .newest_box > div h3 a{ color:#231f20; font-family:"samimBold"; display:inline-block; transition:all linear 0.2s;}
.newest .newest_box > div h3 a:hover{ color:#33929c;}
.newest .newest_box > div .short{ line-height:24px; font-size:14px;}
#for_web h3{ margin:5px 0 5px;}
#for_web .newest_box > div .in_pic{ margin-top:-25px;}
#for_web .newest_box > div .in_pic span{ background:transparent;}
#for_web .newest_box > div .in_pic span a{ padding:0px 10px; background:#fff; color:#8c8c8d; display:inline-block; transition:all linear 0.2s;}
#for_web .newest_box > div .in_pic span a:hover{ color:#33929c;}

@media only screen and (max-width: 768px){
	.newest .newest_box > div{ width:Calc(50% - 20px);}
	.newest .newest_box > div:nth-child(3n){ margin-left:40px;}
	.newest .newest_box > div:nth-child(2n),.newest .newest_box > div:last-child{ margin-left:0;}
}
@media only screen and (max-width: 500px){
	.newest .newest_box > div{ width:100%; max-width:400px; margin:0 0 35px !important;}
}

/** events **/
#events{ margin:60px 0 70px; border:1px solid #1a1a1c;}
#events h2{ margin:-17px 0 15px;} 
#events h2:after{ display:none;}
.event_box{ padding:0 25px; display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:center;}
.event_box > div{ width:Calc(25% - 19px); margin:0 0 25px 25px; text-align:center; position:relative;}
.event_box > div:nth-child(4n), .event_box > div:last-child{ margin-left:0;}
.event_box > div > a{ position:absolute; top:0; left:0; right:0; bottom:0; transition:all linear 0.2s;}
.event_box > div > a:hover{ background:rgba(255,255,255,.4);}
.event_box > div img{ width:100%; display:block;}
.event_box > div h3{ margin-top:10px; color:#231f20; font-family:"samimBold"; font-size:16px;} 
@media only screen and (max-width: 768px){
	.event_box > div{ width:Calc(50% - 12.5px); margin-bottom:30px;}
	.event_box > div:nth-child(2n){ margin-left:0;}
}
@media only screen and (max-width: 500px){
	.event_box > div{ width:100%; margin-left:0 !important}
	.event_box > div:nth-last-child(2){ margin-bottom:30px;}
}

/** newsletter **/
#newsletter{ margin:90px 0; padding:150px 15px; background:url(images/background/shirin_keighobadi.jpg); background-size:cover !important; background-position:center !important; background-attachment:fixed !important;}
#newsletter .letter{ color:#1a1a1c; font-size:35px;}
#newsletter form{ max-width:400px; margin:auto; text-align:center;}
#newsletter form .txt{ margin-bottom:15px; color:#1a1a1c; font-family:"samimBold";}
#newsletter .form_box{ display:flex; display:-webkit-flex;}
#newsletter input{ width:Calc(100% - 45px); height:40px; padding:0 10px; background:transparent; font-family:tahoma; border:1px solid #1a1a1c; direction:ltr;}
#newsletter button{ width:40px; height:40px; margin-right:5px; background:transparent; text-align:center; border:1px solid #1a1a1c; border-radius:50%; transition:all linear .2s;}
#newsletter button:hover{ border-color:#2B6E76; color:#2B6E76;}
#newsletter button i{ font-size:20px; vertical-align:middle;}
@media only screen and (max-width: 1024px){
	#newsletter{ background-position:80% 80% !important;}
}
@media only screen and (max-width: 768px){
	#newsletter{ background-attachment:scroll !important; background-position:right !important;}
}

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

#video > div{ display:flex; display:-webkit-flex; flex-wrap:wrap;}
#video > div > div{ width:50%;} 
#video > div > div:last-child{ padding:0px 20px;  display:flex; display:-webkit-flex; align-items:center; justify-content:center;}
#video > div > div:last-child img{ width:230px; display:block;}
#video > div > div:last-child a{ color:#1a1a1c; display:inline-block; transition:all linear .2s;}
#video > div > div:last-child a:hover{ color:#2B6E76;}
.more{ width:120px; padding:3px 5px; margin:20px auto auto; color:#1a1a1c; font-size:14px; text-align:center; border:1px solid #1a1a1c; display:block; transition:all linear .2s;}
.more:hover{ color:#2B6E76; border:1px solid #2B6E76;}
@media only screen and (max-width: 768px){
	#video > div > div{ width:100%; text-align:center;} 	
	#video > div > div:last-child{ padding:20px 20px 0;}
}

/*************************************** services ***********************************************/
#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(255,255,255,.4); position:absolute; left:0; right:0; bottom:0;}
#s_banner #under h1{ margin-bottom:20px; font-size:23px; font-family:'samimBold'; color:#1a1a1c;}
#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:#1a1a1c; 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{ background:rgba(255,255,255,0.4); color:#2B6E76; border-color:#2B6E76;}
 
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(255,255,255,.4); 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:#33929c;}
#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 10px; 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:rgba(230,246,255,1.00);}

.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: #2B6E76; border: 1px solid #2B6E76;}
#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:#e3e8ec; color:#1a1a1c; border:1px solid #e3e8ec; 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:#2B6E76; 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-left:0; 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:#2B6E76; border-color:#2B6E76;} 
#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 table{ max-width:100%;}
.news_txt h3{ padding:5px 10px 5px; margin-bottom:10px; line-height:30px; background:#f1f5f8; font-family:'samimBold'; font-size:18px; 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;}

#nutrition{ width:200px;}
#nutrition img{ width:100%; height:auto;} 
#cooking{ width:Calc(100% - 190px); margin-left:10px; padding:20px; border:1px solid #1a1a1c;}
#cooking .title{ margin-bottom:5px; border-bottom:1px solid #1a1a1c;}
#cooking .cook_description > div{ margin-bottom:15px;}
#cook_info, #together{ display:flex; display:-webkit-flex;}
#cook_info h2{ margin-bottom:25px; font-size:19px; line-height:29px;}
#cook_info > div:first-child{ width:Calc(100% - 220px); padding-left:20px;}
#cook_info > div:last-child{ width:220px;}
#cook_info > div img{ width:100%; display:block;} 
#cook_info .cook_txt{ font-size:14px; text-align:justify;}
#cook_info .cook_txt > div{ margin-bottom:10px;}
#cook_info .cook_txt .default{ margin-bottom:5px; color:#969696;}
#cook_info .short_txt{ font-family:'ADastNevis'; font-size:17px; line-height:32px;}
#cook_info .more{ width:auto; margin:20px 0 0 5px; display:inline-block; cursor:pointer;}
#together .just_cook{ width:100%; margin:20px 0 0;} 
#together .just_cook #cook_info > div:first-child{ width:Calc(100% - 270px);}
#together .just_cook #cook_info > div:last-child{ width:270px;}

.hidden{ opacity:0; visibility:hidden;}
@media only screen and (max-width: 768px){
	#together{ flex-wrap:wrap;}
	#together #cooking{ width:100%; margin-left:0;}
	#together #nutrition{ width:100%; text-align:center;}
	#together #nutrition img{ max-width:350px; width:100%; margin:auto;}
	#cook_info{ display:block; text-align:center;}
	#cook_info .cook_txt{ text-align:center;}
	#cook_info > div{ width:100% !important; padding-left:0px !important;}
	#cook_info > div img{ max-width:400px; width:100%; margin:20px auto 20px; display:block;} 
}

.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:#33929c;}
.paging > a i{ vertical-align:middle;}
.paging > a:last-child{ text-align:left; border-right:1px solid #DDDFE1;}  
/*
@media only screen and (max-width: 600px){
	.paging{ display:block;}	
	.paging > a{ width:100%; text-align:center !important; display:block;} 
	.paging > a:last-child{ text-align:left; border-right:none; border-top: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: #e3e8ec; 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:#2B6E76; border-color:#2B6E76; 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:#33929c; 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:#e3e8ec;
    margin: 15px 60px 0px 0px;
}
.comment_ans .comm_img{
    color: #7f7f7f;
    font-size: 20px;
}
.comm_reply{
	padding:0 5px; 
	margin-right:5px;
	background:#e3e8ec;	
    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: #33929c ;
}
/** 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:#2B6E76;
	border-color:#2B6E76;
}
#matcom_sub #pasokh_sub{
    display: none;
}
@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 **/


/*************************************** video ***********************************************/
#video_box{ display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:center;} 
#video_box > div{ width:Calc(33.333% - 14px); margin:0 0 30px 20px; text-align:center;}
#video_box > div:last-child, #video_box > div:nth-child(3n){ margin-left:0;} 
#video_box > div h2 a{ margin-top:5px; color:#1a1a1c; font-size:16px; font-family:"samimBold"; display:inline-block; transition:all linear 0.2s;} 
#video_box > div > a{ margin-top:5px; color:#1a1a1c; font-size:13px; line-height:16px; border-bottom:1px solid #1a1a1c; display:inline-block; transition:all linear 0.2s;}
#video_box > div > a:after{ content:"\f104"; margin-right:3px; font-family:"Font Awesome\ 5 Free"; font-weight: 900; vertical-align:bottom;}
#video_box > div > a:hover, #video_box > div h2 a:hover{ color:#2B6E76; border-color:#2B6E76;}
@media only screen and (max-width: 850px){
	#video_box > div{ width:Calc(50% - 10px);}
	#video_box > div:nth-child(3n){ margin-left:20px;}
	#video_box > div:last-child, #video_box > div:nth-child(2n){ margin-left:0;} 
}
@media only screen and (max-width: 550px){
	#video_box > div{ max-width:400px; width:100%; margin-left:0 !important;}
}

/*************************************** search ***********************************************/
#result_box{ padding:60px 15px; margin-bottom:40px; background:#e3e8ec; font-family:samimBold; font-size:23px; line-height:35px;}
#result_box .s_fix{ font-family:samimBold;}
#result_box .sign{ color:#C9CED3; font-size:25px;}
#result_box h1{ color:#85898C; 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:auto; 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:#33929c;}
.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:#33929c; 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:#33929c; 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 ***********************************************/
footer{ padding:80px 0; margin-top:70px; background:url(images/logo/watermark.jpg); background-size:cover !important; background-position:center !important;}
footer #foot_box{ display:flex; display:-webkit-flex;}
footer #foot_box #logo{ max-width:240px; width:100%; margin-right:auto;}
footer #foot_box #logo .img{ max-width:160px; width:100%; margin-right:auto; display:block;}
footer #foot_box .logo_respon img{ max-width:175px; margin:auto auto 25px; display:none;}  
footer #foot_box .welcome{ margin-bottom:20px; font-size:14px; display:none;}

footer #foot_box #links{ min-width:150px; padding:0; margin:0; font-size:0;}
footer #foot_box #links li{ display:block;}
footer #foot_box #links li a{ color:#333; font-size:13px; display:block; transition:all linear .2s;}
footer #foot_box #links li a:hover, footer #foot_box #links li a:hover:before{ color:#2B6E76;}
footer #foot_box #links li a:before{ content:"\f104"; margin-left:3px; color:#333; font-family:"Font Awesome\ 5 Free"; font-weight:900; vertical-align:middle;}

footer #contact_info{ padding:0 20px; font-size:14px;}
footer #socials{ margin-top:20px; text-align:left;}
footer #socials i{ font-size:21px; vertical-align:middle;}
footer #socials a{ margin-left:10px; color:#333;}
footer #socials a:last-child{ margin-left:0;}
footer #socials a:hover{ opacity:0.6;}
footer #socials img{ width:21px; vertical-align:middle; display:inline-block;}


#copyright{ padding-top:20px; margin-top:20px; line-height:24px; border-top:1px solid #1a1a1c; display:flex; display:-webkit-flex; font-size:12px;}
#copyright > div a{ color:#1c1c1a; transition:all linear .2s;} 
#copyright > div a:hover{ color:#2B6E76;}
#copyright > div:last-child{ margin-right:auto; line-height:18px; font-family:tahoma; direction:ltr;}

@media only screen and (max-width: 768px){
	footer{ padding:30px 0;}
	footer #foot_box #links li a{ max-width:250px; padding:3px 10px; margin: auto auto 5px; border:1px solid #333;}
	footer #foot_box #links li a:before{ content:"";} 
	footer #foot_box{ text-align:center; display:block;}
	footer #foot_box #logo{ margin:10px auto auto;}
	footer #foot_box #logo > a, #contact_info{ display:none;} 
	footer #foot_box .logo_respon img, footer #foot_box .welcome{ display:block;} 
	footer #socials{ margin-top:0px;}
	footer #contact_info{ margin-top:30px;}
	footer #socials{ text-align:center;}
	#copyright{ text-align:center; display:block;}
}


@media print {
    .noprint{display:none;}
	#together #cooking{ width:100%; margin:0;} 
	#together #cook_info > div:first-child{ width:Calc(100% - 270px);}
	#together #cook_info > div:last-child{ width:270px;}
}