@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; font-weight: bold;}

/************************************* Header ****************************************/
header{ width: 100%; background: #fff; border-bottom: solid 1px #eee; position: fixed; z-index: 1000;}
header #top_line{ padding:7px 0; background:#415828; color:#fff; transition: all linear 0.2s;}
header #top_line .main{ display:flex; display:-webkit-flex;}
header #subscribe span{ margin-left:20px; font-size:11px;}
header #subscribe span a{ color:#fff; transition:all linear 0.2s; display:inline-block;} 
header #subscribe span a:hover{ color:#fff;}
header #top_line i{ color:#fff; cursor: pointer;}
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 #fff;}
header .social a:last-child{ margin-left:0;}
header .social img{ width:17px; vertical-align:middle; display:inline-block;}
header.full_page{ height: 100vh; overflow: auto;}
.fix_head #top_line{ padding: 0; height: 0; overflow: hidden;}
.fix_head #menu img{ width: 70px;}
.head_gap{ height: 127px;}
@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:0; display:flex; display:-webkit-flex;}
#menu img{ max-width:100%; width:98px; margin: 10px 0; display:block; transition: all linear 0.2s;}
#menu nav{ width:Calc(100% - 110px); 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 .cell{ padding-left: 0; position: relative; top: 2px;}
#menu nav > ul > li .cell i{ transform: rotate(95deg); color: #415828;}
#menu nav > ul > li > span{ display: inline-block;}
#menu nav > ul > li > a,#menu nav > ul > li > span a{ padding:5px 15px; color:#1a1a1c; font-family:"samimBold"; display:block; transition: all linear 0.2s;}
#menu nav ul .open_li{ position: absolute; top: 10px; left: 0;}
#menu nav ul li a:hover, #menu nav > ul > li:hover > a, #menu nav > ul > li:hover span > a{ color:#415828;}   
#menu nav ul ul{ padding:10px 15px; background:#fff; box-shadow:0px 1px 3px #d8d8d8; position:absolute; top:Calc(100% - 2px); right:0; visibility:hidden; opacity:0; border-top: 3px solid #415828; z-index:100;}
#menu nav ul ul > li{ min-width:170px; font-size:13px; text-shadow: 1px 1px 2px #333; display:block;}
#menu nav ul ul > li > a{ padding:2px 0; color:#1b1b1b; text-shadow: none; display:block;}
#menu nav ul ul > li > a:hover{ color: #415828;}
#menu nav ul ul > li > a:before{ content: "\f104"; padding-left: 5px; color: #415828; font-family:"Font Awesome\ 5 Free"; font-weight: 900; position: relative; top: 2px;}

#top_info{ display:none;}
#top_info img{ width: 66px; margin:10px 0; display:block;}
#top_info #icons{ margin-left:auto;}
#top_info #icons i{ margin-left: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) {
}
*/
@media only screen and (min-width: 1025px){
	#menu{ display:flex !important; display:-webkit-flex !important;}
	#menu nav > ul > li > a.active, #menu nav > ul > li > span a.active{ border-bottom:1px solid #1a1a1c;}
	#menu nav > ul > ul{ display: block !important;}
	header.full_page{ height: auto !important; overflow: visible;}
}

@media only screen and (max-width: 1024px){
	#search{ border-top: 1px solid #333; border-bottom: none;}
	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; display:flex; display:-webkit-flex; align-items:center;}
	#menu nav{ width: 100%; padding:5px 0; text-align:right; display: block;}
	#menu nav > ul > li{ margin-left:0; font-size: 18px; border-bottom:1px solid #ececec; display:block;}
	#menu nav > ul > li:last-child{ border-bottom: none;}
	#menu nav > ul > li > a, #menu nav > ul > li > span a{ padding: 15px 10px; color:#4d4d4d;} 
	#menu nav ul .open_li{ padding: 15px 30px 15px 20px; font-size: 25px; position: absolute; left: 0; top: 0;}
	#menu nav ul ul{ padding:10px 25px 10px; position:static; visibility:visible; opacity:1; display: none; transition: none;}
	#menu nav ul ul > li{ min-width:100%; font-size: 15px;}
	#menu nav ul ul > li > a { padding: 7px 0;}
	#banner{ margin-top:15px;}
	#menu nav ul li.no_link .open_li{ padding-right: 100%;}
}

