@charset "utf-8";
/*Eric Meyer's*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0; line-height: 0; background: #fbfaf1;}
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; display: block;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
form{margin:0;}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0;}
td,th,ol,ul,li{padding:0; margin:0;}
ul,ol{padding-right:30px;}
p{margin:0;}
h1,h2,h3{font-weight:normal; padding:0px; margin:0;}
textarea, input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; }

/* CSS Document */
@font-face {
	font-family: YekanR;
	src: url('includes/fonts/YekanBakhRegular.woff') format('woff');

  }

  @font-face {
	font-family: YekanM;
	src: url('includes/fonts/YekanBakhMedium.woff') format('woff');

  }

  @font-face {
	font-family: YekanB;
	src: url('includes/fonts/YekanBakhBold.woff') format('woff');

  }

  @font-face {
	font-family: YekanH;
	src: url('includes/fonts/YekanBakhHeavy.woff') format('woff');

  }
  
::-moz-selection{background:rgba(0,0,0,0.1)}

/*** Default CSS ***/
.drtl{direction:rtl;}.dltr{direction:ltr;}.FloatR{float:right;}.FloatL{float:left;}
.clr,.clear{clear:both;}.Tright{text-align:right;}.Tleft{text-align:left}.Tjustify{text-align:justify;}.Tcenter{text-align:center;}
.red{color:#990e00;} .green{color:#0BA67A;} .orange{color:#f7941e;}
/*** End Default CSS ***/
	
html,body{ width:100%; height:100%; padding:0px; margin:0px; line-height:30px; font-family:'YekanR'; font-size:17px; color:#333; direction:rtl;}
*{ box-sizing:border-box; text-decoration:none;}
a, button{ transition:all linear 0.2s; cursor:pointer;}
.main{ max-width: 1208px; margin:auto; padding: 0 20px;}
.flexbox, .flexbox2{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items: center; justify-content: center;}
.flexbox2{ align-items: stretch}
.flex_items{ align-items: flex-start;}
.en_font{ font-family:tahoma !important;}
.ltr{ direction: ltr; display: inline-block}
.more{ min-width: 150px; width: max-content; padding: 8px 20px 5px 20px; margin: 20px auto auto; font-size:17px; line-height: 30px; background: #a77826; color:#fff; text-align:center; text-shadow: 1px 1px 0px rgba(99,99,99,0.8); border: none; border-radius: 25px; display:block; transition:all linear .2s;}
.more:hover{ opacity: 0.7;}
.more i{ margin-right: 4px; vertical-align: middle;}
#hide_overflow { position: relative; overflow: hidden;}
b,strong{ font-family:'YekanB'; font-weight: normal;}
.scroll{ width: 100%; overflow:hidden;}
.title2{ margin: 0 0 25px; font-family: "YekanH" !important; font-size: 35px; line-height: 50px; display: block;}
.title2::before{ content: ""; width: 20px; height: 20px; margin-left: 15px; background: #58748c; border-radius: 50%; display: inline-block;}
.text{ font-size: 18px; line-height: 30px;}
.mar0top{ margin-top: 0 !important;}
.mar0bt,.common.mar0bt{ margin-bottom: 0 !important;}
.pad30top{ padding-top: 30px !important;}

/** checkbox style**/
input[type="checkbox"]{ height: 12px; width: 12px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #D2D3D0;	background:#FFFFFF;	position:relative; top:2px; left:2px; cursor:pointer;}
input[type="checkbox"]:checked { background: #0BA67A; border: 1px solid #0BA67A;}

#navigator{ padding:10px 0 5px; color:#fff; font-size:13px; line-height: 25px;}
#navigator i{ padding:0 5px; color:#a77826; vertical-align:middle; text-shadow:none;}
#navigator a{ color:#fff; transition:all linear 0.3s;}
#navigator a:hover{ color:#a77826 !important;}
#navigator.main{ background:transparent; box-shadow:none; border:none;}

/***************************************************** header *****************************************************/
header{ width: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: all linear 0.3s;}
header #head_top{ padding: 10px 20px; position: relative; z-index: 20; transition: all linear 0.3s;}
/* header #head_top > div{ width: 33.33%;} */
header #head_top > div:last-child{ margin-right: auto;}
header .logo{ margin: auto;}
header .logo img{ width: 100%; max-width: 70px; margin: auto;}
header .h_links{ font-size: 0; text-align: left;}
header .h_links a{ color: #333; font-size: 14px;}
header .h_links a::after{ content: ""; height: 13px; width: 1px; margin: 0 10px; background: #333; display: inline-block; position: relative; top: 2px;}
header .h_links a:last-child::after{ display: none;}
header .h_links a:hover{ color: #a77826;}

header nav{ width: 100%; background: #fbfaf1; color: #333; position: absolute; top: 0; right: 0; left: 0; display: none; z-index: 10;}
header nav > .main{ padding: 98px 20px 35px !important; position: relative; top: -40px; transition: all ease-in-out 0.5s;} 
header nav.show > .main{ top: 0;}
header nav img{ width: 100%;}
#menubar:hover,header .logo:hover{ opacity: 0.6;}
header nav ul{ padding: 0; margin: 0; font-size: 0; list-style: none;}
header nav ul li{ font-family: "YekanB"; font-size: 19px; line-height: 30px;}
header nav .main > ul > li{ margin-left: 50px; display: inline-block;}
header nav ul li a{ padding: 4px 0; color: #333; display: block;}
header nav ul li a:hover,header nav ul li a.active,header nav ul li:hover > a{ color: #a77826;}
header nav ul li i{ padding-right: 5px; vertical-align: middle;}
header nav ul ul{ min-width: 170px; padding: 0 15px; background: #fbfaf1; position: absolute; top: 100%; right: -15px; opacity: 0; visibility: hidden; transition: all linear 0.2s;}
header nav .main >ul > li:hover ul{ opacity: 1; visibility: visible;}
header nav .main > ul > li{ position: relative;}
header nav ul ul li{ width: 100%; white-space: nowrap; display: block;}
header.fix_head{ background: #fbfaf1;}
header.go_stable{ position: absolute !important; background: transparent !important;}
header nav .res_logo img{  max-width: 100px; margin: 0 auto 30px; display: none;}


/* custom-scroll */
header nav::-webkit-scrollbar { width: 10px;}
header nav::-webkit-scrollbar-thumb { background: #666; border-radius: 5px;}
header nav::-webkit-scrollbar-track { background: #333; border-radius: 5px;}

#menubar{ padding: 10px 0 10px 20px; color: #555555; font-size: 20px; cursor: pointer; transition: all linear 0.2s;}
#menubar i{ font-size: 0;  transform: rotate(0deg); transition: all linear .3s;}
#menubar span i{ font-size: 25px; vertical-align: middle;}
#menubar.for_i i{  font-size: 30px; transform: rotate(180deg);}
#menubar.for_i span{ display: none;}
.resmenu_cover{ margin: auto; /*background: rgba(0,0,0,.6);*/ position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; display: none; z-index: 9;}
@media only screen and (max-width: 768px){
	header nav{ width: 300px; height: 100%; padding: 15px 40px 40px; background-color: rgb(79 82 65 ); color: #fff; position: fixed; top: 0; left: -300px; right: auto; overflow: auto; display: block !important; opacity: 0; z-index: 1002; transition: all ease-in-out 0.5s;}
	header nav .res_logo img{ display: block;}
	header nav ul li a{ color: #fff;}
	header nav ul li i{ padding: 10px 10px 0 0; position: absolute; top: 10px; transform: rotate(90deg); transition: all linear 0.2s;}
	header nav .main > ul > li{ margin: 0 0 10px; display: block;}
	header nav ul ul{ padding: 0; background: transparent; position: static; opacity: 1; visibility: visible; display: none; transition: none;}
	header nav ul ul li{ font-size: 16px; white-space: normal;}
	header nav > .main{ padding: 0 !important; position: static;}
	header nav ul li a.angel i{ padding: 0 10px 0 0; transform: rotate(0);}
	header nav.show{ left: 0; opacity: 1;}
	.resmenu_cover{ background: #fbfaf1a1; z-index: 1000;}
	header #head_top{ padding: 5px 20px; z-index: 1001;}
	header #head_top > div{ width: 50%;}
	/* header #head_top > div:last-child{ display: none;} */
	header .logo img{ margin: 0 auto 0 0;}
}

/***************************************************** index *****************************************************/
#banner{ height:100vh; /*margin-bottom: 100px;*/ position: relative; background-size: cover !important; background-position: center !important; /*overflow: hidden;*/}
#banner .background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-attachment: fixed !important; background-size: cover; background-position: center; opacity: 0; transition: opacity 0.5s ease-in-out; z-index: 0;}
#banner .background:first-child { opacity: 1;}
#banner #hbox{ max-width: max-content; padding: 0 20px; margin: auto; color: #fff; position: absolute; left: 0; right: 0; top: 40%; text-align: center; transform: translateY(-60%); z-index: 10;}
#banner #hbox h1{ margin-bottom: 10px; font-family: "YekanH"; font-size: 35px; line-height: 50px; text-shadow: 1px 1px 1px #333; /*background: -webkit-linear-gradient(#dbd7d2, #7B7458); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/}
#banner.other{ height: 450px;}
#banner .pos_link{ padding: 10px; color: #fff; font-family: "YekanB"; font-size: 30px; line-height: 45px; position: absolute; bottom: 60px; z-index: 20;}
#banner a.right{ right: 100px;}
#banner a.left{ left: 100px;}
#banner .w_border{ width: 1px; height: 200px; margin: auto; background: #fff; position: absolute; bottom: 45px; left: 0; right: 0; display: block; z-index: 50;}
#banner .reserve,#scroll_menu .reserve{ width: 220px; padding: 10px 10px 7px 10px; margin: auto; background: #000; color: #fff; font-size: 18px; text-align: center; position: absolute; bottom: -25px; left: 0; right: 0; border-radius: 25px; display: block; z-index: 51;}
#banner .reserve:hover,#scroll_menu .reserve:hover{ background: #a77826;}
#scroll_menu.fix_mode .main{ max-width:1220px !important; padding:0 !important;}
#scroll_menu.addnav{ background:#fbfaf1; margin-top:0; position:fixed; top:0; right:0; left:0; z-index:99; transition:all 0.3s linear;}
#scroll_menu.addnav a{ vertical-align: middle;}
#scroll_menu.addnav a.reserve{ padding: 7px 10px;}
#spacing{ height:56px;}
.shadow::before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; right: 0; bottom: 0;  background: rgb(240,239,231); background: linear-gradient(180deg, rgba(240,239,231,0.8464519596901261) 0%, rgba(27,11,11,0.028524788821778668) 27%, rgba(255,255,255,0.0341270297181373) 46%, rgba(0,0,0,0.5943511193539917) 100%);  z-index: 5;}

#paragraph{ max-width: 900px; padding: 0 50px; margin: 90px auto 60px; text-align: center;}
#paragraph .txt{ font-size: 15px;}

.moveable{ margin-bottom: 100px;}
.moveable .main{ flex-direction: row-reverse;}
.moveable .main > div{ width: 50%; padding-right: 50px;}
.moveable .main > div img{ width: 100%; display: block; position: relative; z-index: 5;}
.moveable .main > div img.img_move{ max-width: 60%; position: absolute; right: 0; z-index: 4;}
#secbox.moveable .main > div img.img_move{ z-index: 6;}
.moveable .r_half{ padding: 50px 0 50px 50px;}
.moveable .r_half .more{ margin: 20px 0 0;}
.moveable .l_half{ position: relative;}
.moveable .for_txt{ min-height: 300px;}
#secbox .r_half{ position: relative;}
.sec_title{ display: none;}
.padt60{ padding-top: 60px;}
@media only screen and (max-width: 768px){
	#banner{ height: 450px;}
	.moveable{ margin-bottom: 80px;}
	.moveable .for_txt{ min-height: inherit;}
	.moveable .main > div{ width: 100%; padding: 0;}
	.moveable .main > div img.img_move{ max-width: 90%; margin: auto; position: relative; bottom: 50px !important; z-index: 6;}
	#secbox .r_half,#secbox .img_fix{ position: static;}
	#paragraph{ padding-right: 20px; padding-left: 20px;}
	#banner a.right{ right: 15px;}
	#banner a.left{ left: 15px;}
	#banner .pos_link{ font-size: 25px; line-height: 40px; bottom: 10px;}
	#banner .background { background-attachment: scroll !important;}
	#banner .w_border{ height: 100px;}
	.r_half .title2{ display: none;}
	.sec_title{ display: block;}
	#secbox{ padding-top: 80px;}
}

/*** discover ***/
.blogtxt{ max-width: 900px; margin: 40px 0; text-align: justify;}
.mrgtop{ margin-top: 0 !important;}
.li_style > li{ margin-bottom: 15px;}
.img_about img{ max-width: 700px; width: 100%;}

.carousel{ padding: 10px 0; direction: ltr; overflow: hidden;}
.slick-dots{ display: none !important;}
.team-members{
	margin-bottom: 0 !important;
	width: Calc(100% - 85px);
	display: flex;
	margin: 0 auto;
}

.team-item{
	cursor: grab;
	/**min-height: 419px !important;**/
	width: 157px !important;
	text-align: center;
	margin: 5px !important;
	background-color: #fff;
	border: 1px solid #eee;
	transition: all linear 0.2s;
}
.team-item form{ width: 100%; display: block;} 
#car_pro .team-item{ min-height: 318px !important; padding: 10px 10px 0;}
#team-header{
	font-size: 40px;
	color: rgb(245, 92, 92);
	padding: 10px 0;
	margin:60px auto;
	display: block;
	text-align: center;
}
#team-top{
	display: flex;
	width: 37.5%;
	justify-content: center;
	margin: 10px auto 0 auto;
	color: #505050;
}
.team-top-item{
	width: 45%;
	height: 100%;
	margin: 15px auto;
}
.team-item-img{
	width: 100%;
	display: block;
	position: relative;
	transition: all linear .2s;
}
.team-item-img img{ width: 100%; display: block; transition: all linear .2s;}
.team-item-bio{
	text-align: center;
	line-height: 1.5;
	margin: 0 15px;
	font-size: 14px;
}
#team-middle-top{
	display: flex;
	width: 95%;
	margin: 30px auto 0 auto;
	color: #3f3f3f;
}
#team-middle-bottom{
	display: flex;
	width: 95%;
	margin: 30px auto 0 auto;
	color: #3f3f3f;
	margin-bottom: 100px;
}
#team-bottom{
	display: flex;
	width: 37.5%;
	margin: 30px auto 60px auto;
	color: #3f3f3f;
}
.team-bottom-item{
	width: 19%;
	margin: 15px auto;
}
.team-bottom-bottom-item{
	width: 47%;
	margin: 0 auto 20px auto;
}
.jadid .team-item-img{
 transform: scale(1.3, 1.3);
}
@media only screen and (max-width: 1300px){
	.team-members{
		width: 750px;
	}
}
@media only screen and (max-width: 900px){
	.team-members{
		width: 495px;
	}
}
@media only screen and (max-width: 600px){
	.team-members{
		width: 270px;
	}
}
.team-members .slick-prev:before {
    content: "\f053" !important;
	font-family:"Font Awesome\ 5 Free"; 
	font-weight:900;
    font-size: 40px;
	color: #444;
}
.team-members .slick-next:before {
    content:"\f054";
	font-family:"Font Awesome\ 5 Free"; 
	font-weight:900;
    font-size: 40px;
	color: #444;
}
.slick-arrow{
	height: 200px;
}

.album_carousel .team-members{ width: 100%;}
.album_carousel .team-item{ width: 430px !important; margin: 0 15px !important; border: none; border-radius: 0 20px 0 20px; overflow: hidden;}
.album_carousel .slick-next:before,.album_carousel .slick-prev:before{ font-size: 30px;}
.album_carousel .slick-prev,.album_carousel .slick-next{ width: 70px; height: 70px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; z-index: 10;}
.album_carousel .slick-prev{ left: 50px; }
.album_carousel .slick-next{ right: 50px;}
.album_carousel .slick-arrow:hover{ background: rgba(255, 255, 255,1);}
.album_carousel .slick-prev::before{ content: "\f060" !important;}
.album_carousel .slick-next::before{ content: "\f061" !important;}
.album_carousel .slick-slide img{ width: 100%; height: 550px; margin: 0; object-fit: cover; display: block;}

@media only screen and (max-width: 600px){
	.album_carousel .team-item{ width: 230px !important;}
	.album_carousel .slick-slide img{ height: 300px;}
	.album_carousel .slick-prev,.album_carousel .slick-next{ width: 50px; height: 50px;}
	.album_carousel .slick-next:before,.album_carousel .slick-prev:before{ font-size: 20px;}
	.album_carousel .slick-prev{ left: 10px; }
	.album_carousel .slick-next{ right: 10px;}
}

.room_carousel .team-members{ width: 100%;}
.room_carousel .team-item{ width: 300px !important; margin: 0 5px !important; color: #333; border: none; border-radius: 0 20px 0 20px; overflow: hidden;}
.room_carousel .slick-next:before,.room_carousel .slick-prev:before{ font-size: 30px;}
.room_carousel .slick-prev,.room_carousel .slick-next{ width: 70px; height: 70px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; z-index: 10;}
.room_carousel .slick-prev{ left: 50px; }
.room_carousel .slick-next{ right: 50px;}
.room_carousel .slick-arrow:hover{ background: rgba(255, 255, 255,1);}
.room_carousel .slick-prev::before{ content: "\f060" !important;}
.room_carousel .slick-next::before{ content: "\f061" !important;}
.room_carousel .slick-slide img{ width: 100%; height: 220px; margin: 0; object-fit: cover; display: block;}
.room_info{ padding: 10px;}
.room_info h3{ margin-left: auto; font-family: "YekanB"; font-size: 17px; line-height: 30px; text-align: right;}
.row_1{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.row_2,.row_3{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.row_3{ -webkit-line-clamp: 3;}


@media only screen and (max-width: 600px){
	.room_carousel .team-item{ width: 230px !important;}
	.room_carousel .slick-slide img{ height: 300px;}
	.room_carousel .slick-prev,.room_carousel .slick-next{ width: 50px; height: 50px;}
	.room_carousel .slick-next:before,.room_carousel .slick-prev:before{ font-size: 20px;}
	.room_carousel .slick-prev{ left: 10px; }
	.room_carousel .slick-next{ right: 10px;}
}


/*Blog*/
.blogselected{ margin: 0 0 60px 0;}
.blogselected.bg_wh{ background: #fff; padding: 50px 0;}
.blogselected.bg_wh ul.blogbox{ background: #FBFAF1;}
ul.blogbox{
	width: 100%;
	max-width: 1240px;
	text-align: center;
	margin: 25px auto 0;
	padding-right:0;
	background:#FFF;
	border-radius:10px;
	padding:10px 10px 20px;
	list-style:none;
	}
.blogbox li{
	float:right;
	width:25%;
	padding: 10px;
	box-sizing: border-box;
	transition:linear .2s;
}

.blogbox li:last-child{ margin: 0 !important; clear:both !important; float:none !important; width:100%; padding: 1px 0 0; text-align:center;}
.blogbox li a{display:block; line-height:30px; color: #333; text-shadow:none; transition:linear .2s;}
.blogbox li a:hover{color:#58748c;}
.blogbox li img{border-radius:5px; width:100%; transition:linear .2s;}
.blogbox li:hover{opacity:.9;}
.blogbox h3{margin: 15px 0 0; font-weight:normal; font-size:17px; font-family: "YekanB";}
.blogbox h3 a{text-overflow:ellipsis; overflow:hidden; max-width:250px; white-space: nowrap;}
.blogbox .more{ color: #fff !important;}
@media only screen and  (max-width: 1024px){
	.blogbox li{width:50%;}
}
@media only screen and  (max-width: 500px){
	.blogbox li{width:100%; margin-bottom:15px;}
	ul.blogbox{padding-top:20px;}
	.blogbox li img{width:100%;}
	.blogbox h3 a{display:inline-block;}
	.blogbox .more{ max-width: 100%;}
}


.flexible_box{ margin-top: 35px; }
.no_effect_1 .slick-track, .no_effect_3 .slick-track, .no_effect_5 .slick-track{ width: 100% !important; transform: translate3d(0px, 0px, 0px) !important; display: flex; justify-content: center; direction: rtl;}
.no_effect_1 .slick-dots, .no_effect_3 .slick-dots, .no_effect_5 .slick-dots{ display: none;}
.no_effect_1 .slick-list, .no_effect_3 .slick-list, .no_effect_5 .slick-list{ padding: 0 !important;}

#entertainment{ margin: 60px 0;}
#entertainment .picbox{ margin-top: 35px;}
#entertainment .picbox a{ height: 384px; width: calc(50% - 15px); background-size: cover !important; background-position: center !important; border-radius: 0 20px 0 20px; float: right;}
#entertainment .picbox a:nth-of-type(1){ height: 800px; margin-left: 30px;}
#entertainment .picbox a:nth-of-type(2){ margin-bottom: 30px;}
#entertainment:after{ content: ""; clear: both; display: block;}
@media only screen and  (max-width: 600px){
	#entertainment .picbox a{ width: 100%; height: 300px !important; margin-bottom: 30px;}	
	#entertainment .picbox a:nth-of-type(3){ margin-bottom: 0;}
}

#why{ padding: 100px 0; background: #fff;}
#why .reson{ margin-top: 35px;}
.reson > div{ width: Calc(33.33% - 20px); min-height: 285px; margin: 0 0 30px 30px; border-radius: 0 20px 0 20px; background: #fbfaf1; box-shadow: 0px 0px 1px #e6e6e6; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden;}
.reson > div:nth-child(3n){ margin-left: 0;}
.reson > div i{ margin-bottom: 20px; font-size: 50px;}
.reson > div h3{ font-family: "YekanB"; font-size: 30px; line-height: 40px;}
.reson > div .show{ height: 100%; padding: 20px; color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; opacity: 0; font-size: 18px; line-height: 30px; display: flex; flex-direction: column; justify-content: center; transition: all linear 0.2s;}
.reson > .them1 .show{ background: #58748c;}
.reson > .them2 .show{ background: #4c592e;}
.reson > .them3 .show{ background: #a77826;}
.reson > div .show span{ position: relative; top: 20px; transition: all linear 0.2s;}
.reson > div:hover .show{ visibility: visible; opacity: 1;}
.reson > div:hover .show span{ top: 0;}
.reson > div:hover > h3,.reson > div:hover i{ display: none;}
.reson > div .show h3{ margin-bottom: 15px;}
@media only screen and  (max-width: 1024px){
	.reson > div{ width: Calc(50% - 30px);}
	.reson > div:nth-child(3n){ margin-left: 30px;}
	.reson > div:nth-child(2n){ margin-left: 0;}
}
@media only screen and  (max-width: 700px){
	.reson > div{ width: 100%; margin: 0 0 30px !important;}
}
	
#maps{ margin: 60px 0;}
#maps img{ max-width: 750px; width: 100%; margin: 35px auto 0; display: block;}
#maps .slogon{ margin-top: 50px; font-family: "YekanB"; font-size: 25px; line-height: 40px;}
#maps .slogon i{ padding: 0 15px; color: #a77826; position: relative; }
#maps .slogon i.left{ top: 10px;}
#maps .slogon i.right{ top: -10px;}
#maps .txt{ max-width: 700px; text-align: justify;}

/*** facilities ***/
#facilities{ margin: 60px 0 0;}
#facilities .fac_box{ flex-direction: row-reverse;}
#facilities .pic_fac{ width: 350px;}
#facilities .pic_fac img{ width: 100%;}
#facilities .items{ width: Calc(100% - 350px); margin-left: auto;}
.items > div{ width: 33.33%;}
.items > div b{ padding: 5px 35px 5px 10px; font-family: "YekanR"; font-size: 15px; position: relative; display: block;}
.items > div b:before{ content:"\f00c"; color: #d89c2c; position: absolute; right: 15px; top: 5px; font-size: 14px; font-family:"Font Awesome\ 5 Free"; font-weight:900;}
.items > div h3{ margin-top: 20px; font-family: "YekanB"; font-size: 16px;}
.items > div h3::before{ content: ""; width: 10px; height: 10px; margin-left:5px; background: #58748c; border-radius: 50%; display: inline-block;}
.items > div h3:first-child{ margin-top: 0;}

@media only screen and  (max-width: 768px){
	#facilities .pic_fac{ width: 100%;}
	#facilities .items{ width: 100%; margin-top: 20px;}
	.items > div h3:first-child{ margin-top: 20px;}
}
@media only screen and  (max-width: 500px){
	.items > div{ width: 100%;}
}

/*** General specifications ***/
#general{ padding: 60px 0; background: #fff;}
#general .leftpic{ width: 350px;}
.leftpic img{ width: 100%; display: block;}
#general .infobox{ width: Calc(100% - 400px); margin-left: auto;}
.infobox .each{ margin: 5px 0;}
.infobox .each i{ margin-left: 10px; color: #4c592e;}
.bt_border{ padding-bottom: 60px; border-bottom: 1px solid #ddd}
.common{ margin: 60px 0  !important;}
.common2{ padding: 60px 0  !important;}
@media only screen and  (max-width: 768px){
	#general .leftpic,#general .infobox{ width: 100% !important;}
	#general .infobox{ margin-top: 20px;}
}

/**** rules *****/
#rules{ background: #fff;}
#rules .timing{ max-width: 600px;}
.timing > div{ width: Calc(50% - 5px); padding: 20px; margin-left: 10px; border: 1px solid #ddd; border-radius: 10px;}
.timing > div:last-child{ margin-left: 0;}
.timing > div i{ color: #ababab; display: block;}
.timing > div b{ margin: 5px 0 0; display: block;}
.timing > div span{ color: #ababab; font-size: 14px; display: block;}
.rule_txt{ margin-top: 30px;}
.rule_txt .sub{ margin-bottom: 10px; font-size: 20px; display: block;}
.rule_txt .sub i{ color: #d89c2c;}
.rule_txt ul{ padding-right: 15px; list-style: none;}
.rule_txt ul li{ margin-bottom: 5px;}
.rule_txt ul li:last-child{ margin-bottom: 0;}
.rule_txt ul li i{ width: 20px; margin-left: 5px; color: #d89c2c; font-size: 14px; text-align: center; display: inline-block;}

/**** guide *****/
.guide_bg{ padding-top: 60px; background: #fff;}
#guide{ max-width: 500px; width: Calc(100% - 30px); margin: 0 auto; padding-bottom: 5px; color: #333; border-bottom: 2px solid #58748c;}
#guide > img{ max-width: 100px; width: 100%; margin-left: 40px; border-radius: 50%; border: 2px solid #58748c; display: block;}
#guide > div{ text-align: center;}
#guide > div b{ margin-bottom: 10px; font-size: 26px; line-height: 40px; display: block;}
#guide > div i{ margin-left: 7px; color: #58748c; vertical-align: middle;}
#guide > div span{ color: #58748c; font-family: "YekanB"; font-size: 22px; line-height: 35px;}
@media only screen and  (max-width: 450px){
	#guide > img{ margin: auto auto 10px;}
	#guide > div{ width: 100%;}
}

/*** testimonial ***/
#testimonial{ margin: 100px 0;}
#testimonial .carousel{  overflow: hidden;}
#testimonial .team-item{ width: 350px !important; min-height: 345px; padding: 20px; border-radius: 10px; border-color: #ddd; position: relative;}
#testimonial .team-item-img{ font-size: 15px; line-height: 28px; text-align: right; position: static; display: block;}
/*#testimonial .team-item-img:before,#testimonial .team-item-img:after{ content: "\f10e"; color: #a77826; font-size: 17px; font-family: "Font Awesome\ 5 Free"; font-weight: 900; text-align: right; display: block;}
#testimonial .team-item-img:after{ content: "\f10d"; text-align: left;}*/
#testimonial .w_info{ margin: 0 0 10px;}
#testimonial .w_info img{ width: 60px; height: 60px; margin: 0 0 0 20px; transform: scale(1); border-radius: 50%; display: block;}
#testimonial .t_title{ width: Calc(100% - 80px); font-size: 15px; text-align: right !important;}
.t_title > div { color: #999; font-size: 13px; line-height: 21px;}
#testimonial .slick-arrow{ width: 35px; height: 100%; background: #fbfaf1 !important; z-index: 100;}
.com_rate{ margin: 0 0 10px; font-size: 13px;}
.com_rate i{ color: #d89c2c;}

@media only screen and (max-width: 850px){
	#testimonial .team-members{ width: 100% !important;}
	#testimonial .slick-prev{ left: 0;}
	#testimonial .slick-next{ right: 0;}
	#testimonial .team-item{ margin: 5px 10px !important;}
}
@media only screen and (max-width: 500px){
	#testimonial .team-item{ width: 320px !important; min-height: 395px;}
	#testimonial .slick-arrow{ width: 35px;}
}

/***** activities *****/
#activities{ margin: 60px 0; padding-top: 60px; border-top: 2px solid #4e524017;}
#activities .flexbox2 a{ width: Calc(33.33% - 13.3px); margin: 0 0 20px 20px; background: #fff; color: #333; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); border-radius: 0 20px 0 20px; display: block; overflow: hidden;}
#activities .flexbox2 a:nth-child(3n){ margin-left: 0;}
#activities .flexbox2 a > span{ width: 100%; height: 200px; display: block; overflow: hidden;}
#activities .flexbox2 a img{ width: 100%; height: 100%; object-fit: cover; transition: all linear 0.3s;}
#activities .flexbox2 a img:hover{ transform: scale(1.2);}
#activities .flexbox2 a > div{ padding: 30px 20px; background: #fff; transition: all linear .2s;}
#activities .flexbox2 a h3{ margin-bottom: 10px; font-family: "YekanB"; font-size: 25px; line-height:40px;}
@media only screen and (max-width: 900px){
	#activities .flexbox2 a{ width: Calc(50% - 10px);}
	#activities .flexbox2 a:nth-child(3n){ margin-left: 20px;}
	#activities .flexbox2 a:nth-child(2n){ margin-left: 0;}
}
@media only screen and (max-width: 600px){
	#activities .flexbox2 a{ width: 100%; margin: 0 0 20px !important;}
	
}

/************************************* news ****************************************/
#news #bg_less{ background:url(images/background/lap.jpg); background-size:cover !important; background-position:center !important;}
#news .slider{ min-height:420px;} 
.slider { height:Calc(100vh - 200.4px); overflow:hidden; position:relative; background-repeat:no-repeat;}
.slider img{ width:100%;}

/*.coverinfo .infotr{position:absolute; top:20%; text-align:center; padding:20px; line-height:30px; left:0; right:0; width:100%; margin:auto;}
.coverinfo .infotr h1{ display:block !important; line-height:45px; font-family:'YekanB'; padding-top:15px; color:#FFFFFF; text-shadow: 1px 1px 1px #000;}
.coverinfo .infotr span{color:#FFFFFF; display:block; font-size:18px; padding-top:15px; text-shadow: 1px 1px 1px #000;}*/
.coverinfo .infotr span.cap1, .coverinfo .infotr span.cap2{padding:7px 10px 7px; font-size:14px;}
.bg_gray { padding: 50px 15px 50px; background: #f4f4f4;}
.newsbody{ max-width:900px; padding: 60px 30px 40px 30px; margin:auto; display:block; font-size:17px; line-height:30px; font-family: "YekanM";}
.text_body{ max-width:900px; margin: auto;}
.newsbody #navigator a{ color: #333;}
.newsbody .rotitr{ color: gray; font-size:14px; display:block;}
.newsbody .h1_style{ margin-bottom: 20px; display: block !important; font-size: 35px; line-height: 50px; font-family: 'YekanB';}
.newsbody .example1,.text_body .example1{ color: #888888; position: relative; bottom: 6px; font-size: 13px; font-style: italic; text-align: center; display: block;} 
.newsbody img,.text_body img{max-width:100%; height:auto; margin:15px auto 10px; display:block;}
.newsbody h3,.text_body h3{ margin-top: 40px; margin-bottom:10px; line-height:33px; font-family:'YekanB'; font-size:20px; border-bottom:3px solid #a77826; display:inline-block;}
.newsbody h2,.text_body h2{ max-width: max-content; padding: 7px 20px; margin: 40px 0 10px; line-height: 35px; background: #f0efe4; font-family: 'YekanB'; font-size:23px; border-right: 3px solid #a77826;}
.newsbody .big_pic{ width: 100%; height: auto; margin: 10px 0 20px; display: block;}
.toptxt{font-size:13px; color:#939393; padding-bottom:10px;}
.toptxt i{font-size:13px; color:#a77826;}
.newsbody ul, .newsbody ol,.text_body ul, .text_body ol{ padding-right:30px;}
.newsbody a,.text_body a{ color:#1152B5; transition:all linear 0.2s;}
.newsbody a:hover,.text_body a:hover{ color:#a77826;}
.newsbody a.button{ color:#a77826;}
.newsbody a.button:hover{ color:#fff;}
.newsbody table,.text_body table{ width:100%; margin:10px 0; text-align:center;}
.newsbody table tr td,.text_body table tr td{ padding:3px 5px; background:#F8F8F8; border:1px solid #fff; transition:all linear .2s;}
.newsbody table tr:nth-child(2n-1) td,.text_body table tr:nth-child(2n-1) td{ background:#eee; border-color:#fff;} 
.newsbody table tr:first-child td,.text_body table tr:first-child td{ background:#2c3e50; color:#fff; font-size:16px;}
.newsbody .related-tours{ margin-bottom: 15px; padding: 5px; font-size: 17px; line-height: 30px; font-family: "YekanB"; border-bottom: 1px solid #a77826; position: relative; display: block; cursor: pointer;}
.newsbody .related-tours::after{ content: "\f053" !important; position: absolute; left: 0; top: 5px; color: #a77826; font-family:"Font Awesome\ 5 Free"; font-weight:900; display: block; transition: all linear 0.2s;}
.newsbody .related-tours.show::after{ transform: rotate(-90deg);}
.newsbody .hide{ padding: 0 15px 20px 0; color: #888; display: none;}

/*** fehreste blog ***/
.top_list{ margin: 20px 0;}
.top_list ul{ padding-right: 20px;}
.top_list ul li a{ color: #045c91;}
.top_list ul li a:hover,.top_list ul li::marker{ color: #a77826 !important;}
.padd50t{ position: relative; top: -100px;}

/** iframe **/
.h_iframe-aparat_embed_frame{position:relative;} 
.h_iframe-aparat_embed_frame .ratio {display:block;width:100%;height:auto;} 
.h_iframe-aparat_embed_frame iframe {padding:15px 0; position:absolute;top:0;left:0;width:100%; height:100%; border:none;}

.header2 {
  position: fixed;
  top: 0;
  z-index: 300;
  width: 100%;
}

/* The progress container (grey background) */
.progress-container {
  width: 100%;
  height: 3px;
  background: none ;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 4px;
  background: #a77826;
  width: 0%;
} 

.v_news{ margin-bottom:0;}
.v_news .title2{visibility: visible;}
.v_news .vtours b{ text-align:center;}
.tagsin{font-size:0; text-align:right;}
.tagsin a{display:inline-block; font-size:13px; padding:5px 10px; margin:0 5px 5px 0; background:#2e3434; color:#FFFFFF;} 
.tagsin a:hover{opacity:.8; color:white;}

/***** comment ********/
#matlab_comm .container{
	padding-top:60px;
}
.comment{
    width: 95%;
    margin-bottom: 50px;
    line-height: 15px; 
    position: relative;
}
#comment_header{
    margin-bottom: 30px;
	font-family:'YekanB';
    font-size: 35px;
    line-height: 50px;
}
.comm_img{
    margin-left: 10px;
    font-size: 32px;
    color: #d89c2c;
    text-align: center;
    position: absolute;
}
.comm_img i{
	width: 28px;
	background:#d89c2c;
	line-height:28px;
	font-size:11px;
	color:#fff;
	position:relative;
	right: 10px;
	bottom: 5px;
	border-radius:50%;
}
.comment_info{
    padding: 5px 0px;
    color: #aaaaaa;
    font-family: 'YekanR';
    font-size: 13px;
}
.comment_info i{
    margin-right: 10px;
    color: #a6a6a6;
    display: inline-block;
}
.comment_info div{
    display: inline-block;
}
.comment_info div:first-child{
    padding-left: 3px;
}
.comment .comm_box{
    padding-right: 50px;
}
.comment_txt{
    padding: 5px 0px;
    font-family: 'YekanR';
    font-size: 17px;
    line-height: 30px;
    text-align: justify;
    text-justify: auto;
}
.comment_ans{
    margin: 15px 60px 0px 0px;
}
.comment_ans .comm_img{
	margin:0;
	background:none;
    font-size: 25px;
	text-align:left;
}
.comment_ans .comm_img i{ color:#d89c2c; background:none; font-size:12px; position:relative; right: 12px; bottom: 3px;}
.comm_reply{
    color: #aaaaaa;
    line-height: 30px;
    font-size: 17px;
    display: inline-block;
    cursor: pointer;
    transition: all .2s linear;
}
.comm_reply i{
    margin-left: 2px;
}
.comm_reply:hover{
    color: #d89c2c;
}
/******* form ersale nazar **********/
#comform_header{
    margin: 15px 0px 10px 0px;
    color: #444444;
    font-size: 18px;
    line-height: 30px;
}
#comform_header span{ font-size: 12px; color: #9D9B9B; font-family: 'YekanR';}
#cancel_reply{
    padding: 0px 10px 0px 0px;
    color: #d89c2c;
    cursor: pointer;
    font-size: 18px;
    display: none;
    transition: all .3s linear;
}
#cancel_reply:hover{
    color: #d89c2c;
}
#comment_form label{
    line-height: 25px;
    padding: 0 3px 5px;
    font-size: 14px;
    color: #696969;
    display: block;
    font-family: 'YekanR';
}
#comment_form label i{
    margin-right: 3px;
    font-size: 9px;
    color: #d89c2c;
    position: relative;
    top: -3px;
}
#comment_form textarea{
    min-width: 100%;
    max-width: 100%;
    min-height: 130px;
    max-height: 130px;
	line-height:30px;
    margin-bottom: 15px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #e1e3e4;
    font-family: 'YekanR';
    font-size: 17px;
	border-radius:3px;
    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: 50px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #e1e3e4;
    font-family: 'YekanR';
    font-size:17px;
	border-radius:3px;
    transition: all .3s linear;
}
#comment_form input[type="text"]:hover,#comment_form textarea:hover,
    #comment_form input[type="text"]:focus,#comment_form textarea:focus{
	box-shadow: 0 6px 8px -6px rgba(0,0,0,.4); 
	border-color:#ccc;
}
#comment_form .ltext{
    font-family: YekanR !important;
}
#matcom_sub{
    text-align: right;
    padding-bottom: 25px;
}
#matcom_sub #pasokh_sub{
    display: none;
}
#NatijeSubmit{ padding: 10px 0; color: #02a449;}
@media only screen and (max-width:700px){ /************ responsive matlab 700 px *****************/
    #comment_form .comf_float{
        width: 100%;
        float: none;
    }
    #comment_form .comf_float:first-child{
        padding: 0px;
        margin-bottom: 10px;
    }
    #comment_form .comf_float:nth-child(2){
        padding: 0px;
    }
    .comm_img{
        margin-top: -10px;
        font-size: 30px;
    }
	.comm_img i{ width:30px; line-height:30px; right:0; bottom:-3px;}
    .comment .comm_box{
        padding-right: 35px;
    }
    .comment_ans{
        margin: 15px 5px 0px 0px;
    }
    .comment_ans .comm_img{
        font-size: 30px;
    }
	.comment_ans .comm_img i{ right:0;}
}
@media only screen and (max-width:500px){ /************ responsive matlab 500 px *****************/
    .comment_info{
        line-height: 25px;
    }
	.comment_ans .comm_img i{ bottom:0;}
}

.vtours{ display:inline-block; width:48%; margin:1% 1% 0; position:relative;transition:linear .2s;}
.vtours img{display:block; width:100%; margin: 0; border-radius: 0 20px 0 20px;}
.vtours b{position:absolute; bottom:0; right: 0; left:0; padding:8px 10px 5px; background:rgba(0,0,0,.5);}
.vije p{font-size:15px; padding-right:15px;}
.vtours b h2{font-size:15px; font-family:'YekanB'; color:white; display:inline-block; padding-left:3px;}
.vtours b span{font-size:12px; font-family:'YekanR'; color:#A3A3A3;}
.vtours b a.button{margin-top:0; z-index:3; left:10px; bottom:2px; position:absolute; font-size: 12px; padding:0 5px; font-family:'YekanR';}
.vtours:hover{opacity:.8;}
.tl_vije .vtours{ height:320px; background-size:cover !important; background-position:center !important; border: 5px solid white;}
.tl_vije .vtours b{ position:absolute; bottom: 0; left: 0; right: 0; border:none;}
#news .vtours:hover{ opacity:1;}
#news .vtours a:hover{ opacity:0.7;}
.shorttxt{ color: gray;}
.vtours a.over{position:absolute; left:0; right:0; top:0; bottom:0; z-index:2;}
.vije{ font-size:0; background:#f2f2f2; padding-top:40px; padding-bottom:40px !important;}
@media only screen and (max-width:1210px){
	.coverinfo .infotl{ margin:auto 20px;}	
}
@media only screen and (max-width:900px){
	.vtours{ width:100%; margin:10px 0; display:block;}
	.vtours img{ border-bottom:none;}
}


/************************************* services ****************************************/
/*.navigator{font-size:13px; color:#a77826; padding-bottom:20px; line-height:20px;}
.navigator a{color:#fff; display:inline-block; padding-left:5px;}
.navigator a:hover{opacity:.5;}
.navigator i{color:#a77826; vertical-align:middle;}
.newstitle #navigator{ padding-top:20px; text-shadow:1px 1px 2px #000;}*/

.slider{ min-height:420px; height:auto !important;}
/*.slider .infotr{ background: rgba(0,0,0,0.4);}*/
#servisePic{ height:350px;border-bottom: 5px solid #171717; background-size:cover !important; background-position:50% 50% !important; position:relative; text-align:center; text-shadow: 1px 1px 1px black;} 
#servisePic h1{ padding:15px 10px 15px; line-height:40px; color:#F3F1E9; font-size:30px;}
/***#servisePic #in_pic .explain{ padding-bottom:20px; line-height:25px; color:#fff; font-size:16px;}***/
#servisePic #in_pic{ background:rgba(64,56,54,0.7); position:absolute; left:0; right:0; bottom:0; }
#servisePic #in_pic h1{ padding:15px 10px 15px; line-height:40px; color:#F3F1E9; font-size:30px;}
.infotr .under{ text-shadow:1px 1px 1px black;}

.infotr .under div{ display:inline-block;}
.infotr .under div:after{ content:"/"; margin: 0 5px; color:#F3F1E9;}
.infotr .under div:last-child:after{display:none;}
.infotr .under div:first-child a{ padding-right: 0;}
.infotr .under a{ padding:5px 10px; font-size:16px; color:#fff; display:inline-block; transition:all linear 0.3s;}
.infotr .under a:hover{ color:#CBCBCB;}
.infotr .under a.active{opacity:.5; cursor:default;}
.infotr .under a.active:hover{ color:#fff !important;}
.tournav, .tournav a{ color:#fff !important; text-shadow:1px 1px 1px #000 !important;}
#weblog > h2{ padding:15px 0 10px; font-size:30px; line-height:40px; border-bottom: 5px solid rgba(224, 224, 222, 0.5);}
.main #RightBox{ width:68%; margin-left:2%; float:right; justify-content: flex-start;}
.main #RightBox .RightMain a{ display:block; transition:all linear 0.2s;}
.main #LeftBox{ width:30%; margin-top:20px; float:right;}
#RightBox .RightMain{ width: Calc(50% - 10px); margin: 0 0 20px 20px; background:#fff; text-align:center; position:relative; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); border-radius: 0 20px 0 20px; overflow:hidden; transition:linear .3s;}
#RightBox .RightMain:nth-of-type(2n){ margin-left: 0;}
#RightBox .RightMain:hover .button{ background:#a77826; border-color:#a77826; color:#fff; text-shadow:1px 1px 1px #333;}
#RightBox .RightMain > div:first-child a{ height: 200px; position:relative; overflow: hidden;}
#RightBox .RightMain > div:first-child a:hover img{ transform: scale(1.3);}
#RightBox .RightMain > div:first-child img{ width:100%; height: 100%; object-fit: cover; display:block; transition: all linear 0.2s;}
#RightBox .RightMain > div:last-child{ padding:30px 20px 80px 20px; text-align:right;}
#RightBox .width100s > div:first-child a{ height: auto;}
#RightBox .width100s > div h2{ padding-right: 0 !important;}
#RightBox .RightMain > div:last-child h2{ margin:0 !important; padding:5px 0; font-size: 22px; line-height: 35px;font-family:'YekanB'; position:relative;}
#RightBox .RightMain > div:last-child h2:before{ right:-10px;}
.suptitr{font-size:13px; color:gray; line-height:10px; display:inline-block;}
#RightBox .RightMain > div:last-child h2 a{ color:#333;}
#RightBox .RightMain > div:last-child h2 a:hover{ color:#a77826;}
#RightBox .RightMain > div:last-child .matn{ padding-right:0;}
#RightBox .RightMain > div:last-child .more{ height: auto; margin-top:10px; position:absolute; bottom: 20px; left:20px;}
#MaxChr{ width:20px; display:inline-block;}
#RightBox #paging{ width: 100%;}
#RightBox #paging ul{ margin: 20px 0 50px 0; padding:0; font-size: 0; text-align: left !important;}
#RightBox #paging ul li{ width: 45px; height: 45px; line-height: 45px; margin:0 0 3px 3px; background: #f4f4f4; font-size: 16px; text-align: center; transition: all 0.3s linear; display: inline-block; font-family:'YekanR';}
#RightBox #paging ul li:hover{ background:#D3D3D3;}
#RightBox #paging ul li a{ color:#2c3e50; display:block;}
#RightBox #paging ul li.active{ background:#a77826; text-shadow:1px 1px 2px #000;}
#RightBox #paging ul li.active a{ color:#fff;}
#RightBox #paging ul li i{ font-size:13px; line-height:45px;}
#RightBox .paging{width: 100%; font-size:13px; text-align:left; margin-bottom:10px;}
#RightBox .paging i{ vertical-align:middle;}
#RightBox .paging span{ color:#ababab;}
#RightBox .paging a{ color:#a77826; transition:all linear 0.2s;}
#RightBox .paging a:hover{ opacity:0.6;}
#label{ padding:10px; font-size:0;} 
#LeftBox .tags h3{ font-size: 35px; line-height: 50px; padding: 10px 5px 10px 10px; margin-top:0; font-family:'YekanB';}
#LeftBox .tags > div{ font-size:0;}
#LeftBox .tags a, #label a{ display:inline-block; padding:5px 10px; margin:5px 0 0 5px; background:#fff; color: #2c3e50; font-size: 15px; text-align:center; transition: all linear 0.2s;}
#LeftBox .tags a:hover, #label a:hover{ background:#f0eedb;}
#LeftBox .tags a.active{ background:#a77826; color:#fff; text-shadow: 1px 1px 0px rgba(99,99,99,0.8);}
#LeftBox .tags a.active:hover{ color:#fff;}
#LeftBox .tags a.active span{ color:#fff;}
#LeftBox .tags a span{ color:#a77826; font-size:12px;}
#LeftBox .tags h3 i{ color:#a77826; font-size:22px;}
.RightMain::after{ content:""; clear:both; display:block;}

.coverinfo .infotr{ position:absolute; padding:20px 32px; line-height:30px; bottom:0; left:0; right:0; width:100%; margin:auto; z-index: 10;}
.coverinfo .infotr h1{ display:block !important; font-size:35px; line-height:50px; font-family:'YekanB'; color:#FFFFFF; text-shadow: 1px 1px 1px #000; position:relative;}
.coverinfo .infotr span{color:#FFFFFF; display:block; font-size:14px; text-shadow: 1px 1px 1px #000;}
.coverinfo .infotr span.cap1, .coverinfo .infotr span.cap2{padding:7px 10px 7px; font-size:14px;}

@media only screen and (max-width: 1000px){
	.main #RightBox, .main #LeftBox{ width:100%; margin-bottom:30px; border-left:none; float:none;}
	#LeftBox .tags{ max-width:450px; margin:auto; text-align:center;}
	#LeftBox .tags h3{ padding:10px !important; border-bottom:2px solid #a77826;}
	#LeftBox .tags a{ margin-left:0; display:block;}
	#LeftBox .tags a:last-child{ border-bottom:none;}
	#RightBox #paging ul{ text-align:center !important;}
}
@media only screen and (max-width: 780px){
	#weblog > h2{ text-align:center;}
	.tournav{text-align:right !important; padding-right:10px !important}
	#RightBox{ margin-left:0 !important;}
	#RightBox #paging ul{ margin-bottom:40px; text-align:center !important;}
	#RightBox .paging{text-align:center; background:#E5E4E4; padding:5px; margin-bottom:10px;}
}
@media only screen and (max-width: 700px){
	.coverinfo .infotr h1, .newsbody .h1_style{ font-size:27px; line-height:38px;}
	#RightBox .RightMain {width: 100%; margin: 0 0 20px !important;}
}

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

/************************************* search ****************************************/
#dark_bann{ height: 250px; margin-bottom: 30px; background: #373737; position: relative;}
#dark_bann .infotr{ background: rgba(0,0,0,0.4);}
/**** search box ****/
#search_box{ color: #444; }
#search_box ul{ padding: 0; margin: 0; text-align:right; border-radius:0;}
#search_tab{ font-size: 0; overflow: hidden; }
#search_tab li{ width: 150px; padding: 8px 3px; color: #FFF; margin-left: 2px; text-align:center; background: #999; border:1px solid #A6A6A6; font-size: 15px; text-shadow: 0px 1px 2px #000; display: inline-block; cursor: pointer; transition: all .3s linear; font-family:'YekanR';}
#search_tab li:hover{ background: #a77826; border:1px solid #a77826;}
#search_tab li.active{ background: #a77826; border:1px solid #a77826;}
#search_res{ padding: 10px; border: 1px solid #d7d7d7; overflow: hidden; }

.search{ padding:0 0 50px;}
#search_tab{ margin:20px 0; font-size: 0; font-family:'YekanB';}
#search_res{ padding: 10px; border: 1px solid #d7d7d7; overflow: hidden; }
/* search tour form */
#sear_tourf, #sear_blogf{ padding: 30px 0; background: #fff; border: 1px solid #E5E5E5; color: #444; margin-bottom:0;}
#sear_tourf ul{ padding:0; margin:0; font-size: 0; text-align: center; }
#sear_tourf li{ height: 40px; line-height: 40px; padding: 0 5px; font-size: 14px; display: inline-block; position: relative;  z-index: 2; }/*overflow: hidden;*/
#sear_tourf li:nth-child(1){ overflow: visible !important; }
#sear_tourf input[type="text"]{ max-width: 220px; width:100%; height: 40px; padding: 2px 5px; border: 1px solid #cacaca; font-family:YekanR; font-size: 14px; background: transparent; display: block; position: relative; z-index: 1; }
#sear_tourf select{ width: 60px; height: 40px; text-align: center; border: 1px solid #cacaca; font-family: YekanR; font-size: 14px; background: transparent; display: inline-block; }
#sear_tourf input[type="submit"], #sear_blogf input[type="submit"]{ width: 110px; height: 40px; text-align: center;  border:1px solid #4aa180; color: #4aa180; font-family: YekanR; font-size: 14px; background: transparent; display: inline-block; cursor: pointer; transition: all .3s linear; }
#sear_tourf button, #sear_blogf button{ width: 50px; height: 40px; text-align: center; font-size: 14px; background: transparent; border:1px solid #4aa180; color: #4aa180; display: inline-block; cursor: pointer; transition: all .3s linear; vertical-align:top;}
#sear_tourf input[type="submit"]:hover, #sear_blogf input[type="submit"]:hover, #sear_tourf button:hover, #sear_blogf button:hover{ background:#4aa180; color:#fff; text-shadow: 1px 1px 2px #000;} 
@media only screen and (max-width: 740px) {	/* responsiv */
	#sear_tourf ul{ max-width: 450px; margin: auto; }
	#sear_tourf li:nth-last-child(1),#sear_tourf li:nth-last-child(2){ margin-top: 30px; }
}
@media only screen and (max-width: 510px) {	/* responsiv */
	#sear_tourf ul{ max-width: 250px; }
	#sear_tourf li:nth-last-child(3){ margin-top: 15px; }
	#sear_tourf select{ width: 85px; }
	#sear_tourf li:nth-last-child(1),#sear_tourf li:nth-last-child(2){ margin-top: 15px; }
	#sear_tourf input[type="submit"]{ width: 165px; }
}

.Searchpg{ font-size: 14px; text-align:right; float:left; margin: 10px 0;}
.Searchpg a{ color: #069; }
.Searchpg a:hover{ color: #f93; }
.Searchpg i{ margin: 0 3px; position: relative; top: 1px; }
/* box for search res */
#TabTour .filtercontent{ width:100%; float:none;}
#TabTour .filtercontent:before{ content:""; clear:both; display:block;}
#TabTour .filtercontent .contentbox span.found{ color: #1a9253; background-color: #CF0;}
#TabTour .filtercontent .contentbox h2 a{ color:#316087; font-size:16px;}
#TabTour .filtercontent .contentbox h2 a:hover{ color:#a77826;}
#TabTour .filtercontent .each{ margin-bottom: 20px;}


.tsearch_tit{color:#a77826; font-size: 16px; margin: 10px 0 10px; font-family:YekanR;}
.tsearch_tit i{font-size: 20px;}
.tsear_nores{clear:both; line-height:30px; font-size:17px; display:block;}

/* search blog form */
#sear_blogf ul{ font-size: 0; text-align: center; }
#sear_blogf li{ height: 40px; line-height: 40px; padding: 0 5px; font-size: 14px; display: inline-block; position: relative; overflow: hidden; z-index: 2; }
#sear_blogf ul:nth-child(1)  li:nth-child(1),#sear_blogf ul:nth-child(1) li:nth-child(2){ overflow: visible !important; }
#sear_blogf ul:nth-child(1) li span{ line-height: 38px; background: #f4f4f4; position: absolute; top: 1px; left: 10px; display: block; transition: all .3s linear; z-index: -1; }
#sear_blogf ul:nth-child(1) li span.no_place{ padding: 0 5px; line-height: 20px; font-size: 12px; color: #b7b7b7; top: -10px; z-index: 2; }
#sear_blogf input[type="text"]{ width: 230px; height: 37px; padding: 2px 5px; border: 1px solid #cacaca; font-family: YekanR; font-size: 14px; background: transparent; display: block; position: relative; z-index: 1; }
#sear_blogf select{ width: 70px; height: 37px; text-align: center; border: 1px solid #cacaca; font-family: YekanR; font-size: 14px; background: transparent; display: inline-block; }
#sear_blogf ul:nth-child(1) select{ width: 120px; }
#sear_blogsub{ text-align: center; margin-top:10px;}
#sear_blogsub i{ vertical-align:middle;}
.tres_code{color:rgba(127,127,127,1.00); font-size:12px !important;}
@media only screen and (max-width: 670px) {	
	#search_tab li{ width: 50%; margin-left:0; border-radius:0;}
	#search_res{border-top:none;}
	.tsearch_tit, .Searchpg{float:none;}
}
@media only screen and (max-width: 810px) {	
	#sear_blogf ul{ max-width: 520px; margin: auto; }
	#sear_blogf li{ margin-bottom: 15px; }
	#sear_blogf ul:nth-child(1) input{ width: 245px; }
	#sear_blogf ul:nth-child(1) select{ width: 245px; }
}
@media only screen and (max-width: 580px) {	
	#sear_blogf ul{ max-width: 275px; text-align: right; }
	#sear_blogf ul:nth-child(1) input{ max-width: 265px; width:100%;}
	#sear_blogf ul:nth-child(1) select{ width: 265px; }
}
@media only screen and (max-width: 320px) {	/* responsiv */
	#sear_blogf ul{ text-align: center; }
	#sear_blogf li{ display: block; }
	#sear_blogf ul:nth-child(1) input{ width: 100%; }
	#sear_blogf ul:nth-child(1) select{ width: 100%; }
	#sear_blogf ul:nth-child(2) li{ height: auto; }
	#sear_blogf ul:nth-child(2) span{ display: block; }
}
/* table result for news search */
#TabNews table{ width: 100%; font-size: 17px; line-height: 30px; border-collapse: collapse; clear:both;}
#TabNews tr:nth-child(1){ background: #f4f4f4 !important; }
#TabNews tr:nth-child(1) td{ padding: 3px 5px !important; }
#TabNews tr{ transition: all .3s linear; }
#TabNews .ini_sbody td{ padding: 12px 5px !important; text-align: left !important; }
#TabNews .ini_sbody span{ background-color:#CF0;}
#TabNews tr:hover + .ini_sbody{ background: rgba(255, 153, 51, 0.22) !important; }
#TabNews tr:hover{ background:#F4F4F4;}
#TabNews td{ padding: 5px 5px; border: 1px solid #f1f1f1; }
#TabNews td:nth-child(1),#TabNews td:nth-child(3),#TabNews td:nth-child(4),#TabNews td:nth-child(5){ text-align: center; }
#TabNews td:nth-child(3){ width: 40px;}
#TabNews a{ color: #a77826;}
#TabNews a:hover{ opacity: 0.7;}

@media only screen and (max-width: 650px) {	/* responsiv */
	#TabNews table,#TabNews table tbody,#TabNews table tr,#TabNews table td{ width: 100% !important; display: block !important; }
	#TabNews table{ margin: 5px auto; }
	#TabNews tr:first-child{ display: none !important; }
	#TabNews tr{ height: auto; margin-bottom: 5px; }
	#TabNews td{ width: 100%; padding: 5px 10px; text-align: right !important; border-top: none !important; }
	#TabNews td:before{ font-size: 14px; color: #a77826;}
	#TabNews td:nth-child(1){ font-size: 17px; background: #f4f4f4; text-align: center !important; }
	#TabNews td:nth-child(1):before { content: "ردیف: "; color: #444; }
	#TabNews td:nth-child(2):before { content: "عنوان: "; }
	#TabNews td:nth-child(3):before { content: "کد: "; }
	#TabNews td:nth-child(4):before { content: "تاریخ انتشار: "; }
	#TabNews .ini_sbody td{ background: transparent; }
	#TabNews .ini_sbody td:before{ display: none !important; }
	#TabNews a{ display: inline-block; }
}

/***************************************************** page 3 *****************************************************/
#banner.mode2{ height: 450px;}
#banner.mode2.shadow::before{ background: linear-gradient(180deg, rgba(240,239,231,0.8464519596901261) 0%, rgba(27,11,11,0.028524788821778668) 27%, rgba(255,255,255,0.0341270297181373) 46%, rgba(255, 255, 255, 0) 100%)}
#paragraph.widest{ max-width: 100%; padding: 0;}
#activities.mode2 a > span{ height: 430px;}
#activities.mode2 a > div p{ color: #666;}
#region{ margin: 0 0 50px 0; text-align: center;}
#region a{ padding: 3px 0; margin: 5px; color: #999; border-bottom: 3px solid transparent; display: inline-block;}
#region a:hover,#region a.active{ color: #333; border-color: #a77826;}

#banner.mode3{ height: 320px; margin-bottom: 0 !important;}
#banner.mode3 > .main{ position: absolute; left: 0; right: 0; bottom: 70px; justify-content: flex-start; align-items: flex-end; z-index: 11;}
#banner.mode3 h1{ margin-left: 20px; color: #fff; font-family: "YekanH"; font-size: 45px; line-height: 60px;}
#banner .rate{ margin-top: 12px; color: #fff;}
#banner .rate i{ color: #d89c2c;}
#banner .rate a{ color: #fff;}

.room_link{ margin: 40px 0 0; text-align: center;}
.room_link a{ padding: 0 0 5px; margin: 10px 15px; color: #333; font-size: 18px; border-bottom: 1px solid transparent; display: inline-block;}
.room_link a:hover,.room_link a.active{ border-color: #333;}
.room_link a.active{ position: relative;}
.room_link a.active:after{ content: "";	right: calc(50% - 5px); position: absolute;	width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; bottom: -5px; transition: all linear .3s;}
#scroll_menu.room_link a.reserve{ width: 150px; position: static; border: none; display: inline-block;}
#banner .b_ground { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 0.5s ease-in-out; z-index: 0;}
#banner .b_ground:first-child { opacity: 1;}

#rooms{ margin: 60px 0 100px 0; text-align: center;}
#rooms #activities{ margin: 0; border: none; text-align: right;}
#rooms #activities .flexbox2 a > span{ height: 400px;}
.anchor{ position: relative; top: 0px;}
.anchor1{ position: relative; top: -40px;}
.go_up{ width: 30px; height: 27px; line-height: 30px; margin: auto; background: #3333335e; color: #fff; position: absolute; bottom: -61px; right: 20px; text-align: center; border-radius: 50% 50% 0 0; display: block; transition: all linear .2s; cursor: pointer;}
.go_up:hover{ background: #333;}
.go_up.mod2{ bottom: 0;}
.rel_pos{ position: relative;}

#half_banner{ margin: 60px 0; background: #58748c; border-radius: 0 25px 0 25px; overflow: hidden;}
#half_banner > div{ width: 50%; height: 400px;}
#half_banner > div:first-child a{ height: 100%; display: block; overflow: hidden;}
#half_banner > div:first-child img{ height: 100%; object-fit: cover; display: block; transition: all linear 0.2s;}
#half_banner > div:first-child a:hover img{ transform: scale(1.1);}
#half_banner .withtxt{ padding: 0 50px; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;} 
#half_banner .withtxt p{ font-size: 18px;}
#half_banner h2{ margin-bottom: 25px; font-family: "YekanH"; font-size: 35px; line-height: 50px;}
#half_banner h2 a{ color: #fff;}
#half_banner h2 a:hover{ color: #f2dec3;}
#half_banner .more{ margin: 25px auto 0; background: #f2dec3; color: #333; text-shadow: none;}
@media only screen and (max-width: 768px){
	#half_banner > div{ width: 100%; height: auto; min-height: 250px;}
	#half_banner .withtxt{ padding: 25px;}
	#banner.mode3 > .main{ bottom: 40px;}
	#banner.mode3 h1{ font-size: 40px; line-height: 55px;}
	.anchor{ position: relative; top: 30px !important;}

}

/***** activities *****/
#related{ margin: 60px 0;}
#related .flexbox2 a{ width: Calc(25% - 15px); margin: 0 0 20px 20px; background: #fff; color: #333; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); border-radius: 0 20px 0 20px; display: block; overflow: hidden;}
#related .flexbox2 a:nth-child(4n){ margin-left: 0;}
#related .flexbox2 a > span{ width: 100%; height: 200px; display: block; overflow: hidden;}
#related .flexbox2 a img{ width: 100%; height: 100%; object-fit: cover; transition: all linear 0.3s;}
#related .flexbox2 a img:hover{ transform: scale(1.2);}
#related .flexbox2 a > div{ padding: 30px 20px; background: #fff; transition: all linear .2s;}
#related .flexbox2 a h3{ margin-bottom: 10px; font-family: "YekanB"; font-size: 20px; line-height:35px; text-align: center;}
@media only screen and (max-width: 900px){
	#related .flexbox2 a{ width: Calc(50% - 10px);}
	#related .flexbox2 a:nth-child(2n){ margin-left: 0;}
}
@media only screen and (max-width: 600px){
	#related .flexbox2 a{ width: 100%; margin: 0 0 20px !important;}
	
}

/***************************************************** page 4 *****************************************************/
#news_mode{ padding: 200px 0; align-items: flex-start;}
#news_mode > div{ width: 50%;}
#news_mode > div img{ width: 100%; height: 630px; object-fit: cover !important; object-position: center !important; border-radius: 0 25px 0 25px; display: block;}
#news_txt{ padding-right: 40px;}
#news_txt h1{ margin-bottom: 20px; font-family: "YekanB"; font-size: 35px; line-height: 50px;}
@media only screen and (max-width: 850px) {
	#news_mode{ padding: 140px 0;}
	#news_mode > div img{ height: 220px;}
	#news_mode > div{ width: 100%; padding: 0 !important}
	#news_txt h1{ margin: 40px 0 20px 0;}
}

/********************************* map ****************************************/
#block1,#block2,#block3,#block4,#block5,#block6,#block7,#block8,#block9,#block10,#block11,#block12,#block13,#block14{position:absolute;}
#block1 a,#block2 a,#block3 a,#block4 a,#block5 a,#block6 a,#block7 a,#block8 a,#block9 a,#block10 a,#block11 a
,#block12 a,#block13 a,#block14 a{background:url(images/background/map.png) no-repeat;display:block;}
/* ru site */
#block1{top: 300px;left:420px;width:55px;height:50px;}
#block2{top:307px;left:370px;width:55px;height:50px;}
#block3{top:191px;left:533px;width:49px;height:62px}
#block4{top:169px;left:458px;width:49px;height:62px}
#block5{top:196px;left:409px;width:65px;height:58px}
#block6{top:223px;left:365px;width:65px;height:58px}
#block7{top:249px;left:323px;width:65px;height:58px}
#block8{top:99px;left:552px;width:51px;height:52px}
#block9{top:104px;left:482px;width:51px;height:52px;z-index:10}
#block10{top:114px;left:410px;width:51px;height:52px}
#block11{top:153px;left:347px;width:51px;height:52px}
#block12{top:188px;left:291px;width:51px;height:52px}
#block13{top:152px;left:717px;width:51px;height:52px;z-index:9}
#block14{top:191px;left:664px;width:51px;height:52px}

/* tu pic */
#block1 a,#block1 a:hover{height: 50px;background-position: -44px -440px}
#block2 a,#block2 a:hover{height: 50px;background-position:-46px -438px}
#block3 a,#block3 a:hover{height:62px;background-position:-98px 0}
#block4 a,#block4 a:hover{height:62px;background-position:-147px 0}
#block5 a,#block5 a:hover{height:58px;background-position:0px -62px; }
#block6 a,#block6 a:hover{height:58px;background-position:-65px -62px; }
#block7 a,#block7 a:hover{height:58px;background-position:-130px -62px}
#block8 a,#block8 a:hover{height:52px;background-position:0px -120px}
#block9 a,#block9 a:hover{height:52px;background-position:-51px -120px}
#block10 a,#block10 a:hover{height:52px;background-position:-102px -120px}
#block11 a,#block11 a:hover{height:52px;background-position:-153px -120px}
#block12 a,#block12 a:hover{height:52px;background-position:-205px -120px}
#block13 a,#block13 a:hover{height:52px;background-position:-0px -172px}
#block14 a,#block14 a:hover{height:52px;background-position:-51px -172px}
#block1 a,#block2 a,#block3 a,#block4 a,#block5 a,#block6 a,#block7 a,#block8 a,#block9 a,#block10 a,#block11 a,#block12 a,#block13 a,#block14 a{background-position:1172px 0;}

#unit{ margin: 100px auto;}
#map{ max-width:100%; height:700px; margin-top:35px; background:url(images/background/map.png) no-repeat top right; background-size: cover !important;  position:relative; overflow:hidden;}
#resmap_ul,.for_js{ display: none; }
#DIVblock > div{ padding: 50px; margin-top: 50px; background: #fff; border-radius: 10px; position: relative; display: none;}
#DIVblock img{ width: 100% !important; display: block; margin: auto; margin-bottom:20px;}
#DIVblock h3{ margin-bottom: 30px; font-family: "YekanH"; font-size: 25px; line-height: 38px; }
.gototop{ width: 50px; height: 50px; line-height: 40px; background: #fbfaf1; color: #a77826; border-radius: 50%; text-align: center; font-size: 22px; position: absolute; left: 0; right: 0; margin: auto;	bottom: -25px; cursor: pointer;}
.gototop:hover{ line-height: 30px;}
#map ul{ list-style: none}
#possibilities{ flex-direction: row-reverse;}
#possibilities .for_img{ width: Calc(40% - 10px);}
#possibilities .box{ width: Calc(60% - 10px); margin-left: auto;}
#possibilities .box > b{ max-width: max-content; margin-bottom: 20px; font-size: 20px; line-height: 33px; border-bottom: 3px solid #4c592e; display: block;}
#possibilities .box > b span{ font-size: 13px; font-family: "YekanR"; direction: ltr; display: inline-block;}
#possibilities .box > b span i{ color: #d89c2c;}
#possibilities .each{ margin: 5px 0;}
#possibilities .each i{ margin-left: 10px; color: #4c592e;}
@media only screen and (max-width:1200px){
	#map{ margin-bottom: 5px; height: 250px; background-position: 85% 40% !important; background: url(images/background/map.jpg);}
	#resmap_ul{ padding: 10px 20px 0; font-size: 0; text-align: center; display: block; }
	#resmap_ul li{ max-width: max-content; min-width: 200px; line-height: 30px; margin: 5px; font-size: 19px; background: #FFF; text-align: center; border-radius: 5px; display: inline-block;}
	#resmap_ul a{ padding: 8px; color: #333; display: block;}
	#map ul{ display: none; }
}
@media only screen and (max-width:850px){
	#possibilities > div{ width: 100% !important;}
	#DIVblock > div{ padding: 25px 25px 45px;}
}

/***************************************************** calendar ***************************************************/
#calendar{ padding: 60px 0; background: #fff;}
#calendar > .main{ position: relative;}
#calendar .month{ width: calc(50% - 10px); margin-left: 20px; text-align: center;}
#calendar .month:last-child{ margin-left: 0;}
.month > b{ font-size: 20px; line-height: 33px;}
.month .rows > div{ width: 14.28%; line-height: 50px; background: #fbfaf1; border: 1px solid #fff;}
.month .rows:nth-of-type(1) > div{ background: none; font-family: "yekanB";}
.month .rows > div:last-child{ color: red;}
.arrow_right,.arrow_left{ position: absolute; top: 5px; right: 20px;}
.arrow_right i,.arrow_left i{ font-size: 20px; vertical-align: middle; position: relative; top: -1px;}
.arrow_left{ position: absolute; top: 5px; left: 20px; right: inherit;}

/***************************************************** event *****************************************************/
#tools .items span{ margin: 3px; padding: 3px 10px; font-size: 16px; border-radius: 3px; border: 1px solid #ddd; border-radius: 5px; display: inline-block; transition: linear .2s;}
#tools .items span a{ color: #045c91;}
#tools .items span a::before{ content: "\f35d"; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size: 10px; color: #069; padding-left: 5px;}
#tools .items span:hover{ border: 1px solid #045c91;}

/***************************************************** faq *****************************************************/
#faq_box .questions{ margin-bottom: 15px; padding: 5px; font-size: 17px; line-height: 30px; font-family: "YekanB"; border-bottom: 1px solid #a77826; position: relative; display: block; cursor: pointer;}
#faq_box .questions::after{ content: "\f053" !important; position: absolute; left: 0; top: 5px; color: #a77826; font-family:"Font Awesome\ 5 Free"; font-weight:900; display: block; transition: all linear 0.2s;}
#faq_box .questions.show::after{ transform: rotate(-90deg);}
#faq_box .answer{ padding: 0 15px 20px 0; color: #888; display: none;}

/***************************************************** about *****************************************************/
#whitebox{ padding: 30px; margin: 150px auto 60px; background: #fff; border-radius: 10px;}
/** team **/
#our_team .teamtxt{ margin-bottom:15px;}
#hamm_imgbox{
    position: relative;
	margin:auto;
	display:flex; display: -webkit-flex; display:-ms-flex; flex-wrap:wrap;
}
.hamm_teamimg{
    width:25%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
	border-top:4px solid #58748c;
	border-left:1px solid #e1e7e6;
}
#hamm_imgbox > div:nth-last-child(2){ border-left:none;} 
.hamm_teamimg img{
    max-width: 100%;
	width: 100%;
    display: block;
}
.hamm_teamimg:before{
    content: "";
    width: 0;
    height: 0;
    margin: auto;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 60px solid #58748c;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -65px;
    z-index: 1;
    transition: all .2s linear;
}
.hamm_team_active:before{
    bottom: -15px !important;
}
#hamm_infobox{
    width: 100%;
    background:#58748c;
	position:relative;
    z-index: 2;
    overflow: hidden;
    transition: all .2s linear;
}
.hamm_infoimg{
    width: 33%;
    padding: 0px 30px 0px 0px;
    margin-left: 30px;
    direction: ltr;
    text-align: left;
    float: right;
}
#hamm_infobox img{
    width: 100%;
    max-width: 400px;
    height: auto;
    display: block;
}
.hamm_info{
    width: 100%;
    height: 100%;
    display: none;
}
.hamm_infotxt{
    padding: 20px;
    line-height: 30px;
	text-shadow: 1px 1px 0px #000;
}
.hamm_infotxt div{
    padding-right: 30px;
    margin-bottom: 10px;
}
.hamm_infotxt div:nth-child(1){
    color: #fff;
    font-size: 17px;
	font-family:"YekanB";
}
.hamm_infotxt div:nth-child(2){
    color: #c1c8ce;
    font-size: 15px;
}
.hamm_infotxt div:nth-child(3), .part div:nth-child(2){
    margin-top: 25px;
    font-size: 15px;
    font-family: YekanR;
    text-align: justify;
    text-justify: auto;
    color: #fff;
}
.hamm_infotxt div:nth-child(4){
    margin-top: 35px;
    color: #FFFFFF;
    font-size: 15px;
    font-family: YekanR;
    text-align: justify;
    text-justify: auto;
}
.hamm_infotxt div:nth-child(4) i{
    margin-left: 10px;
    color: #58748c;
    font-size: 20px;
    display: inline-block;
    position: relative;
    top: 3px;
}
#hamm_infoclose{
    position: absolute;
    z-index: 2;
    left: 30px;
    top: 30px;
    cursor: pointer;
    color: #fff;
    font-size: 30px;
}

@media only screen and (max-width:900px){ /************ responsive info box 900 px *****************/
    #hamm_infobox img{
        display: none;
    }
    .hamm_infotxt div{
        padding: 0px 30px;
    }
    .hamm_teamimg{
        width:50%;
    }
	.hamm_teamimg{ border-top:4px solid #58748c;}
	.socials a{ font-size:34px; margin-left:10px;}
}
@media only screen and (max-width:600px){ /************ responsive info box 600 px *****************/
    .hamm_teamimg:before{
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-bottom: 50px solid #58748c;
    }
}
@media only screen and (max-width:450px){ /************ responsive info box 450 px *****************/
    .hamm_teamimg:before{
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-bottom: 40px solid #58748c;
    }
}

/***************************************************** contact *****************************************************/
#contact_box{ padding-bottom: 20px;}
#contact_head i{ transform: rotate(-96deg);}
#contact_box iframe{ width: 100% !important; margin: 10px auto; }
#contact_form{ margin-top: 20px; }
#contact_form ul{ font-size: 0; padding: 0; margin: 0; }
#contact_form li{ width: 33.3333%; line-height: 45px; padding: 0 5px; margin-bottom: 10px; font-size: 14px ; color: #767676; display: inline-block; position: relative; z-index: 2; }/*height: 45px; */
#contact_form li:nth-child(4){ width: 66.66%;}
#contact_form>ul>li:nth-last-child(1){ width: 33.333%; overflow: hidden; margin-bottom: 0;}/*height: 110px; */
#contact_form li span{ line-height: 43px; background: #FFF; position: absolute; top: 1px; right: 10px; display: block; transition: all .3s linear; z-index: -1; }
#contact_form li span.no_place{ padding: 0 5px; line-height: 20px; font-size: 12px; color: #b7b7b7; top: -10px; z-index: 2; }
#contact_form input,#contact_form textarea{ width: 100%; height: 45px; padding: 5px 5px 2px 5px; line-height:25px; border: 1px solid #e2e2e2; border-radius: 5px; font-family: YekanR; font-size: 16px; background: transparent; display: block; position: relative; z-index: 1; }
#contact_form textarea{ height: 100px; resize: none; }
#contact_form .g-recaptcha{ text-align: center;}
#contact_sub li{ width: auto; }
#contact_sub input[type="text"]{ width: 80px; max-width: 100%; }
#contact_sub input[type="submit"]{max-width: 100%; background: #a77826; color: #FFF; transition: all .3s linear; border:none; text-shadow:1px 1px 1px #333333;}
#contact_sub input[type="submit"]:hover{ opacity: 0.7;}
.disabledMail{ padding:20px 10px 20px; display:block; border-right:4px solid orange; background:#F5F5F5; margin:20px auto;}
.dis_none{ display: none;}
@media only screen and (max-width: 768px) {	/* responsiv */
	#contact_form textarea{ font-size: 17px;}
	#contact_form input{ height: 50px; font-size: 17px;}
	#contact_form li span{ top: 3px; font-size: 15px !important;}
	#contact_box iframe{ margin: 0 auto;}
	#contact_form li{ width: 100% !important; display: block;}
	#contact_form .g-recaptcha > div{ margin: 0 auto;}
}

/***************************************************** footer *****************************************************/
footer{ background: #434e2b; color: #fff; border-top: 1px solid #ccc;}
.column{ margin: 50px 0; align-items: flex-start}
.column .logo{ width: 100px; margin-left: 50px;}
.column .logo img{ width: 100%;}
.column .Tright{ width: Calc(100% - 220px); align-items: flex-start; justify-content: flex-start;}
.column .Tright > div{ width: 33.33%; padding-left: 20px; font-size: 16px; line-height: 26px;}
.column .Tright > div:last-child{ padding-left: 0;}
.column .Tright > div h3{ margin-bottom: 20px; font-family: "YekanB"; font-size: 20px; line-height: 30px;}
.column .Tright > div a{ padding: 2px 0; color: #fff; display: block;}
.column .Tright > div a:hover{ color: #f2dec3}
.column .links{ margin-top: 30px;}
.column .links a{ margin-left: 5px; font-size: 30px; color: #f2dec3 !important; display: inline-block !important;}
.column .links a:hover{ transform: scale(1.1);}

#newsletter{ width: 100%; max-width: 320px; height: 50px; position: relative; }
#newsletter input{ width: 100%; height: 100%; padding: 0 5px 0 65px; color:#333; border: 1px solid #eee; direction: ltr;}
#newsletter input::placeholder{ text-align: right;}
#newsletter button{ width: 60px; height: 100%; padding: 0 5px; background: #f2dec3; color: #333; position: absolute; left: 0; top: 0; border: none; transition: all linear 0.2s;}
#newsletter button:hover{ opacity: 0.7;;}
@media only screen and  (max-width: 900px){
	.column .logo{ margin: 0 auto 30px;}
	.column .Tright{ width: 100%;}
	.column .Tright > div{ width: 100%; margin: 30px 0; padding: 0; text-align: center;}
	#newsletter{ margin: auto;}
}

footer .copyright{ padding: 0 0 10px; font-size:12px; text-align: center; clear: both; line-height:26px;}
footer .copyright .left{ margin-right: auto; color:#fff; font-family:tahoma; font-size:13px; direction:ltr;}
footer .copyright .right{ color:#fff;}
footer .copyright a{ color:#fff; font-size:13px; transition: all linear 0.3s;}
footer .copyright a:hover{ color:#f2dec3; text-shadow:none;}
#back_up{ width: 47px; height: 47px; line-height: 45px; text-align: center; background:rgba(199,163,98,0.6); color: #FFF; font-size: 20px; text-shadow:1px 1px 0px gray; position: fixed; bottom:4px; right:4px; z-index: 999; cursor: pointer; transition: all .3s linear; display: none; }
#back_up:hover{ background:rgba(199,163,98,1);}
@media only screen and  (max-width: 870px){
	#back_up{ bottom:0; right:10px;}
}

@media only screen and (max-width: 768px){
	footer .copyright .left,footer .copyright .right{width: 100%;}
}

/**** end footer ****/