/************************************* index ****************************************/
/** slider **/
#indexSlider{ width: 100%; height: Calc(100vh - 127.5px); padding: 0 25px 20px; position: fixed; top: 127px;}
#indexSlider.set_hgt{ top: 54.5px;}
#indexSlider>.InSlide{ position: relative;}
#indexSlideBox{ height:Calc(100vh - 127.5px); position: relative; overflow: hidden; }
#indexSlideBox .title{ max-width:740px; width: 100%; padding:10px 15px; margin:auto; color: #fff; position: absolute; top: 55%; left: 0px;right:0; text-align: center; opacity: 0; transition: all 2s;}
#indexSlideBox .title h1{ line-height:36px; font-family:'SamimBold'; font-size: 25px; text-shadow: 0px 1px 2px #000000; transition: all .2s;}
#indexSlideBox .title h1:hover{ color: #628B35;}
#indexSlideBox .title .shortext{ padding: 5px 0; margin:0px auto auto; line-height:27px; color:#fff; font-size:15px; text-shadow: 0px 1px 2px #000000;}
#indexSlideBox .title .shortext:empty{ display:none;}
#indexSlideBox .title .shortext .text{ padding: 10px 0 10px 10px; display: inline-block;}
/*#indexSlideBox .title .more{ margin:0;}*/

#indexSlideBox a{animation: slideShow 24s linear infinite 0s;-o-animation: slideShow 24s linear infinite 0s;-moz-animation: slideShow 24s linear infinite 0s;-webkit-animation: slideShow 24s linear infinite 0s;}
#indexSlideBox .title.opa{opacity: 1}
.indexSlideImg{ width: 100%; height:Calc(100vh - 127.5px); position: absolute; opacity: 0; transition: all 1s linear; }
.indexSlideImg img{ max-width: 700px; width:100%; margin: auto; display: block; }
.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;}
.indexSlideArrow{ width: 60px; margin: auto; text-align: center; font-size: 12px; color: #fff; position: absolute; top: 0; bottom: 0; cursor: pointer; display:block; z-index:100;}
.indexSlideArrow:hover i{ opacity:1;}
.indexSlideArrow i{ height: 50px; margin: auto; position: absolute; top:0; bottom:0; left:0; right:0; text-shadow: 1px 1px 1px #000; font-style: normal; opacity:0.5; transition:all linear 0.2s;}
.indexSlideArrow b{ padding-bottom: 2px; border-bottom: 2px solid #fff; display: inline-block; font-family: samim;}
#indexLeftSlide b{ transform: rotate(-90deg);}
#indexRightSlide b{transform: rotate(90deg);}
#indexLeftSlide{ left: 0px; }
#indexRightSlide{ right: 0px; }
#indexSlideBtn{ width:100%; margin-top: 30px; position:absolute; bottom:15px; text-align: center;z-index: 100;}
#indexSlideBtn>span{ width: 20px; height: 2px; margin: 0 1px; background: rgba(37,29,18,.5); display: inline-block; cursor: pointer; }
#indexSlideBtn>span.indexSlideActive{ background: rgba(255,255,255,.5); }
.chevron img{ width:17px; display: block; position: absolute; left: 0; right: 30px; bottom:30px; /* opacity: .2; animation: 2.5s ease 0s normal none infinite running chevloop2;*/ z-index: 100;}

#indexSlider.video_slide video{ width: 100%;}
#indexSlider.video_slide #indexSlideBtn, #indexSlider.video_slide .indexSlideArrow,#indexSlideBox.oneslide #indexSlideBtn, #indexSlideBox.oneslide .indexSlideArrow{ display: none}
@media only screen and  (max-width: 800px){
	#indexSlider{ top: 64px;}
	.head_gap { height: 64px;}
}
@media only screen and  (max-width: 768px){
	#indexSlideBox .title{ width: 80%; padding: 5px 20px; position: absolute; left: 0px; top:50%; transform: translateY(-50%)}
	#indexSlideBox .title h1{ font-size:18px; line-height:28px;}
	#indexSlideBox .title .shortext{ padding:4px; line-height: 22px;}
	#indexSlider, .indexSlideImg, #indexSlideBox{ height:400px;}
	.chevron{ display:none;} 
}
@media only screen and (max-width: 550px){
	#indexSlider{ padding: 0 0 20px;}
	#indexLeftSlide{ width:40px; left: 0; }
	#indexLeftSlide b{ position: relative; left: 5px;}
	#indexRightSlide{ width:30px; right: 0; }
}

@-webkit-keyframes chevloop2{
	0%   { opacity: 0; bottom: 50px; }
	55% { opacity: 1; }
	100% { opacity: 0; bottom: 38px; }
}
@-moz-keyframes chevloop2 {
	0%   { opacity: 0; bottom: 50px; }
	55% { opacity: 1; }
	100% { opacity: 0; bottom: 38px;}
}
@-o-keyframes chevloop2 {
	0%   { opacity: 0; bottom: 50px; }
	55% { opacity: 1; }
	100% { opacity: 0; bottom: 38px;}
}
@keyframes chevloop2 {
	0%   { opacity: 0; bottom: 50px; }
	55% { opacity: 1; }
	100% { opacity: 0; bottom: 38px;}
}

@-moz-keyframes slideShow {  
	0% {-moz-transform:scale(1);} 
	10% {-moz-transform:scale(1.02) rotate(0.1deg);} 
	20% {-moz-transform:scale(1.04) rotate(0.1deg);} 
	30% {-moz-transform:scale(1.06) rotate(0.1deg);} 
	40% {-moz-transform:scale(1.08) rotate(0.1deg);} 
	50% {-moz-transform:scale(1.1) rotate(0.1deg);}
	60% {-moz-transform:scale(1.12) rotate(0.1deg);} 
	70% {-moz-transform:scale(1.14) rotate(0.1deg);} 
	80% {-moz-transform:scale(1.16) rotate(0.1deg);} 
	90% { -moz-transform:scale(1.18) rotate(0.1deg);} 
	100% {-moz-transformm:scale(1.2) rotate(0.1deg);}
}
@-webkit-keyframes slideShow {  
	0% {-webkit-transform:scale(1);} 
	10% {-webkit-transform:scale(1.02) rotate(0.1deg);} 
	20% {-webkit-transform:scale(1.04) rotate(0.1deg);} 
	30% {-webkit-transform:scale(1.06) rotate(0.1deg);} 
	40% {-webkit-transform:scale(1.08) rotate(0.1deg);} 
	50% {-webkit-transform:scale(1.1) rotate(0.1deg);}
	60% {-webkit-transform:scale(1.12) rotate(0.1deg);} 
	70% {-webkit-transform:scale(1.14) rotate(0.1deg);} 
	80% {-webkit-transform:scale(1.16) rotate(0.1deg);} 
	90% {-webkit-transform:scale(1.18) rotate(0.1deg);} 
	100% {-webkit-transform:scale(1.2) rotate(0.1deg);}
}

/* ********************************* carousel ********************************** */
.team-item{ direction: rtl; position: relative;}
.carousel{ padding: 80px 0 100px; background: #e2cfb3; direction: ltr;}
.carousel h2.title b{ background: #e2cfb3;}
.newsbox{ padding: 10px; flex-direction: row-reverse;}
.newsbox .news_pic{ width: 40%;}
.newsbox .news_pic img{ width:100%;}
.news_info{ width: 60%; padding: 10px; text-align: right;}
.news_info h3 a{ margin-bottom: 15px; color: #333; font-family: samimBold; font-size: 20px; line-height: 30px; display: block; transition: all linear 0.2s;}
.news_info h3 a:hover{ color: #415828;}
.news_info .subtitle{ margin-bottom: 15px; color: gray;}
.news_info .more{ margin: 20px 0 0;}

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

.team-item{
	cursor: grab;
	min-height: 300px !important;
	width: 1200px !important;
	text-align: center;
	margin: 5px 10px !important;
	background-color: #e2cfb3;
	border-radius: 5px;
	transition: all linear 0.2s;
}
@media only screen and (max-width: 1200px){
	.team-members, .team-item{
		width: 800px !important;
	}
	.newsbox{ width: 800px !important; margin: auto;}
}
@media only screen and (max-width: 850px){
	.team-members, .team-item, .newsbox{
		width: 500px !important;
	}
	.newsbox .news_pic{ width: 100%;}
	.news_info{ width: 100%;}

}
@media only screen and (max-width: 580px){
	.team-members, .team-item, .newsbox{
		width: 400px !important;
	}
}
@media only screen and (max-width: 450px){
	.team-members, .team-item, .newsbox{
		width: 300px !important;
	}
}
.team-members .slick-prev:before {
    content: "\f053" !important;
	font-family:"Font Awesome\ 5 Free"; 
	font-weight:900;
    font-size: 20px;
	color: #000;
}
.team-members .slick-next:before {
    content:"\f054";
	font-family:"Font Awesome\ 5 Free"; 
	font-weight:900;
    font-size: 20px;
	color: #000;
}
.slick-arrow{
	height: 200px;
}

/** 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,h2.title i{ width: 50px; margin: auto; display: block;}
h2.title i{ margin: 10px auto; color: #c19457; font-size: 30px;}
/** newest **/
.newest{ margin: 70px 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; 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(0,0,0,.5); 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 0; 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:#415828;}
.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:#415828;}

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

/** ma ke hastim **/
#who_we{ padding: 70px 0; background: #415828; color: #fff; text-shadow: 1px 1px 0 #333;}
#who_we .title b{ background: #415828; color: #fff;}
#who_we .more{ background: #b98f56;}
.text{ font-size: 15px; line-height: 28px;}

/** 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(0,0,0,.5);}
.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:40px 0 80px; padding:150px 15px; background:url(images/background/newsletter.jpg); background-size:cover !important; background-position:center !important; background-attachment:fixed !important;}
#newsletter .letter{ color:#398964; font-size:35px;}
#newsletter form{ max-width:400px; margin:auto; text-align:center;}
#newsletter form .txt{ margin-bottom:15px; color:#fff; font-family:"samimBold"; text-shadow: 1px 1px 2px #333;}
#newsletter .form_box{ display:flex; display:-webkit-flex;}
#newsletter input{ width:Calc(100% - 45px); height:40px; padding:0 10px; background:rgba(255,255,255,0.6); border:1px solid rgba(255,255,255,1.00); direction:ltr;}
#newsletter button{ width:40px; height:40px; margin-right:5px; background:#398964; text-align:center; border:1px solid #398964; border-radius:50%; transition:all linear .2s;}
#newsletter button:hover{ opacity: 0.7;}
#newsletter button i{ color: #fff; font-size:20px; vertical-align:middle;}
#newsletter .res_letter{ font-family: "samimBold"; font-size: 19px;}
@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: Calc(50% - 10px); margin-left: 20px;} 
#video > div > div:last-child{ margin-left: 0;}
.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;}
@media only screen and (max-width: 768px){
	#video > div > div{ width:100%; margin: 0 0 20px !important; text-align:center;} 	
	#video > div > div:last-child{ margin: 0 !important;}
}

/*************************************** 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(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_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-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:#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,.news_txt h2{ padding:5px 10px 5px; margin: 40px 0 10px; line-height:30px; color: #054927; font-family:'samimBold'; font-size:18px; border-right: 2px solid #054927; display:inline-block;}
.news_txt h2{ background:#fff4e5;  font-size: 23px;line-height: 35px; border: 1px dashed #aac3b6;}
.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-color:#fff;} 
.news_txt table tr:first-child td{ background:#415828; color:#fff; font-size:16px;}


#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:#415828;}
.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: #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;
}
#matlab_comm .container.mar0{ margin: 0!important;}
.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; color: #415828; font-family: samimBold; font-size: 17px; background: #efffde; padding: 10px; max-width: max-content;}
@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:#415828; border-color:#415828;}
@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:30px 0; margin-bottom:40px; background:#f4f4f4; 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;}
}

/************************** contact **************************/
#contact{ margin: 40px auto;}
#contact .c_title{ padding:20px 0; color:#333; font-family:'SamimBold'; line-height: 32px; font-size: 20px;}
#contact .c_title i{ color:#415828; 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-family: 'Samim'; font-size:14px; color:#333; border:1px solid #ccc; vertical-align:bottom;}
#contact form #part_two li{ width:33%; display:inline-block;}
#contact form #part_two li:nth-child(2){ margin:0 0.5%; text-align:center;}
#contact form #part_two li:nth-child(2) iframe{ width:304px; position:relative;}
#contact form #part_two li:last-child{ position:relative;}
#contact form li textarea{ width:100%; height:90px; padding:0 5px; color: #333; font-family: 'Samim'; font-size:14px; border:1px solid #ccc; resize:none;}
#contact form #part_two input[type="submit"]{ position:absolute; bottom:0; background:#415828; color:#fff; font-family:'SamimBold'; font-size:16px; border:2px solid #415828; transition:all linear 0.3s;}
#contact form #part_two input[type="submit"]:hover{ opacity: .7;}
#contact .Agreen:before{ content: "\f00c"; font-family:"Font Awesome\ 5 Free"; font-weight:900; margin-left: 5px; font-size: 18px;}
@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%; 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;}
}

/************************** arzyabi **************************/
#evaluation{ margin: 50px 0; align-items: flex-end;}
#evaluation > div{ width: calc(25% - 10px); margin: 0 5px 20px;}
#evaluation > div.hide_box{ display: none;}
#evaluation .t_top{ padding: 0 5px; background: #fff; color: #888; position: relative; top: 12px; right: 7px; font-size: 13px; display: inline-block;}
#evaluation .t_top b{ color: red; font-size: 18px; position: relative; top: 5px; display: inline-block;}
#evaluation input, #evaluation select, #evaluation button{ width:100%; height:40px; padding:0 5px; background: transparent; font-family: 'Samim'; font-size:14px; color:#333; border:1px solid #ccc; vertical-align:bottom;}
#evaluation select option{ font-family: tahoma;}
#evaluation button{ background:#415828; color:#fff; font-family:'SamimBold'; font-size:16px; border:2px solid #415828; transition:all linear 0.3s;}
#evaluation button:hover{ opacity: .7;}
@media only screen and (max-width:768px){
	#evaluation > div{ width: calc(50% - 10px);}
}
@media only screen and (max-width:450px){
	#evaluation > div{ width: 100%; margin: 0 0 10px;}
	#evaluation button{ margin-top: 10px;}
}

/*************************************** landing ***********************************************/
#lan_bann{ padding: 80px 0 138px; background: #84714e; color: #fff; border-bottom: 3px dashed #304418; overflow: hidden; position: relative;}
#lan_bann > .flexbox{ align-items: flex-end; flex-direction: row-reverse;}
#lan_bann h1{ font-family:'SamimBold'; font-size:30px; line-height:63px;}
#lan_bann h1 i{ color:#b98f56; position:relative;}
#lan_bann h1 .r_quote{ padding: 0 0 0 20px; font-size:30px; bottom:20px;}
#lan_bann h1 .l_qoute{ padding:0 45px 0 0; font-size:50px; top:40px;}
#lan_bann h1 .top_span{ font-size:22px;}
#lan_bann h1 .bt_span{ font-size:40px;}
#l_box{ margin-right: auto; position: relative; top: 38px;}
#l_box img{ width:220px; margin-bottom: 10px; display: block;}
.return{ max-width: max-content; margin-right: auto; color: #fff; font-family:'SamimBold'; font-size: 25px; display:block;}
.return:hover,.return2:hover{ color: #b98f56; border-color: #b98f56;}
.return i{ font-size:8px; padding-right:10px;}
.bg_icon{ position:absolute; right:0; top:0; display:inline-block}
.bg_icon1{ position:absolute; left:0; top:0; display:inline-block}
@media only screen and (max-width:768px){
	#lan_bann{ padding: 50px 0 100px;}
	#lan_bann > .flexbox{ justify-content: center;}
	#l_box{ margin: 0 auto 60px; position: static;}
	.bg_icon{ width: 330px; right:0;}
	.bg_icon1{ width: 300px; bottom: 0; top: inherit;}
	#lan_bann h1,#lan_bann h1 .top_span{ font-size:19px; line-height: 50px;}
	#lan_bann h1 .top_span{ line-height: 65px;}
	#lan_bann h1 .bt_span{ font-size:25px; line-height: 40px;}
	

}

 /** tab **/
#tab_sec{ background:#304418; padding-bottom:40px; position: relative; z-index: 10;}
#tab_sec .btn_box{ justify-content: center; position: relative; top: -40px;}
#tab_sec .btn{ background: white; border-radius: 10px; color: black; padding: 10px; white-space: nowrap; text-decoration: none; margin: 5px 10px; border: 5px solid white; box-shadow: 6px 7px 28px 0 rgba(16, 16, 16, 0.7); font-family:'SamimBold'; transition: all linear .2s;}
#tab_sec button{ position: relative; z-index: 10;}
#tab_sec button.active,#tab_sec button:hover{ background: #d7b07a;text-decoration: none;}
#tab_sec button:after{ content: "";	width: 100px; height: 85px; position: absolute; bottom: -30px; left: -65px; border-radius: 68%; background-color: transparent; border-bottom: 2px dashed #fff; display: block;}
/*#tab_sec button:before{ content: ""; width: 100%; height: 1px; position: absolute; top: -17px; left: -30px;border-bottom: 2px dashed #b98f56; display: block;}*/
#tab_sec button:last-child:after{ content: none;}
/*#tab_sec button:last-child:before{  width: calc(100% - 30px); left: 0;}*/
#tab_sec button b{ padding: 0 0 0 3px; position: absolute; right: 5px; top: -20px; font-size: 25px; text-shadow: 1px 1px 0 #304418; color: #b98f56; display: block; transition: all linear .2s;}
#tab_sec button.active b{ font-size: 40px;}
#parent{ justify-content: center;}
.box {background: white;padding: 20px; min-height: 300px; width: calc(25% - 10px);margin: 5px;text-align: center;border-radius: 10px;color: black;	box-shadow: 6px 7px 10px 0 rgba(16, 16, 16, 0.5);font-size: 14px; display: none;}
.box.a{ display: block;}
.box > i{ color: #b98f56; font-size: 35px; display: block;}
.box > img{ width: 50px; margin: auto; display: block;}
.box > h3{ margin: 10px 0 20px; font-family:'SamimBold'; font-size:18px; line-height: 30px; border-bottom: 3px solid #b98f56; padding: 10px;}
.box > h3 a{ color: #000; display: block;}
.box > h3 a:hover{ color: #b98f56;}
.box.last{ background:#374d1e; color:white;}
.box .phone{ padding: 10px 10px 8px; margin: 15px 0 0; background: #b98f56; color: #fff; border-radius: 5px; font-family:'SamimBold'; font-size:23px; display: block;}
.box .phone:hover{ opacity: 0.7;}
.box p{ text-align: justify;}
@media only screen and (max-width: 1024px){
	.box{ width: calc(50% - 10px);}
}
@media only screen and (max-width:860px){
	#tab_sec{ padding-bottom: 30px;}
	#parent{ position: relative; top: -30px;}
	#tab_sec .btn_box{ padding: 30px 0; top: -60px; justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto;}
	#tab_sec .btn{ box-shadow: none;}
}
@media only screen and (max-width: 550px){
	.box{ width: 100%;}
}

.title_box{ margin-bottom: 20px; align-items: flex-end; position: relative; z-index: 10; top: -15px;}
.h_title{ padding:15px; margin-left: auto; line-height:45px; border-right:5px solid #374d1e; font-weight: normal; direction:rtl;}
.h_title img{ width: 50px; margin: 20px 0 10px; display: block;}
.h_title .f_font{ font-size:18px; display: block;}
.h_title .sec_font{ font-size:35px; display: block;}
.return2{ margin: 0 0 65px 0; color:black; display:block; font-size:11px; border-bottom:1px dashed black; direction:rtl;}
.return2 i{ font-size:8px; padding-right:10px;}
#who{ margin: 0;}
#who .title_box{ flex-direction: row-reverse;}
#who.carousel{ padding: 0 0 110px; margin: 0; background: #fff;}
#who h2.title b{ background: #fff;}
#who .team-item{ min-height: 280px !important; width: 560px !important; background: #ffffff;}
#who .we_box{ padding: 10px; text-align: right; align-items: flex-end;}
#who .we_box:last-child{ margin-left: 0;}
.we_box img{ width: 320px; height: 320px; object-fit: cover; display: block; border-radius: 10px;}
.we_box > div{ width: Calc(100% - 323px); padding: 20px; margin-top: 120px; font-size: 13px; background-color: #304418; border-radius: 10px; margin-right:3px; color:white;}
.we_box > div h3{ font-family:'SamimBold'; font-size:19px; line-height: 30px; margin-bottom: 10px;}
#who .slick-arrow { height: 280px; width: 35px;}
#who.project{ background: #f4f4f4;}
#who.project .we_box > div{ margin-top: 0; background: transparent; color: #333;}
#who.project .we_box img{ height: 250px;}
#who.project .team-item{ box-shadow: 1px 1px 5px #d5d5d5; border-radius: 10px;}
.row_2{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.row_3{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.row_4{ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}

@media only screen and (max-width:850px){
	#who .team-item{ width: 500px !important;}
	.we_box img{ width: 250px;}
	.we_box > div{ width: Calc(100% - 260px);}
}
@media only screen and (max-width:580px){
	#who .team-item{ width: 300px !important;}
	#who.project .team-item{ min-height: 450px !important;}
	.we_box img{ width: 100%; height: 180px !important;}
	.we_box > div{ width: 100%; padding: 20px 10px; margin: 5px 0 0;}
}
@media only screen and (max-width:500px){
	#who .title_box{ align-items: flex-end;}
	.h_title{ width: 100%;}
	.title_box{ width: 100%; flex-direction: column !important;}
	.return2{ margin: 20px 0 20px auto;}
	#who .return2{ margin: 20px 0 20px 0;}
}

#who_single{ margin-bottom: 60px;}
#who_single .we_box > div{ margin: 0; padding: 10px; background: #fff; color: #333;}

#aboutbox{ margin: 0 0 80px 0;}
#aboutbox .text_box{ max-width:800px; text-align: justify;}
#aboutbox .text_box a{ color: #1A828F;}
#aboutbox .text_box a:hover{ opacity: 0.7;}
#call_us{ padding:40px 0; background-image: linear-gradient(to bottom, #c19e6f, #c6a272, #cca774, #d1ab77, #d7b07a); position:relative;}
#call_us .main{ text-align:center; font-size:20px; font-family:'SamimBold'; color:white; text-shadow:1px 1px 3px gray;}
#call_us .main i{ font-size:30px; padding:20px; background: #f4f4f4; color:#d7b07a; border-radius: 50%;text-shadow:none ;position: absolute; top:-60px; left: calc(50% - 35px);}
#call_us .call{ max-width: max-content; margin: auto; text-shadow:none ;color: #d7b07a; background:white; direction: ltr; text-align:center; font-size:30px; display:block; margin-top:20px; padding:15px 30px 10px; border:3px solid white; border-radius:10px;}

/*nazarat*/
.opinions{padding: 0 0 80px 0; background: #eee; color: #000;}
.opinions .title span{ color:#b98f56;}
.opinions .tribox{display: flex; flex-wrap: wrap; justify-content:center;}
.opinions .tribox > div{ width:Calc(33.33% - 7px); margin: 0 0 0 10px; padding: 30px; background: #fff; color: #333; font-size: 17px; border-radius: 10px; position: relative;}
.opinions .tribox > div:last-child{ margin-left: 0;}
.opinions .tribox > div > div{position: absolute; top: -40px; left: 20px;}
.opinions .tribox > div > div > img{border-radius: 50%; width: 100px; height:100px; object-fit:cover;}
.opinions .tribox > div i:last-child{text-align: left;}
.quote{background: white; margin: 12px;}
.quote i{color: #b98f56; font-size: 30px; display: block;}
.quote b{display: block; text-align: center; padding: 15px 0;}
.quote span{ margin-top: 15px; color: #b98f56; display: block; text-align: left; font-size: 16px; font-family: samim; font-weight:normal;}
.quote span i{ color: #b98f56; display: inline-block; font-size: 18px;}
@media only screen and (max-width:1024px){
	.opinions .tribox{ justify-content:center;}
	.opinions .tribox > div{ width:100%; margin: 12px 0 40px;}
}
@media only screen and (max-width:790px){
	.quote{background: white; width: 100%; margin-bottom: 50px;}
}

#faq h2.title{ margin-bottom: 20px;}
#faq .each_box{ padding: 20px 0; border-bottom: 1px solid #ddd;}
#faq .each_box > b{ padding-left: 30px; font-family:'SamimBold'; font-size:17px; line-height: 30px; cursor: pointer; display: block; position: relative; transition: all linear 0.2s;}
#faq .each_box > b:hover,#faq .each_box > b.active{ color: #c19457;}
#faq .each_box > b i{ position: absolute; left: 0; top: 6px;}
#faq .each_box:last-child{ border: none;}
#faq .each_box div{ margin-top: 10px; text-align: justify; display: none;}
#faq .each_box div ul,#faq .each_box div ol{ padding-right: 30px;}

#for_blog{ margin: 0 0 100px 0;}
.bloglist > a{ width: Calc(25% - 8px); padding: 10px; margin-left: 10px; background: #eee; color: #333; font-family:'SamimBold'; font-size:13px; line-height: 25px; border-radius: 10px; display: block;}
.bloglist > a:last-child{ margin-left: 0;}  
.bloglist > a img{ width: 100%; height: 185px; object-fit: cover; display: block; transition: all linear 0.2s;}
.bloglist h3{ margin-top: 10px;}
.bloglist h3 i{ margin-left: 3px; vertical-align: middle; color: #c19457;}
.bloglist > a:hover img{ opacity: 0.8;}
.bloglist > a:hover{ color: #c19457}
@media only screen and (max-width:1024px){
	.bloglist > a{ width: Calc(50% - 5px); margin: 0 0 10px 10px;}
	.bloglist > a:nth-child(2n){ margin-left: 0;}  
}
@media only screen and (max-width:600px){
	.bloglist > a{ width: 100%; margin: 0 0 10px;}
}

/*************************************** footer ***********************************************/
#go_top{ width: 45px; line-height: 50px; background: #374d1e; color: #fff; position: absolute; top: -50px; text-align: center; font-size: 18px; border-radius: 50px 50px 0 0; display: block; cursor: pointer;}
#go_top:hover{ opacity: 0.7;}
footer{ padding:80px 0; margin-top:70px; background: #f4f4f4 url(images/logo/watermark.png) no-repeat; background-size: 500px !important; background-position:center !important; position: relative; z-index: 1;}
footer.no_mrg{ margin-top: 0;}
footer #foot_box{ display:flex; display:-webkit-flex;}
footer #foot_box #logo{ max-width:210px; width:100%; margin-right:auto;}
footer #foot_box #logo .img{ max-width:170px; 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:#415828;}
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 #contact_info i{ width: 20px; text-align: center; margin-left: 5px; color: #415828;}
footer #contact_info a{ color: #1b1b1b;}
footer #socials{ margin: 15px 0 0 40px; 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:#415828;}
#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 .img{ max-width: 100%; margin: 20px auto 10px;}
	footer #foot_box #logo{ margin:10px auto auto;}
	footer #foot_box #logo > a, #contact_info{ display:block;} 
	footer #foot_box .logo_respon img, footer #foot_box .welcome{ display:block;} 
	footer #socials{ margin:20px 0 0;}
	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;}
}