@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;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
form{margin:0;}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0;}
td,th,ol,ul,li{padding:0; margin:0;}
ul,ol{padding-right:20px;}
p{margin:0;}
h1,h2,h3{font-weight:normal; padding:0px; margin:0;}
textarea, input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; }


@font-face{
	font-family: 'pelak';
    src: url('includes/fonts/Pelak-Regular.ttf') format('truetype');}
@font-face{
	font-family: 'pelakBlack';
    src: url('includes/fonts/Pelak-Black.ttf') format('truetype');
	font-weight: bold;
}
@font-face{
    font-family: 'pelakBold';
	src: url("includes/fonts/Pelak-Bold.ttf") format('truetype');
	}
@font-face{
    font-family: 'PelakSemiBold';
	src: url("includes/fonts/Pelak-SemiBold.ttf") format('truetype');
	}
@font-face{
    font-family: 'Pelakmedium';
	src: url("includes/fonts/Pelak-Medium.ttf") format('truetype');
	}

::-moz-selection{background:rgba(0,0,0,0.1)}
* {
    box-sizing: border-box;
}
*:focus,
*:active,
a:active,
a:focus,
input:focus,
input:active { 
    -moz-outline-style: none;
	outline:none;
	outline: 0;
}
/* light blue at 80% opacity */
html {
    -webkit-tap-highlight-color: transparent;
}

/***** hide input number spinner ****/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}
::-moz-placeholder { /* Firefox 19+ */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}
:-ms-input-placeholder { /* IE 10+ */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}
:-moz-placeholder { /* Firefox 18- */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}

a{text-decoration:none; transition:all linear 0.2s;}
b, strong{font-family:'pelakBold'; font-weight:normal;}
.ltr, .ltext{ direction: ltr; display: inline-block !important;}

/* Default CSS */
.drtl{direction:rtl;}.dltr{direction:ltr;}.FloatR{float:right;}.FloatL{float:left;}
.clr, .clear{clear:both;}.Tright{text-align:right;}.Tleft{text-align:left}.Tjustify{text-align:justify;}.Tcenter{text-align:center;}.jcenter{ justify-content: center;}

.Ared,.red{color:#A70000;} .Agreen,.green{color:#0b9b36;} .Aorange,.orange{color:#f7941e;} .Ablue{ color: #2d97b7;}.Agray{ color: #b7b7b7;}

/***** hide input number spinner ****/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*iframe */
.h_iframe-aparat_embed_frame{position:relative; margin:10px auto;} 
.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%;}

html, body{ width:100%; height:100%; padding:0; margin:0;}
body{ direction:rtl; font-size:15px; font-family:'pelak'; line-height:28px; color:#333333;}
.main{max-width:1200px; margin:auto; padding:0 15px;}
.flexbox,.flexbox1{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items:center;} 
.flexbox1{ align-items: stretch;}
.en_bold{ font-weight:bold;}.en_font{ font-family: tahoma;}
#hide_overflow { position: relative; overflow: hidden;}

#back_up{ width: 45px; line-height: 45px; text-align: center; background:  rgba(0,0,0,.7); color: #FFF; font-size: 18px; position: fixed; bottom: 10px; right: 10px; border: 1px solid #232323; border-radius:100%; z-index: 999; cursor: pointer; transition: all .3s linear;}
#back_up:hover{ background: rgba(0,0,0,1);}
.n_cursor{ cursor: default !important;}

.more{ min-width: 150px; width: max-content; margin: 20px auto auto; background: #000; text-shadow: 1px 1px 1px rgba(0,0,0,.5); line-height:30px; padding:8px 15px; color:#fff; font-size:16px; text-align:center; border: 2px solid transparent; display:block; transition:all linear 0.2s; border-radius: 18px; cursor: pointer;}
.more i{ margin-right: 5px; position: relative; top: 2px;}
.chng_bt{ width: max-content; padding: 9px 15px; color: #333; margin: 20px auto auto; font-size: 16px; line-height: 30px; text-align: center; border:2px solid #333; border-radius: 18px; cursor: pointer; transition: all linear .2s;}
.chng_bt:hover,.more:hover,#morePic{ background: #ffcc00; color: #333; border-color: #333; text-shadow: none;}
.more_g{ background: #00b957;}
.more_g:hover{ background: #00b957; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.5); border-color: transparent; opacity: 0.7;}

.title{ margin:0 0 25px; font-family:"pelakBold"; font-size:35px; line-height:60px; text-align:center;}
.title.w_txt{ margin-bottom: 5px;}
.title + .txt{ font-size: 18px; color: gray; text-align: center;}

/******************************************** header ***************************************/
header{ width: 100%; padding: 25px !important; background: #fff; position: fixed; left: 0; right: 0; top: 0; box-shadow: 0px 0px 7px 0px #dadada; border-radius: 0 0 15px 15px; z-index: 10000;}
header.head_abs{ position: absolute;}
header.main{ max-width: 1170px;}
header #logo{ width: 130px; display: block;}
header #logo img{ width: 100%; display: block;}
header .fsearch{ width: 200px; height: 40px; margin-right: auto; position: relative;}
.fsearch input{ width: 100%; height: 100%; padding: 0 5px 0 40px; border: 2px solid #333; border-radius: 5px;}
.fsearch button{ width: 40px; height: 100%; background: transparent; position: absolute; left: 0; top: 0; font-size: 18px; text-align: center; border: none;}
.fsearch button i{ position: relative; top: 2px;}
header nav{ width: Calc(100% - 450px); margin-right: 20px;}
header nav ul{ padding: 0; margin: 0; font-size: 0;}
header nav ul li{ font-family:"pelakBold"; font-size: 15px; display: inline-block;}
header nav ul li a{ padding: 10px; color: #333; text-align: center; display: block;}
header nav ul li a:hover{ color: #D0A602;}
#menu_bar{ line-height: 40px; color:#333; font-size:30px; text-align:left; position: absolute; left: 25px; top: 25px; display:none; cursor:pointer;}
@media only screen and (max-width: 900px){
	header nav{ width: 100%; padding: 20px 0 0; display: none; }
	header nav ul li{ display: block;}	
	header nav ul li a{ font-size: 18px; border-top: 1px solid #ddd;}
	#menu_bar{ display: block;}
	header .fsearch { display: none; margin: 0 auto 0 45px;}
	header.head_abs{ position: fixed;}
}
/******************************************** index ***************************************/
#banner, #trip_ban{ height: Calc( 100vh - 150px); background-size: cover !important; position: relative; display: flex; flex-direction: column; justify-content: flex-end;}
#banner #ban_info > div{ padding: 20px; color: #fff; font-size: 35px; line-height: 45px; border-right: 5px solid #fff; position: relative; z-index: 10;}
#banner #ban_info h1{ margin-bottom: 10px; color: #ffcc00; font-family:"pelakBlack"; font-size: 50px; line-height: 65px;}
#banner .has_link{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 11;}
.shadow_box:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(9,9,121,0) 35%); z-index: 5;}
.padR15{ padding-right: 15px;}
@media only screen and (max-width: 650px){
	#banner{ background-attachment: scroll !important;}
}
@media only screen and (max-width: 650px){
	#banner{ height: 400px;}
	#banner #ban_info > div{ font-size: 30px; line-height: 45px;}
	#banner #ban_info h1{ font-size: 35px; line-height: 50px;}
	.title { font-size: 23px; line-height: 40px;}
}
@media only screen and (max-width: 450px){
	#banner #ban_info > div{ font-size: 25px; line-height: 38px;}
	#banner #ban_info h1{ font-size: 28px; line-height: 40px;}
}

#our_plan{ margin: 60px 0;}
#our_plan > .flexbox{ max-width: 1000px; margin: auto;}
#our_plan .plan{ width: calc(33.33% - 33.3px); margin: 0 0 30px 50px; background: #fff; color: #333; box-shadow: 0px 0px 12px 0px #004a22; border-radius: 20px; overflow: hidden;}
#our_plan .plan:hover{ box-shadow: 0px 0px 15px 0px #003a1b;}
#our_plan .plan:nth-child(3n),#our_plan .plan:last-child{ margin-left: 0;}
#our_plan .plan > img{ width: 100%; height: 380px; object-fit: cover !important; display: block;}
.plan > .flexbox{ padding: 15px; font-size: 14px;}
.plan .date{ width: 135px; margin-right: auto; text-align: left; font-family: PelakSemiBold;}
.plan .loc{ width: Calc(100% - 138px); font-family: PelakSemiBold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.plan .loc img{ width: 12px; margin-left: 1px; display: inline-block; position: relative; top: 3px;}
#our_plan .more, #n_right .chng_bt,#tour_calendar .more{ position: relative; z-index: 10;}
.line{ position: relative;}
.line:before{ content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; top: 25px; left: 0; right: 0; display: block; z-index: 5;}
.line:after{ content: ""; height: 55px; width: 210px; margin: auto; background: #fff; position: absolute; left: 0; right: 0; top: 0; display: block; z-index: 6;}
.line .title{ width: max-content; padding: 0 30px; margin: auto; background: #fff; position: relative; display: block; z-index: 10;}
.line.no_after:after{ content: none;}
.line.no_after:before{ top: 33px;}
@media only screen and (max-width: 900px){
	#our_plan .plan{ width: calc(50% - 25px);}	
	#our_plan .plan:nth-child(3n){ margin-left: 50px;}
	#our_plan .plan:nth-child(2n),#our_plan .plan:last-child{ margin-left: 0;}
}
@media only screen and (max-width: 650px){
	#our_plan{ margin: 25px 0;}
	#our_plan .plan{ max-width: 320px; width: 100% !important; margin: 0 auto 30px !important;}	
}

/**tour calendar*/
#tour_calendar{ margin: 60px 0; position: relative;}
#tour_calendar .main > .flexbox{ position: relative; z-index: 10;}
#tour_calendar .items{ width: calc(33.33% - 33.3px); padding: 20px; margin: 0 0 30px 50px; margin-left: 50px; background: #ffffffc2; color: #333; box-shadow: 0px 0px 12px 0px #004a22; border-radius: 20px; text-align: center; overflow: hidden;}
#tour_calendar .items:last-child,#tour_calendar .items:nth-child(3n){ margin-left: 0;}
#tour_calendar #big_up{ top: 83px;}
#tour_calendar #big_up .triangle_up{ border-left: 55px solid transparent; border-right: 0 solid transparent; border-bottom: 100px solid #ffe57e;}
#tour_calendar #mid_up .triangle_up { border-left: 0 solid transparent; border-right: 115px solid transparent; border-bottom: 223px solid #fc0;}
#tour_calendar #mid_up{ bottom: 28px;}

.items .tname{ padding-bottom: 10px; border-bottom: 1px dashed #a6a6a6;}
.items .day{ padding-left: 5px; margin-top: 10px; font-size: 48px; color: #ffcc00; text-shadow: 1px 1px 1px #333; display: inline-block;}
.items .name_txt{ padding-right: 10px;}
.items ul{ padding: 0; margin: 15px 0 0; justify-content: center;} 
.items ul li{ display: inline-block;}
.items ul li:after{ content: "/"; padding: 0 5px; display: inline-block;}
.items ul li:last-child::after{ display: none;}
.items .more{ margin: 15px auto 0;}
.items .more.incomplete{ background: #ffcc00; color: #333; border-color: #333; text-shadow: none; cursor: default;}
@media only screen and (max-width: 900px){
	#tour_calendar .items{ width: calc(50% - 25px); }
	#tour_calendar .items:nth-child(3n){ margin-left: 50px;}	
	#tour_calendar .items:nth-child(2n){ margin-left: 0;}	
}
@media only screen and (max-width: 600px){
	#tour_calendar .items{ width: 100%; margin: 0 0 20px !important;}
}


/* ********************************* carousel ********************************** */
#last_trip{ margin: 60px 0;}
.team-item{ direction: rtl; position: relative;}
.team-item .more{ width: 100%; margin: 20px auto auto;}
.team-item:hover .more{ background: #048f96; color: #fff;}
.team-item:hover img{ transform: scale(1.1,1.1);}
.team-item > div.flexbox{ position: absolute; left: 10px; right: 10px; bottom: 10px; align-items: flex-end;}
.carousel{ margin-top: 20px; direction: ltr;}
.heart{ color: #ff6969 !important;}

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

.team-item{
	cursor: grab;
	width: 350px !important;
	text-align: center;
	margin: 5px 10px !important;
	background-color: #fff;
	border-radius: 20px;
	transition: all linear 0.2s;
	overflow: hidden;
	box-shadow: 0px 0px 7px 0px #dadada;
}
.team-item:hover{ box-shadow: 0 0 7px 0 #666;}
.team-item form{ width: 100%; display: block;} 
#car_pro .team-item{ min-height: 318px !important; padding: 10px 10px 0;}
#team-header{
	font-size: 40px;
	color: rgb(245, 92, 92);
	padding: 10px 0;
	margin:60px auto;
	display: block;
	text-align: center;
	font-family: 'Avenir LT Std';
	font-weight: bolder;
}
#team-top{
	display: flex;
	width: 37.5%;
	justify-content: center;
	margin: 10px auto 0 auto;
	color: #505050;
}
.team-top-item{
	width: 45%;
	height: 100%;
	margin: 15px auto;
}
.team-item-name{
	text-align: right;
	font-size: 13px;
	line-height: 25px;
	font-family: 'pelak';
}
.team-item-name a{ color: #1B1B1B; display: block;}
.team-item-name a:hover{ color: #048f96;}
.team-item-img{
	width: 100%;
	position: relative;
	transition: all linear .2s;
	overflow: hidden;
}
.team-item-img img{ width: 100%; margin: auto; 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;	
}

#last_trip .team-members{ width: 100%;}
.tp_info{ padding: 15px; color: #333; font-size: 16px;} 
.tp_info .star{ margin-right: auto; display: flex; direction: ltr;}
.tp_info .star i{ margin-right: 2px; color:#ffcc00; font-size: 18px;}
.noflow{ overflow: hidden;}
#last_trip .slick-prev{ left: 20px;}
#last_trip .slick-next{ right: 20px;}
@media only screen and (max-width: 1300px){
	.team-members{
		width: 750px;
	}
}
@media only screen and (max-width: 1024px){
	.team-item{ box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1)} 
	.team-item:hover img { transform: scale(1);}
}
@media only screen and (max-width: 850px){
	.team-members{
		width: 370px;
	}
	.team-item{
		padding-bottom: 30px !important;
		margin: 5px 75px !important;
	}
	#last_trip .team-item{
		padding-bottom: 0 !important;
		margin: 5px 10px !important;
	}
}
@media only screen and (max-width: 800px){
	#team-header{
		font-size: 30px;
	} 
	.team-item .more{ padding: 6px 5px;}
}
@media only screen and (max-width: 450px){
	.team-members{
		width: 270px;
	}
	.team-item{
		padding-bottom: 30px !important;
		margin: 5px 15px !important;
	}
	#last_trip .more{ margin-top: 0;}
}
.team-members .slick-prev:before {
    content: "\f053" !important;
	font-family:"Font Awesome\ 5 Free"; 
	font-weight:900;
    font-size: 40px;
	color: #aaa;
	transition: all linear .2s;
}
.team-members .slick-next:before {
    content:"\f054";
	font-family:"Font Awesome\ 5 Free"; 
	font-weight:900;
    font-size: 40px;
	color: #aaa;
	transition: all linear .2s;
}
#last_trip .slick-prev:before {
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;   
	font-size: 25px;
	display: block;
	background: #ffcc00;
	border-radius: 100%;
}
#last_trip .slick-next:before {
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 25px;
	display: block;
	background: #ffcc00;
	border-radius: 100%;
}

.slick-arrow{
	height: 100%;
	z-index: 100;
} 
/*******/

/*** last news ***/
#last_news{ padding: 60px 0; background: #f6f6f6;}
#r_box{ width: 35%; height: 335px; background-size: cover !important; background-position: center !important; box-shadow: 0px 0px 7px 0px #dadada; border-radius: 10px; position: relative; overflow: hidden;}
#r_box:hover{ box-shadow: 0 0 7px 0 #666;}
#r_box img{ width: 100%; height: 100%; object-fit: cover !important;}
#r_box > div{ padding: 10px; position: absolute; right: 10px; bottom: 5px; color: #fff; font-size: 15px; line-height: 25px; text-shadow: 0px 0px 1px #333; z-index: 10;}
#r_box h3{ font-family: "pelakBold"; font-size: 20px; line-height: 32px; }
#r_box.shadow_box::before, #r_top.shadow_box::before{ background: linear-gradient(0deg, #004a22 0%, rgba(9,9,121,0) 35%);}
#l_box{ width: Calc(65% - 15px); margin-right: auto;}
.news_box { width: Calc(50% - 5px); padding: 10px; margin: 0 0 10px 10px; background: #fff; color: #333; border-radius: 10px; box-shadow: 0px 0px 7px 0px #dadada; overflow: hidden;}
.news_box:nth-child(2n){ margin-left: 0;}
.news_box:hover{ box-shadow: 0 0 7px 0 #666;}
.news_box img{ width: 115px; height: 85px; border-radius: 5px; display: block;}
.news_box > div{ width: Calc(100% - 125px); margin-right: 10px; font-size: 12px; line-height: 20px;}
.news_box h3{ min-height: 50px; font-family: "pelakBold"; font-size: 16px; line-height: 25px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
@media only screen and (max-width:980px){
	#r_box, #l_box{ width: 100% !important;}
	#r_box{ margin-bottom: 10px;}
}
@media only screen and (max-width:650px){
	#last_news{ padding: 25px 0;}
	.news_box { width: 100% !important; margin: 0 0 10px !important;}
}

/******************************************** trip ***************************************/
.common{ margin: 50px 0;}
.comma span::after{content:"،"; padding-left:4px;}
.comma span:last-child::after{display:none;}
.ex_padd{ padding-left: 2px; display: inline-block;}
.t_txt{ font-size: 17px; line-height: 28px; text-align: right;}
#trip_ban{ min-height: 450px; height: auto; position: relative; align-items: flex-start; justify-content: center;}
#trip_ban.gap_album{ margin-bottom: 170px;}
#trip_ban video{ width: 100%; min-width: 100%; min-height: 100%; position: absolute; right: 0; bottom: 0; z-index: 4;}
#trip_ban > #trip_info{ width: 100%; margin-bottom: 20px; color: #fff; text-shadow: 1px 1px 1px #333; text-align: right; position: relative; z-index: 10;}
#trip_info h1, #bann_info h1{ margin-bottom: 6px; font-family: "pelakBold"; font-size: 45px; line-height: 60px;}
#trip_info h1{ margin-bottom: 10px; font-size: 35px; line-height: 55px;}
.cap_mod{ margin-right: 5px; background: #fff; padding: 2px 5px; border-radius: 3px; font-size: 12px; text-shadow: none;}
#trip_info .sub_h{ margin-top: 15px;}
#trip_info .sub_h a:first-child{ padding-right: 0;}
#trip_info .sub_h a{ padding: 0 5px; color: #fff;}
#trip_info .sub_h a:hover{ color: #ffcc00;}
@media only screen and (max-width:768px){
	#trip_ban{ padding-top: 80px; justify-content: flex-start;}
	#trip_ban video{ display: none;}	
	#trip_info h1{ margin-bottom: 10px; font-size: 25px; line-height: 40px;}
}

/*album*/
#banner_album{ position:absolute; bottom: -120px; left:0; right:0; overflow:hidden; opacity:0; visibility:visible; transition:all linear 0.2s; z-index: 100;}
#album_box{ position:relative; overflow:hidden;}  
#galleryBox{ padding:0; margin:auto; font-size:0; text-align:center; transition: all .5s linear; white-space:nowrap;}
#galleryBox:after{ content:''; clear:both; display:block;}
#galleryBox li{ height:200px; position:relative; font-size:14px; display:inline-block; vertical-align:bottom; cursor: pointer; list-style:none; }
#galleryBox li > div:before{ content:"\f00e"; padding-top:85px; background:rgba(25,29,50,0.7); color:#fff; position:absolute; top:0; right:0; left:0; bottom:0; border-radius: 10px; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:30px; visibility:hidden; opacity:0; transition:all linear 0.2s;}
#galleryBox li > div:hover:before{ visibility:visible; opacity:0.8;}
#galleryBox li > div:hover:after{ visibility:hidden; opacity:0;}
#galleryBox li > div{ background-size:cover !important; background-position:center !important; position:absolute; left:5px; right:5px; top:5px; bottom:10px; margin:auto; border:4px solid #fff; border-radius: 10px; transition:all linear 0.2s;}
#galleryShow{ max-width: 100%; max-height: 100%; padding:0 10px 10px 10px; background: rgba(0,0,0,.88); position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; transform-origin: 50% 0; opacity: 0; visibility: hidden; transition: all .5s linear; z-index: 99999;}
#galleryShowClose{ padding:10px 50px; color: #FFF; font-size: 30px; line-height: 30px; cursor: pointer; transition: all .3s linear; position:relative; z-index:13;}
#galleryShowClose:hover{ opacity:0.5;}
#galleryShowImg{ overflow: hidden; margin-top: 5px; opacity: 1; transition: all .8s linear; text-align:center;}
#galleryShowImg > span{ position:relative; display:inline-block;}
#galleryShowImg > span > div{ position:absolute; bottom:5px; left:5px; margin:auto; padding:3px 15px; text-shadow:1px 1px 1px #000; background:rgba(0,0,0,0.5); color:#fff; font-size:13px; display:inline-block;}
#galleryShowImg > span > div:empty{ display:none;}
#galleryShowImg img{ max-width: 100%; max-height:530px; margin:auto; display: block;}
#galleryShowImg i{ width: 50%; height:100%; padding-top:22%; margin: auto; font-size: 36px; color: #FFF; text-shadow: 0px 1px 2px #000; position: absolute; top: 0; bottom: 0; z-index: 12; cursor: pointer; transition: all .3s linear; opacity: 0;}
#galleryShowImg i:hover{ opacity:0.5;}
#leftGallerySlide{ padding-left:20px; left: 0; text-align:left;}
#rightGallerySlide{ padding-right:20px; right: 0; text-align:right;}
#galleryShowInfo{ margin-top: 10px; color: #c2c2c2; text-align: center; }
#galleryShowTxt{ padding-bottom:5px; line-height: 30px; font-size: 18px; font-family:'shabnamB'}
#galleryShowdetail{ line-height: 18px; font-size: 12px; }
#galleryShow.active{ opacity: 1; visibility: visible; }
#morePic{ display:none !important;}
#nex_button,#pre_button{ width:50px; padding-top:80px; font-size: 35px; text-align:center; margin: auto; position: absolute; top: 0; bottom: 0; color: #FFFFFF; cursor: pointer; transition: all .3s linear; z-index:999; text-shadow:1px 1px 1px black; opacity:.7;}
#pre_button{ right: 0px;}
#nex_button{ left: 0px;}
#nex_button:hover,#pre_button:hover{ opacity:0.4; }

@media only screen and  (max-width: 1000px){
	#banner_album{ width: 100%; margin-bottom: 20px; position: static;} 
	#galleryBox{ max-width:500px !important; width: 100%;}
	#galleryBox li{ width:50% !important; height:200px;}
	#galleryBox li:before{ padding-top:115px;}
	#galleryBox li:after{ padding-top:150px;}
	#galleryBox li.disnone{ display:none;}
	#morePic{ margin:10px auto auto; display:block !important;}
	#nex_button,#pre_button{ display:none !important;}
	#trip_ban.gap_album{ margin-bottom: 0;}
}

@media only screen and  (max-width: 768px){
	#leftGallerySlide, #rightGallerySlide{ opacity:0.5 !important;}
	#galleryShowImg i{ padding-top:35%;}
}
/*album*/	

/*** Calendar *****/
.calendar .tabledate{ width: 100%; margin: auto; border-collapse:separate; border: 1px solid #CCCCCC; border-radius: 15px; overflow: hidden;}
.calendar .tabledate thead tr td{ background: #ffcd00; font-size:15px; height:45px;}
.calendar .tabledate td {height: 40px; width: 40px; background: rgb(255, 255, 255); transition: all 0.2s ease 0s;}
.calendar .headt td{ height: 30px; font-size: 14px;}
.calendar .circle { height: 35px; width: 35px; line-height: 35px; border-radius: 8px; border: 1px solid #ddd;}
.calendar .samplec { background: #f9e5c1;}
.calendar .guide .samplec {padding-top:15px;}
.calendar .guide {display:table; width:100%; text-align:center; max-width:300px; margin: 10px auto 20px;}
.calendar .guide span{display:table-cell; padding:3px; vertical-align:middle; font-size:13px;}
.calendar .guide div{ margin-left: 5px; display:inline-block; width:30px; height:30px; vertical-align:middle;}
.calendar .line2{height:1px !important; border-top: 1px solid #cccc;}
.calendar .data{font-size:14px;}
.monthsn span:last-child:before{content:"/"; display:inline-block; padding:0 0 0 5px;}

.map iframe{ max-width:100%; width:100%; height:200px; display:block; border:1px solid #CCCCCC; padding:5px; border-radius:15px;}
.map a{ color: #508ac5;}
@media only screen and  (max-width: 768px){
	#right_column{ width: 100%;}
	#map_calendar{ width: 320px; margin: 20px auto 0;}
}

/**************************************************************************************/
/** Left & Right column **/
.graybox{ background: #f4f4f4;}
.cir_before{ padding-right: 5px;}
#tour_box .abovetxt{ padding: 0 5px 5px 0; background: #f4f4f4; font-size: 17px; font-family: "pelakBold"; line-height: 30px; display: block; position: relative;}
#tour_box .abovetxt i, .cir_before i{ margin-left: 4px; color: #ffcd00; vertical-align: middle}
#left_tour > div{ padding: 15px; background: #fff; border-radius: 20px;}
#right_tour{ width: Calc(100% - 350px); float: right;}
#left_tour{ width: 330px; margin-right: auto; float: left;}
.sec_title{ margin-bottom: 20px; font-size: 20px; line-height: 30px;}
.sec_title i{ margin-left: 5px; color: #ffcd00; position: relative; top: 2px;}
#tour_box:after,.twotables::after{ content:""; clear: both; display: block;}
.tcost{ padding: 0 15px 15px; line-height: 25px;}
.tcost i{ color: #ffcd00; font-size: 10px;}
@media only screen and  (max-width: 1024px){
	#right_tour{ width: 100%; float: none;}
	#left_tour{ display: none !important;}
}

/*** menu fix dakheli ***/
.ttabs ul{ width:100%; font-size:0; margin:0; padding:0 !important; text-align:center;}
.ttabs ul li{width: Calc(100%/10); display:inline-block; position:relative; z-index:2 !important;}
.ttabs ul li a{font-size:14px; padding:6px 0; font-family:'pelak'; color:#000; border-bottom:3px solid #ddd; position:relative; display:inline-block; width:100%;  text-align:center;}
.ttabs ul li a.active{border-bottom:3px solid #ffcd00;}
.ttabs ul li 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 #ffcd00; bottom:-7px; }
.ttabs ul li a:hover{border-bottom:3px solid #ffcd00; color: #000; cursor:pointer; transition:linear .2s;}
.tcontent{ position:relative; top:-2.5px;}
#FixTourNav .main{ max-width:1170px !important; padding:0 !important;}
.ttabs ul.addnav{ background:#fff; margin: auto; position:fixed; top:0; right:0; left:0; font-size:0; text-align:center; z-index:999; transition:all 0.3s linear;}
#spacing{ height:50px;}
.padd50t{ padding-top: 20px; position: relative; top: -50px;}
.pad30b{ padding-bottom: 30px;}
.mar_box{ margin: 0 0 30px 0;}
@media only screen and (max-width: 850px) {
	#FixTourNav{ display: none;}
	.ttabs ul{ max-width:500px;}
	.ttabs ul li{ width: 100%; display:block;}
	.ttabs ul li:last-child{ border-bottom:none;}
	.ttabs ul li a{ padding:8px 10px;}
	#spacing,.gap{ display:none !important;}
	.padd50t{ padding-top: 0;}
	.pad30b{ padding-bottom: 1px;}
}

/** dar yek negah ***/
#glance_tour{ padding: 20px; background: #fff; border-radius: 20px;}
#glc_box > div{ width: 33.33%; padding: 10px; font-size: 13px; border-left: 1px solid #eee;border-bottom: 1px solid #efefef; transition: all linear 0.2s;}
#glc_box > div i{ transition: all linear 0.2s;}
/* #glc_box > div:hover i{font-size: 23px;} */
#glc_box > div:hover{background: #FAFAFA;}
#glc_box > div:nth-of-type(3n),#glc_box > div:last-child{ border-left: none; border-bottom: 1px solid #efefef;}
#glc_box > div > b{ padding: 0px 7px; margin: 0; background: #FAFAFA; border-radius: 20px; display: inline-block; line-height: 25px;}
#glc_box > div > b i{ margin-left: 3px; color: #ffcd00; font-size: 15px;}
#glc_box .go_reg{ margin: 10px 0 0;}
.on_mob{ max-width: 250px; display: none !important;}
#attract{ margin: 0 0 30px 0;}
.white_mode{ padding: 30px 20px; background: #fff; border-radius: 20px;}
.white_mode a{ color: #0068ad;}
.picSize img{max-width: 100%;}
@media only screen and  (max-width: 600px){
	#glance_tour #glc_box > div{ width: 50%;}
	#glc_box > div:nth-of-type(3n){ border-left: 1px solid #eee;}
	#glc_box > div:nth-of-type(2n){ border-left: none;}
	#attract{ margin: 40px 0 25px;}
	.on_mob{ display: block !important;}
	#glc_box > div:hover i{font-size: 13px;}
	#glc_box > div:hover{background: #fff;}
}
@media only screen and  (max-width: 450px){
	#glance_tour #glc_box > div{ width: 100%; border-bottom: 1px solid #eee; border-left: none !important;}
	#glc_box > div > b { margin:0 0 5px 0;}
}

/** nazare moshtari **/
#cust_txt{ padding: 0 15px; background: #ffcd00;}
#cust_txt img{ width: 150px; height: 150px; margin: auto; border-radius: 20px; display: block;}
#cust_txt .main{ padding: 20px 20px 20px 35px; background: #fff; position: relative; bottom: 40px; border-radius: 20px; z-index: 6;}
#cust_txt .txt_info{ width: Calc(100% - 170px); margin-right: auto; font-size: 16px; line-height: 28px; position: relative;}
#cust_txt .flexbox{ align-items: center;}
.txt_info i{ color: #ffcd00; font-size: 20px; position: absolute;}
.txt_info i.q_left{ bottom: 6px; left: -25px;}
.txt_info i.q_right{top: 6px; right: -28px;}
.txt_info b{ font-size: 18px; color: #ffcd00; display: block;}
.txt_info .txt_ex{ margin-bottom: 7px; color: gray; font-size: 14px;}
.txt_info .sometrip{ color: gray; font-size: 14px; text-align: left;}
@media only screen and  (max-width: 500px){
	#cust_txt .txt_info{ width: 100% !important; margin: 15px 0 0 !important;}
	#cust_txt .main{ padding: 20px 35px;}
}

/*Barname*/
.itinerary{ margin: 0 0 30px; /*height: 420px;*/}
.paddr40{ padding-right: 40px;}
.mar_box{ margin: 0 0 30px 0;}
.rightborder{border-right:3px solid #CCC; max-width:1150px; margin:0 auto; position:relative;}
.rightborder .circleon{transition:linear .2s; position:absolute; right:-27px; height:50px; width:50px; border-radius:100%; background:#FFFFFF; border:3px solid #FFF; text-align:center; }
.rightborder .circleon2{transition:linear .2s; position:absolute; margin-top:5px; right:35px; top:-25px; height:40px; width:40px; border-radius:25%; border:3px solid #FFF; text-align:center;}
.rightborder .daily{padding: 0 40px 0 0; text-align:justify;}
.rightborder .eachday{padding-bottom:30px;}
.rightborder .eachday:last-child{padding-bottom:0;}
.rightborder .eachday:hover .circleon{background: #EFEFEF;}
.dishc{border-top:3px solid #DDD; position:relative; width:40px; margin-top:30px; }
.dish{position:relative; top:-16px; right:80px; font-size:0; color:#000; max-width:95%;}
.dish span{font-size:14px;}
.rightborder .circleon i{color:#363636; line-height:45px; font-size:18px; font-style:normal;}
.rightborder .circleon2 i{color:#ffcd00; line-height:32px; font-size:13px; font-style:normal;}
#dred {color: #ffcd00; font-size:13px;}
#dred i {padding-left:5px; font-size: 7px; vertical-align: middle;}
.tcontent{padding-bottom:30px;}
.tcontent:last-child{padding-bottom:0px;}
.whichDay{ color:rgba(114,114,114,1.00); display:inline-block;}
.whichDay .en_font{ font-size: 14px; vertical-align: top;}
.whichDay .line2{ padding: 0px 10px; font-size: 10px; position: relative; top: -1px; display: inline-block;}
@media only screen and  (max-width: 1250px){
	.rightborder .circleon{right:5px;}
	.rightborder .daily{position:static; padding-right:65px;}
	.dish{position:static; padding:20px 40px 0 5px;}
}
@media only screen and  (max-width: 600px){
	.itinerary .title{border:3px dotted #88E39C; margin:0 20px 0; text-align:center; border-radius:10px; padding:10px; background:#DDF7E3;}
	.rightborder{border:none;}
	.rightborder .circleon{position:static;}
	.rightborder .daily{padding-right:0; background:#FFF; top:-15px; position:relative; left:0; right:0; border-top:4px solid #dddddd; padding-top:10px;}
	.rightborder .circleon{width:65px; height:65px; margin:auto;}
	.rightborder .circleon:before{ content:"روز"; margin-left: 5px;}
	.rightborder .circleon i{line-height:60px; font-size:25px;}
	.rightborder .eachday:hover .circleon{background: #fff;}
	.dishc{width:20px;}
	.dish{padding:20px 20px 0 5px;}
	.rightborder .circleon2{right:20px;}
	.itinerary{padding:20px 0 0px;}
}

/*Food*/
.tableres2{ margin: 0 0 30px 0; border-top:3px solid #f4f4f4;}
.tableres2 .undert{padding-top:15px;}
.tableres2 tr{transition:linear .2s;}
.tableres2 table, .tableresw table{ 
  width: 100%; 
  border-collapse: collapse; 
}
.tableres2 tr:nth-of-type(1) td{ 
  border-bottom: 1px solid #FFFFFF !important; 
  background:#eee;
}
.tableres2 tr:nth-of-type(2) td{ 
  border-bottom: 1px solid #FFFFFF !important; 
}
.tableres2 tr:nth-of-type(2), .tableres2 tr:nth-of-type(2):hover{ 
  background:#eee; 
}

.tableres2 tr:hover{background:#F7F7F7;}
.tableres2 td, .tableres2 th { 
  border:1px solid #FFF;
  border-bottom: 1px solid #eaeaea; 
  padding:3px;
  line-height:30px !important;
  font-size:13px;

}

.tableres table { 
  width: 100%; 
  border-collapse: collapse; 
  border-radius:5px;
  font-size:14px;
  margin:15px 0 15px;
}
/* Zebra striping */
.tableres tr:nth-of-type(1) { 
	color: #333; 
	background: #eee;
}
.tableres td, .tableres tr { 
	text-align: center !important; 
	line-height:30px !important;
	padding:5px; 
	border:1px solid #E8E8E8;
}
@media only screen and (min-width: 40px) and (max-width: 700px) {
	.tableres2 table, .tableres2 thead, .tableres2 tbody, .tableres2 th, .tableres2 td, .tableres2 tr { 
		display: block; 
	}
	.tableres2 tr:nth-of-type(1), .tableres2 tr:nth-of-type(2) { 
		display:none;
	}
	.tableres2 tr {border:none; margin-bottom: 20px;}
	.tableres2 td { 
		border-bottom: 1px solid #EAEAEA; 
		position: relative;
		text-align: center; 
	}
	.tableres2 td:last-child{ border-bottom: none;}
	/*
	Label the data*/
	.tableres2 td:nth-of-type(1):before { content: "روز "; color:#6c2526;}
	.tableres2 td:nth-of-type(2):before { content: "مکان صبحانه: "; color:#666;}
	.tableres2 td:nth-of-type(3):before { content: "متولی صبحانه: "; color:#666;}
	.tableres2 td:nth-of-type(4):before { content: "مکان ناهار: "; color:#666;}
	.tableres2 td:nth-of-type(5):before { content: "متولی ناهار: "; color:#666;}
	.tableres2 td:nth-of-type(6):before { content: "مکان شام: "; color:#666;}
	.tableres2 td:nth-of-type(7):before { content: "متولی شام: "; color:#666;}
	.tableres2 td:nth-of-type(8):before { content: "اقامت: "; color:#666;}
	.tableres2 td:nth-of-type(9):before { content: "توضیح اقامت: "; color:#666;}
	
	.unique{background: #f4f4f4; color:#6c2526; border-radius:5px; text-align:center; padding:6px !important; font-size:18px;}
	/*Registration Table*/
	.tableres table, .tableres thead, .tableres tbody, .tableres th, .tableres td, .tableres tr { 
		display: block; 
	}
	.tableres tr:nth-of-type(1) { 
		display:none;
	}
	.tableres td, .tableres tr { 
		padding:0px; 
		border:none;
	}
	.tableres td { 
		border-bottom: 1px solid #F0F0F0; 
		position: relative;
		border-radius:0px;
		text-align: center !important; 
		padding:4px;
	}	
	.tableres td:nth-of-type(1):before {content: "نام بانک: "; color:#840000;}
	.tableres td:nth-of-type(2):before {content: "شماره حساب: "; color:#840000;}
	.tableres td:nth-of-type(3):before {content: "شماره کارت: "; color:#840000;}
	.tableres td:nth-of-type(4):before {content: "صاحب حساب: "; color:#840000;}
	/*Registration Table*/
}

/*Selected Tours*/
.pointer:hover{cursor:pointer;}
.tselected .main > span, .tcategory .main > span{display:block;}
.tselected img{line-height:10px;}
.tselected .title, .contactinfo .title{max-width:1200px; margin:auto; font-size:20px; color:#000;  line-height:30px; padding-bottom:5px;}
.tselected .title i, .inaglance .title i, .tableres2 .title i, .tableresw .title i, .needed .title i, .trips .title i, .contactinfo .title i{color:#ffcd00;}
.tourbox{
    float:right;
	margin-right:2%;
	width:49%;
	overflow:hidden;
	margin-top:25px;
}
div.tourbox:nth-of-type(2n-1) {margin-right: 0px;}
.tourbox img{width:100%; border-radius:20px 20px 0 0;}
.tourbox div{display:table; width:100%; padding:5px 10px 5px; background:#FFF; border-radius:0 0 20px 20px; border:1px solid #E8E8E8; font-size:14px;}
.tourbox span{display:table-cell;}
.tourbox > span{text-align:right;}
.tourbox > a{line-height:0; display:block;}
.tourbox span:first-child a, .tourbox h2{display:block; color:#000; font-size:16px; line-height:30px; transition:linear .2s; margin:0; font-weight:normal;}
.tourbox span:first-child a{text-overflow:ellipsis; white-space:nowrap; max-width:390px; overflow:hidden;}
@media only screen and  (max-width: 1100px){
	.tourbox span{display:block;}
	.tourbox{text-align:center;}
	.tourbox span:last-child{margin:10px 0 10px;}
	.tourbox span:first-child a{text-overflow:clip; white-space:normal; max-width:none; overflow:visible;}
}
.tourbox span:first-child a:hover{color:#d32323;}
.tourbox span:first-child{color:#666; font-size:11px;}
.tourbox span:last-child{text-align:left; vertical-align:middle;}
.tourbox span:last-child a{display:inline-block; background:#269E76; border:1px solid #269E76; padding:5px 13px; border-radius:25px; font-size:16px; color:#fff; text-shadow: 1px 1px 1px #333333; transition:linear .2s;}
.tourbox span:last-child a:hover{ opacity: 0.7;}
.tourbox img{transition:linear .2s;}
.tourbox:hover img{opacity:.9;}
@media only screen and  (max-width: 1200px){
	.tourbox span:last-child{text-align:center;}
}
@media only screen and  (max-width: 530px){
	.tourbox span{display:block; text-align:center !important;}
}
@media only screen and  (max-width: 720px){
	.tourbox{
		float:none;
		margin-right:0px;
		width:100%;
		padding:5px;
	}
}

/*Trip category in index*/
.tcategory{padding:40px 0 40px;}
.padt20{padding-top:20px !important;}
.tcategory .title, .glance .title, #suggest .title, .inaglance .title, .tableres2 .title, .tableresw .title, .needed .title, .onlineact .title
, .itinerary .title, .some .title, .others .title, .submited .title{max-width:1200px; transition:linear .2s; margin:auto; font-size:21px; color:#333333; font-family:'pelak'; line-height:30px; padding-bottom:5px;}
.glance .title{padding-bottom:12px; padding-top:20px;}
.tcategory .title i, .glance .title i, .onlineact .title i, .itinerary .title i, .some .title i, .submited .title i{color:#ffcd00; transition:linear .2s;}
.others .title i{color:#ffcd00;}
@media only screen and  (max-width: 600px){
	.toptitle3{font-size:21px !important;}
}

/*Sayer Ejraha*/
.others{padding: 30px 0 30px;}
.othertrip,.othertrip table{ width:100%;}
.othertrip a{ color: #007da3}
.othertrip tr{font-size:13px; background:#FFFFFF; border:1px solid #EFEFEF; transition:linear .2s;}
.tablehalf > div{transition:linear .2s;}
.othertrip tr:first-child, .othertrip tr:first-child:hover, .tablehalf table tr:first-child{background:#EFEFEF; border: 1px solid #E8E8E8; color:#333 !important;}
.othertrip tr td{padding:0px 6px;}
.othertrip tr:hover{background:#F6F6F6; cursor:default}
.othertrip h2{font-size:13px; line-height:20px;}
.othertrip span{line-height:20px;}
.othertrip a:hover{text-decoration:none;}

/*Hamzaman & HamGHeymat*/
.twotables{padding:40px 0 40px; }
.tablehalf h2{margin:0; font-weight:normal;}
.tablehalf > div:first-child{width:49%; float:right; margin-left:2%;}
.tablehalf div div, .sub_style{font-size:17px; line-height: 30px; color:#333333; padding:0 0 5px 0;}
.tablehalf div div .Ared2,.sub_style .Ared2{ font-size: 22px;}
.tablehalf > div:nth-child(2){width:49%; float:right; margin-left:0;}
@media only screen and (min-width: 40px) and (max-width: 800px) {
	.tablehalf > div{ width: 100% !important;}
	.tablehalf > div:first-child{ margin-bottom: 20px;}
}

.needed .items span{display:inline-block; margin:5px; background:#fafafa; padding:2px 10px 2px; border-radius:20px; border:1px solid #EEEEEE; transition:linear .2s;}
.needed .items span:hover{border:1px solid #ffcd00;}
.needed .items span a{ color: #ffcd00;}
.needed .items span a::before{ content: "\f08e"; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:10px; color:#ffcd00; padding-left:5px; }

/*****************************************************************************/

/** trip date **/
#timing, #trip_item{ max-width: 600px; margin: 20px auto auto; font-family: "pelakBold"; font-size: 21px; line-height: 33px; text-align: center; border: 3px solid #ffcc00; border-radius: 25px; box-shadow: 0px 0px 7px 0px #fc0; overflow: hidden;}
#timing .t_day{ padding: 20px 15px; background: #ffcc00;}
.during > div{ width: 50%; padding: 20px 10px;}
.during > div:first-child,#trip_item .flexbox1 > div:nth-child(odd){ border-left: 3px solid #ffcc00;}
#trip_item .flexbox1 > div{ width: 50%; padding: 10px; border-bottom: 3px solid #ffcc00; /*isplay: flex; justify-content: center; align-items: center;*/}
#trip_item .flexbox1 > div:nth-last-child(1),#trip_item .flexbox1 > div:nth-last-child(2){ border-bottom: none;}
#trip_item div img{ width: 100px; display: block;}
#trip_item .levelt{ margin-right: 5px;}
@media only screen and (max-width:550px){
	#trip_item .flexbox1 > div, .during > div, #trip_item .flexbox1 > div:nth-last-child(2){ width: 100%; border-bottom: 3px solid #ffcc00; border-left: none !important;}
	.during > div:last-child{ border-bottom: none;}
	#trip_item div img{ margin-right: 10px;}
}

/** trip description **/
#describe{ padding: 0 0 50px; background: #f6f6f6; border-top: 3px solid #ddd;} 
#des_nav{ justify-content: center;}
#des_nav .item{ min-width: 150px; padding: 10px; margin: 0 10px; background: #fff; font-family: "pelakBold"; font-size: 20px; line-height: 30px; text-align: center; border-radius: 0 0 17px 17px; box-shadow: 0px 0px 7px 0px #dadada; cursor: pointer; transition:all linear 0.2s;}
#des_nav .item.active{ background: #ffcc00; box-shadow: 0px 0px 7px 0px #fc0;}
#des_box{ margin-top: 60px;}
#des_box .each_box{ max-width: 800px; margin: auto; font-size: 17px; line-height: 28px; color: #666; display:none;}
.each_box .h_box{ margin-bottom: 20px; color: #333; font-family: pelakBold; font-size: 23px; line-height: 33px}
.each_box .ex_box{ padding-right: 20px; border-right: 3px solid #ddd;}
#serv_main{  max-width: 500px;}
#serv_box{ color: #333;}
#serv_box > div{ width: calc(50% - 20px); padding: 10px; margin: 10px; background: #fff; font-family: "pelakBold"; font-size: 16px; line-height: 28px; text-align: center; border: 3px solid #ffcc00; border-radius: 30px;}
#des_box #first{ display: block;}

@media only screen and (max-width:850px){
	#des_nav{ flex-wrap: nowrap; justify-content: flex-start; overflow: scroll;}
}

.explanBox{ padding: 0 0 15px;}
.explanBox:last-child{ padding-bottom: 0;}

#food_table table{width:100%; margin:5px 0 10px; text-align:center; column-rule: #333;}
#food_table tr{background:#F9F9F9; font-size:13px; border-bottom: 1px solid #eee; transition:all linear 0.3s;}
#food_table tr:hover{background:#F2F2F2;}
#food_table tr:nth-child(1), #food_table tr:nth-child(2){ background:#373737 !important; color:#fff; font-size:14px; text-shadow:1px 1px 0px #333;}
#food_table td{padding:4px; line-height:28px; border-left:1px solid #eee;}
#food_table tr:nth-child(1) td{ border-bottom:1px solid #eee; }
#food_table tr:nth-child(1) td:first-child{ border-bottom:none; }
#food_table td:nth-child(1){vertical-align:middle;}
#food_table .txt_col{ color:#A28102;}
#food_table a{color:#316087;}

@media only screen and (max-width: 700px){
	#food_table{ max-width:400px; margin:auto;}
    #food_table tbody,#food_table tr,#food_table td{
        display: block !important;
    }
    #food_table tr:first-child,#food_table tr:nth-child(2){
        display: none !important;
    }
    #food_table tr{
        height: auto;
		text-align:center !important;
    }
    #food_table td{
        width: auto;
        padding: 5px 10px;
    }
	#food_table td:first-child{
		background:#373737!important;
		color: #333;
		text-align:center;
	}
	#food_table td:before{ padding-left:4px; color: #A28102}
	#food_table td:first-child{ color:#fff; font-size:16px; text-shadow: 1px 1px 2px #000;}
	#food_table td:first-child:before{ content:"روز:"; color: #fff;}
    #food_table td:nth-child(2):before { content: "مکان صبحانه:";}
    #food_table td:nth-child(3):before { content: "صبحانه توسط:";}
    #food_table td:nth-child(4):before { content: "مکان ناهار:";}
    #food_table td:nth-child(5):before { content: "ناهار توسط:";}
    #food_table td:nth-child(6):before { content: "مکان شام:";}
    #food_table td:nth-child(7):before { content: "شام توسط:";}
    #food_table td:nth-child(8):before { content: "اقامت محل:";}
    #food_table td:nth-child(9):before { content: "اقامت توسط:";}
}

.listitem{ width:80px; color:#333; font-size:15px;}
.tools{ width:calc(100% - 80px); padding-right:15px; padding:0; margin:0 0 10px; font-size:0;}
.tools li{ min-width:90px; margin:0 0 5px 5px; padding:3px 8px; background:#fff; color:#333; font-size:13px; box-shadow: 0px 0px 7px 0px #dadada; text-align:center; border-radius: 5px; display:inline-block;}
.tools li a{ color:#143075; transition:all linear 0.2s}
.tools li a:hover{ opacity:0.7;}
.tools li a:before{ content: "\f0c1"; padding-left:3px; font-family: "Font Awesome\ 5 Free"; font-weight: 900; font-size:11px;} 

/** register **/
#reg_butt{ margin: 30px 0;}
#reg_butt .flexbox{ justify-content: flex-end;}
#reg_butt .more{ margin: 0 30px 0 0;}
#register{ margin-top: 30px; padding: 30px 0; background: #f6f6f6; display: none;}
#register form{ padding: 30px; background: #fff; font-family: 'Pelakmedium'; box-shadow: 0px 0px 7px 0px #dadada; border-radius: 10px;}
#register .reg_title{ font-family: "pelakBold"; font-size: 20px; line-height: 30px}
#register .ex_pass{ padding: 6px 15px 4px; margin: 0 auto 0 0; font-family: "pelakBold"; font-size: 14px; line-height: 24px; border:2px solid #333; border-radius: 17px;}
#car_label{ margin: 20px 0;}
#car_label label,#num_pass label{ margin-left: 20px; cursor: pointer; display: inline-block;}
#register input[type="radio"]{ height: 14px; width: 14px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #D2D3D0; border-radius: 100%; background:#FFFFFF;	position:relative; top:2px; left:2px; cursor:pointer;}
#register input[type="radio"]:checked { background: #ffcc00; border: 1px solid #ffcc00;}	
#register button.more{ margin: 20px auto 0 0;}
.pass_field{ margin: 25px 0;}
.pass_field > div{ max-width: 280px; width: Calc(33.33% - 20px); margin-left: 30px;}
.pass_field > div:last-child{ margin-left: 0;}
.pass_field .tiny, .c_feild span{ margin-bottom: 5px; font-size: 13px; line-height: 23px; display: block;}
.pass_field .tiny b, .c_feild span b{ color: red; font-size: 15px;}
.pass_field input,.pass_field textarea, .c_feild input, .c_feild select, .c_feild textarea{ height: 40px; width: 100%; padding: 5px; background: transparent; border: 1px solid #ddd; border-radius: 5px;}
.pass_field textarea, .c_feild textarea{ max-width: 100%; width: 400px; height: 90px; resize: none;}
#num_pass{ margin: 30px 0 0; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
#num_pass b{ margin-left: 20px;}
#num_pass label:last-of-type{ margin-left: 0;}
.w100{ width: 100% !important; max-width: 100% !important;}
#more_pass{ border-bottom: 1px solid #ddd; display: none;}
.more_choise{ margin: 10px 0 0; font-family: "pelakBold"; font-size: 13px; line-height: 23px; justify-content: flex-end;}
.choise_pass{ padding: 0 10px; margin-left: 10px; border-left: 1px solid #333; transition: all linear 0.2s; cursor: pointer;}
.remove_pass{ color: #f32323; transition: all linear 0.2s; cursor: pointer;}
.remove_pass:hover,.choise_pass:hover{ opacity: 0.6;}

#pop_pass{ width: 100%; height: 100vh; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 10000;}
#pop_pass .flexbox{ height: 100vh; padding: 0 5px;}
#pop_pass #pass_form{ max-width: 600px; width: 100%; padding: 30px; margin: auto; background: #fff; border-radius: 5px; display: block; position: relative; z-index: 50;}
#pop_pass .list_title{ margin-bottom: 20px; font-family: "pelakBold"; font-size: 20px; line-height: 30px;}
#pass_form table{ width: 100%; text-align: center; border: 1px solid #000;}
#pass_form table td{ padding: 10px 5px; border-bottom: 1px solid #000;}
#pass_form table tr:first-child td{ background: #000; color: #fff;}
#pass_form label{ padding: 5px 15px; border: 2px solid #ffcc00; border-radius: 5px; cursor: pointer; position: relative; transition: all linear .2s;}
#pass_form label input{position: absolute; opacity: 0; visibility: hidden;}
#pass_form label.active1{ background: #ffcc00;}
#pass_close{ padding: 20px; position: absolute; left: 0; top: 0; color: #fff; font-size: 35px; cursor: pointer; transition: all linear .2s; z-index: 50;}
#pass_close:hover{ color: #FF3C3B;}
.close_shadow{ width: 100%; height: 100vh; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10;}
@media only screen and (max-width:550px){
	.pass_field{ margin: 0;}
	.pass_field > div{ max-width: 100%; width: 100%; margin: 0 0 20px !important;}
	#pop_pass #pass_form{ padding: 10px}
	#reg_butt .flexbox{ justify-content: center;}
	#reg_butt .more{ margin: 5px 10px;}
}

/******************************************** trip order ***************************************/
#p_order{ padding: 130px 0 80px; background: #eee;}
#p_order .main > div{ padding: 30px; background: #fff; box-shadow: 0px 0px 7px 0px #dadada; border-radius: 10px;}
#reg_info{ padding-bottom: 15px; border-bottom: 1px solid #ddd;}
#reg_info > div{ margin-bottom: 5px;}
.sub_confirm{ margin-bottom: 20px !important; font-family: "pelakBold"; font-size: 25px; line-height: 35px;}
#confirm{ padding: 20px 0 0;}
#confirm > .flexbox{ width: Calc(100% - 220px); flex-direction: row-reverse;}
#confirm .more{ margin: 0; }
#reg_info .chng_bt{ margin: 10px 0 0; display: block;}
.conf_link{ margin: 0 0 0 auto; font-family: "pelakBold";}
.conf_link a{ color: #09502a; border-bottom: 2px solid #09502a; display: inline-block;}
.conf_link a:hover{ opacity: 0.7;}
@media only screen and (max-width:800px){
	#confirm{ text-align: center; display: block;}
	#confirm .more{ width: 100%; margin: 20px 0 0;}
}

/******************************************** tourlist ***************************************/
#trip_ban.low_hgt{ height: 300px; display: block !important;}
#upcoming{ padding: 60px 0;}
#sort{ margin: 25px auto 35px !important;}
#sort .num_plan{ margin-right: auto; color: gray;}
#sort a{ margin: 0 2px; padding: 5px 8px; color: #333; border-radius: 5px; display: inline-block;}
#sort a.active{ background: #eee;}
#sort a:hover{ background: #eee;}
#sort b{ margin-left: 5px; padding-left: 10px; border-left: 2px solid #333;}
@media only screen and (max-width:600px){
	#sort > div{ width: 100%; text-align: center; justify-content: center;}	
	#sort .num_plan{ margin-top: 15px;}

}


/******************************************** blog ***************************************/
/*** last news ***/
#top_news{ background: #f6f6f6;}
#r_top{ width: Calc(50% - 15px); height: 400px; background-size: cover !important; background-position: center !important; box-shadow: 0px 0px 7px 0px #dadada; border-radius: 10px; position: relative; overflow: hidden;}
#r_top:hover, .top_box:hover{ box-shadow: 0 0 7px 0 #666;}
#r_top > div{ padding: 10px; position: absolute; right: 10px; bottom: 5px; color: #fff; font-size: 15px; line-height: 25px; text-shadow: 0px 0px 1px #333; z-index: 10;}
#r_top h3{ font-family: "pelakBold"; font-size: 20px; line-height: 32px; }
#l_top{ width: Calc(50% - 15px); margin-right: auto;}
.top_box { width: Calc(50% - 15px); margin: 0 0 30px 30px; background: #fff; color: #333; border-radius: 10px; box-shadow: 0px 0px 7px 0px #dadada; position: relative; overflow: hidden;}
.top_box:nth-child(2n){ margin-left: 0;}
.top_box:nth-last-child(1),.top_box:nth-last-child(2){ margin-bottom: 0;}
.top_box img{ width: 100%; height: 185px; object-fit: cover; object-position: center; border-radius: 5px; display: block;}
.top_box h3, .l_each h3, .each_three h4{ padding: 10px 5px; background: rgba(255,255,255,.8); font-family: "pelakBold"; font-size: 16px; line-height: 25px; text-align: center; position: absolute; bottom: 0; left: 0; right: 0;}
.top_box h3 span, .l_each h3 span, .each_three h4 span{ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
@media only screen and (max-width:980px){
	#r_top, #l_top{ width: 100% !important;}
	#r_top{ margin-bottom: 30px;}
}
@media only screen and (max-width:650px){
	.top_box { width: 100% !important; margin: 0 0 30px !important;}
}

#type_news{ padding: 20px 0; margin: 30px 0; background: #fff; text-align: center;}
#type_news a{ color: #333; padding: 5px 10px; margin: 2px 5px; font-family: "pelakBold"; font-size: 20px; line-height: 32px; border-radius: 5px; display: inline-block;}
#type_news a:hover,#type_news a.active{ background: #eee;}

/*** news box ***/
#overall{ padding: 35px 0 60px; background: #f6f6f6;}
#n_right{ width: Calc(100% - 330px); margin-left: auto;}
#n_left{ padding: 20px !important;}
#n_left a, #n_right a{ display: block;}

#n_right .n_each, #n_left{ padding: 15px; margin: 0 0 30px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 7px 0px #dadada; transition: all linear .2s;}
#n_right .n_each:hover, #n_left .l_each:hover{ box-shadow: 0 0 7px 0 #666;}
.n_each > a{ width: 270px;}
.n_each img, .l_each img{ width: 100%; height: 170px; object-fit: cover; object-position: center; border-radius: 10px; display: block; }
.n_each > div{ width: Calc(100% - 290px); margin-right: auto;}
.n_each h3 a{ margin: 5px 0 10px 0; color: #333; font-family: "pelakBold"; font-size: 20px; line-height: 32px; display: block;}
.n_each .txt{ min-height: 95px; color: gray}
.n_each .like{ margin-right: auto;}
.n_each .like span{ margin-right: 10px;}
#n_right .line::after{ width: 160px;}
#n_right .line::after{ background: #f6f6f6; right: inherit;}
#n_right .chng_bt{ color: gray; border-color: gray;}
#n_left .sub_left{ margin-bottom: 20px; color: gray; font-size: 18px; line-height: 32px; text-align: center;}
#n_left .l_each{ max-width: 300px; margin: auto auto 30px; position: relative; color: #333; border-radius: 10px; box-shadow: 0px 0px 7px 0px #dadada; overflow: hidden;}
#n_left .l_each:last-child{ margin-bottom: 0;}
.l_each img{ width: 100%; display: block;}
@media only screen and (max-width:950px){
	#n_right,#n_left{ width: 100%;}
	#n_right{ margin-bottom: 30px;}
}
@media only screen and (max-width:650px){
	.n_each > a, .n_each > div{ width: 100%;}
	.n_each h3 a { margin: 20px 0 10px 0;}
}

/******************************************** news ***************************************/
#p_news{ padding: 130px 0 60px; background: #f6f6f6;}
#news_side,#offer{ width: Calc(100% - 380px); padding: 15px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 7px 0px #dadada;}
#news_side{ padding: 30px; float: right;}
#offer .line{ margin-bottom: 30px;}
#offer{ width: 350px; padding: 30px 0 !important; margin-right: auto; float: left;}
#offer .title{ padding: 0 10px; color: gray; font-family: "pelak"; font-size: 19px; line-height: 30px;}
#offer .line.no_after::before{ top: 18px; background: #ffcc00;}
#offer .each_offer{ padding: 15px; border-bottom: 1px solid #ccc;}
.each_offer img{ width: 80px; height: 80px; margin-left: 15px; border-radius: 100%; display: block;}
.each_offer > div{ width: Calc(100% - 95px); font-size: 13px; line-height: 23px; color: #888;}
.each_offer > div .Agray{ margin-top: 15px; display: block;}
.each_offer h3{ font-family: "PelakSemiBold"; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
@media only screen and (max-width:950px){
	#news_side,#offer{ width: 100% !important; float: none;}
	#news_side{ margin-bottom: 20px;}
}
.nav_box{ padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #ccc;}
.nav_box a{ color: gray; vertical-align: middle; display: inline-block;}
.nav_box a:hover{ opacity: 0.6;}
.nav_box i{ color: gray; vertical-align: middle;}

#news_body h1{ font-family: "pelakBold"; font-size: 30px; line-height: 48px;}
#write_info{ margin: 20px 0 0;}
#write_info > div:first-child{ margin-left: 40px;}
#write_info img{ width: 40px !important; height: 40px; margin: 0 0 0 5px !important; border-radius: 100% !important;}
#news_body{ font-size: 17px; line-height: 29px;}
#news_body .n_img{ max-width: 100%; margin: 20px auto; border-radius: 10px;}
#news_body .short,#news_body .textbody{ margin-bottom: 30px;}
.textbody img{ max-width: 100%; margin: 20px auto; border-radius: 10px;}
#view{ justify-content: flex-end;}
#view span{ margin-right: 15px; font-size: 19px; display: inline-block;}
#view .share{ padding-right: 10px; margin-right: 8px; border-right: 2px solid #b7b7b7;}

.n_labels{ padding: 25px 0; margin-top: 10px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
.n_labels b{ margin-left: 15px; font-family: "pelakBold"; font-size: 17px; line-height: 27px;}
.n_labels a{ min-width: 75px; padding: 2px 10px; margin: 2px 7px; background: #eee; color: gray; font-size: 12px; line-height: 22px; text-align: center; border-radius: 15px;}

#last_three { padding: 50px 0 0;}
#last_three .sub_last{ margin-bottom: 20px; font-family: "pelakBold"; font-size: 26px; line-height: 36px;}
.each_three{ width: Calc(33.33% - 13.4px); margin-left: 20px; color: #333 !important; position: relative; border-radius: 10px; box-shadow: 0px 0px 7px 0px #dadada; overflow: hidden;}
.each_three:hover{ box-shadow: 0 0 7px 0 #666;}
.each_three:last-child{ margin-left: 0;}
.newsbody .each_three img{ width: 100%; height: 160px; margin: 0; object-fit: cover; object-position: center; display: block;}
.each_three h4{ margin: 0;}
@media only screen and (max-width:768px){
	#last_three > .flexbox{ flex-direction: column;}
	#last_three .sub_last{ text-align: center;}
	.each_three{ width: 100%; max-width: 300px; margin: 0 0 20px !important;}
	
}

/************************************* news ****************************************/
#navigator{ padding:110px 32px 20px; color:#fff; font-size:13px; position: relative; z-index: 11;}
#navigator i{ padding:0 5px; color:#D0A602; position: relative; top: 2px; text-shadow:none;}
#navigator a{ color:#fff; transition:all linear 0.3s;}
#navigator a:hover{ color:#D0A602 !important;}
#navigator.main{ background:transparent; box-shadow:none; border:none;}
#navigator.dark, #navigator.dark a{ color:#333;}
.slider #navigator{ color:#fff; text-shadow:1px 1px 1px #000;}
.slider #navigator a{ color:#fff;}


#news #bg_less{ background:#373737 url(images/background/parallax.jpg); background-size:cover !important; background-position:center !important;}
#news .slider{ min-height:300px;} 
.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:'pelakBold'; 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;}

.newsbody{ max-width:900px; padding:40px 30px 40px 30px; margin:auto; display:block; font-size:15px; line-height:26px;}
.newsbody .example1{ color: #888888; position: relative; bottom: 6px; font-size: 13px; font-style: italic; text-align: center; display: block; background: white;} 
.newsbody img, .t_txt img{max-width:100%; height:auto; margin:15px auto 10px; display:block;}
.newsbody h3,.t_txt h3{ margin-bottom:10px; line-height:30px; font-family:'pelakBold'; font-size:17px; border-bottom:3px solid #ffcc00; display:inline-block;}
.newsbody h2,.t_txt h2{line-height: 43px; font-family: 'pelakBold'; padding-bottom:10px; font-size:26px;}
.toptxt{font-size:13px; color:#939393; padding-bottom:10px;}
.toptxt i{font-size:13px; color:#D0A602;}
.like_comm{ margin-right: auto;}
.like_comm span{ margin-right: 10px; display: inline-block;}

.newsbody ul, .newsbody ol,.t_txt ul,.t_txt ol{ padding-right:30px;}
.newsbody a,.t_txt a{ color:#1152B5; transition:all linear 0.2s;}
.newsbody a:hover,.t_txt a:hover{ color:#004476;}
.newsbody a.button{ color:#004476;}
.newsbody a.button:hover{ color:#fff;}
.newsbody table,.t_txt table{ max-width:100%; margin:10px 0; text-align:center;}
.newsbody table tr td,.t_txt table tr td{ padding:3px 5px; background:#F8F8F8; border:1px solid #fff; transition:all linear .2s;}
.newsbody table tr:nth-child(2n-1) td,.t_txt table tr:nth-child(2n-1) td{ background:#eee; border-colr:#fff;} 
.newsbody table tr:first-child td,.t_txt table tr:first-child td{ background:#2c3e50; color:#fff; font-size:16px;}

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

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

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

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

.v_news{ margin-bottom:0;}
.v_news .title{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; border-radius: 5px;} 
.tagsin a:hover{ color:#ffcc00;}

/***** 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:'pelakBold';
    font-size: 26px;
    line-height: 36px;
}
.comm_img{
    margin-left: 10px;
    font-size: 32px;
    color: #fb8686;
    text-align: center;
    position: absolute;
}
.comm_img i{
	width: 28px;
	background:#ffcc00;
	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: 'pelak';
    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: 'pelak';
    font-size: 15px;
    line-height: 28px;
    text-align: justify;
    text-justify: auto;
}
.comment_ans{
    margin: 15px 60px 0px 0px;
	background: #fff9e3;
	padding: 20px 0 20px 20px;
	border: 2px solid #f9cf18;
	border-radius: 10px;
}
.comment_ans .comm_img{
	margin:0;
	background:none;
    font-size: 25px;
	text-align:left;
}
.comment_ans .comm_img i{ color:#ffcc00; background:none; font-size:12px; position:relative; right: 12px; bottom: 3px;}
.comm_reply{
    color: #aaaaaa;
    line-height: 30px;
    font-size: 15px;
    display: inline-block;
    cursor: pointer;
    transition: all .2s linear;
}
.comm_reply i{
    margin-left: 2px;
}
.comm_reply:hover{
    color: #ffcc00;
}
/******* 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: 'pelak';}
#cancel_reply{
    padding: 0px 10px 0px 0px;
    color: #ffcc00;
    cursor: pointer;
    font-size: 18px;
    display: none;
    transition: all .3s linear;
}
#cancel_reply:hover{
    color: #b91217;
}
#comment_form label{
    line-height: 25px;
    padding: 0 3px 5px;
    font-size: 14px;
    color: #696969;
    display: block;
    font-family: 'pelak';
}
#comment_form label i{
    margin-right: 3px;
    font-size: 9px;
    color: red;
    position: relative;
    top: -3px;
}
#comment_form textarea{
    min-width: 100%;
    max-width: 100%;
    min-height: 130px;
    max-height: 130px;
	line-height:28px;
    margin-bottom: 15px;
    padding: 5px 10px;
    background: #f4f4f4;
    border: 1px solid #e1e3e4;
    font-family: 'pelak';
    font-size: 15px;
	border-radius:5px;
    transition: all .3s linear;
}
#comment_form .comf_float{
    width: 50%;
    float: right;
}
#comment_form .comf_float:first-child{
    padding: 0px 0px 0px 10px;
}
#comment_form .comf_float:nth-child(2){
    padding: 0px 10px 0px 0px;
}
#comment_form input[type="text"]{
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    background: #f4f4f4;
    border: 1px solid #e1e3e4;
    font-family: 'pelak';
    font-size:15px;
	border-radius:5px;
    transition: all .3s linear;
}
#comment_form input[type="text"]:hover,#comment_form textarea:hover,
    #comment_form input[type="text"]:focus,#comment_form textarea:focus{
	box-shadow: 0 6px 8px -6px rgba(0,0,0,.4); 
	border-color:#ccc;
}
#comment_form .ltext{
    font-family: pelak !important;
}
#matcom_sub{
    text-align: right;
    padding-bottom: 25px;
}
#matcom_sub #pasokh_sub{
    display: none;
}

#NatijeSubmit span{padding: 8px; background: #f5f5f5; font-family: 'pelakBold'; border: 1px solid #ddd; border-radius: 5px; display: inline-block !important;}
#NatijeSubmit span i{ font-size: 20px; position: relative; top: 2px;}
#NatijeSubmit .green{ color: #00a600;}
#NatijeSubmit .red{ color: #e82121;}


@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; padding-top:5px; transition:linear .4s;}
.vtours img{display:block; width:100%; border:5px solid white;}
.vtours b{position:absolute; bottom:5px; right:5px; padding:8px 10px 5px; background:rgba(0,0,0,.5); left:5px;}
.vije p{font-size:15px; padding-right:15px;}
.vtours b h2{font-size:15px; font-family:'pelakBold'; color:white; display:inline-block; padding-left:3px;}
.vtours b span{font-size:12px; font-family:'pelak'; 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:'pelak';}
.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{background:#F4F4F4; padding:5px 10px; border-radius: 5px;}
.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;}
	.vtours b{ padding:10px; background:rgba(0,0,0,.8); position:static; border:5px solid white; border-top:none; display:block;}
	.vtours b a.button{ bottom:15px; left:15px; margin-top:5px;}
	.tl_vije .vtours b{ position:absolute; bottom: 0; left: 0; right: 0; border:none;}
	.tl_vije .vtours b a.button{ height:34px; margin:auto; top:0px; left:9px; bottom:0;}
}
@media only screen and (max-width:450px){
	#t_cover{ max-height:400px; height:400px !important;}
	.isdore{ max-height:230px !important;}
	.vtours b{ text-align:center;}
	.vtours b a.button{ max-width:200px; margin:5px auto auto auto !important; position:static; display:block !important;}
}
@media only screen and (max-width:370px){
	.contenttl .tab{ width:380px; max-width:100%;}
	.contenttl .tab:after{ content:""; clear:both; display:block;}
	.contenttl .tab span{ width:Calc( 50% - 3px); padding:0 3px; line-height:35px; float:right; margin:0;}
	.contenttl .tab span:first-child{ margin-left:6px;}
	.contenttl .tab span i{ display:none;}
}

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

.bg_gray .main{ max-width: 1170px; padding-top:20px; padding-bottom:20px; background:#fff; box-shadow: 0px 0px 7px 0px #dadada; border-radius: 10px;}
.slider{ min-height:350px; 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{ padding-top:8px; 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 a{ padding:5px 10px; font-size:16px; color:#fff; display:inline-block; transition:all linear 0.3s;}
.infotr .under a:hover{ color:#ffcc00;}
.infotr .under a.active{opacity:.5; cursor:default;}
.infotr .under a.active:hover{ color:#fff !important;}
.infotr .under div:first-child a{ padding-right: 0;}
.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;}
.main #RightBox .RightMain a{ display:block; transition:all linear 0.2s;}
.main #LeftBox{ width:30%; float:right;}
#RightBox .RightMain{ min-height: 195px; margin-bottom:10px; background:#fff; text-align:center; position:relative; border-radius: 10px; box-shadow: 0px 0px 7px 0px #dadada; overflow:hidden; transition:linear .3s;}
#RightBox .RightMain:hover{ box-shadow: 0 0 7px 0 #666;}
#RightBox .RightMain:hover .button{ background:#004476; border-color:#004476; color:#fff; text-shadow:1px 1px 1px #333;}
#RightBox .RightMain > div:first-child{ width:43%; padding:10px 10px 10px 20px; float:right;}
#RightBox .RightMain > div:first-child a{ position:relative;}
#RightBox .RightMain > div:first-child img{ width:100%; border-radius: 10px; display:block;}
#RightBox .RightMain > div:last-child{ width:57%; padding:10px 0 55px 10px; text-align:right; float:right; /**position: relative;**/}
#RightBox .width100s{ padding:20px;}
#RightBox .width100s > div:last-child{ width:100% !important; padding-left:0; float:none !important;}
#RightBox .RightMain > div:last-child h2{ margin:0 !important; padding: 20px 0 3px 0; line-height: 32px; font-size:19px; font-family:'pelakBold'; 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:#D0A602;}
#RightBox .RightMain > div:last-child .matn{ padding-right:0; line-height:25px; font-size:14px;}
#RightBox .RightMain > div:last-child .matn p{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
#RightBox .RightMain > div:last-child .more{ min-width: inherit; padding: 3px 10px; margin-top:10px; font-size: 14px; position: absolute; bottom: 10px; left: 10px; border-radius: 25px;}
#RightBox .RightMain > div:last-child #m_info{ position: absolute; right: 43%; bottom: 17px;}
#RightBox .RightMain.width100s > div:last-child #m_info{ right: 15px;}
#m_info div{ margin-left: 15px;}
#m_info i{ color: #D0A602;}

#MaxChr{ width:20px; display:inline-block;}
#RightBox #paging ul{ margin: 20px 0 50px 0; padding:0; font-size: 0; text-align: left !important;}
#RightBox #paging ul li{ width: 45px; height: 45px; line-height: 45px; margin:0 0 3px 3px; background: #f4f4f4; font-size: 16px; text-align: center; border-radius: 5px; transition: all 0.3s linear; display: inline-block; font-family:'pelak';}
#RightBox #paging ul li:hover{ background:#E6E6E6;}
#RightBox #paging ul li a{ color:#2c3e50; display:block;}
#RightBox #paging ul li.active{ background:#ffcc00;}
#RightBox #paging ul li i{ font-size:13px; line-height:45px;}
#RightBox .paging{ font-size:13px; text-align:left; margin-bottom:10px;}
#RightBox .paging i{ vertical-align:middle;}
#RightBox .paging span{ color:#ababab;}
#RightBox .paging a{ color:#2f9cae; transition:all linear 0.2s;}
#RightBox .paging a:hover{ opacity:0.6;}
#label{ padding:10px; font-size:0;} 
#LeftBox .tags h3{ font-size: 21px; padding: 10px 5px 10px 10px; margin-top:0; font-family:'pelakBold';}
#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: 13px; text-align:center; border-radius: 5px; transition: all linear 0.2s;}
#LeftBox .tags a:hover, #label a:hover{ background:#E6E6E6;}
#LeftBox .tags a.active{ background:#ffcc00;}
#LeftBox .tags a.active:hover{ opacity: 0.7;}
#LeftBox .tags a.active span{ color:#333;}
#LeftBox .tags a span{ color:#D0A602; font-size:12px;}
#LeftBox .tags h3 i{ color:#ffcc00; font-size:17px;}
.RightMain::after{ content:""; clear:both; display:block;}

.coverinfo .infotr{ position:absolute; padding:20px 0; line-height:30px; bottom:0; left:0; right:0; width:100%; margin:auto; z-index: 11;}
.coverinfo .infotr h1{ display:block !important; font-size:23px; line-height:35px; font-family:'pelakBold'; 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 #ffcc00;}
	#LeftBox .tags a{ margin-left:0; display:block;}
	#LeftBox .tags a:last-child{ border-bottom:none;}
	#RightBox #paging ul{ text-align:center !important;}
	#RightBox .RightMain:hover{ background:none;}
}
@media only screen and (max-width: 780px){
	#weblog > h2{ text-align:center;}
	/*#navigator{ text-align:center; padding:20px 0;}*/
	.tournav{text-align:right !important; padding-right:10px !important}
	#RightBox{ margin-left:0 !important;}
	#RightBox .RightMain{ max-width:600px; padding-bottom:15px; margin:auto auto 20px;}
	#RightBox .RightMain > div:first-child, #RightBox .RightMain > div:last-child{ width:100%; max-width:600px; margin:auto; padding:0px 0 5px 0; float:none;}
	#RightBox .RightMain > div:last-child{ padding:0 15px 50px 15px;}
	#RightBox .RightMain > div:first-child a{ max-width:600px; margin:auto;}
	#RightBox #paging ul{ margin-bottom:40px; text-align:center !important;}
	#RightBox .RightMain:nth-of-type(1) > div{ padding-top:0;}
	#RightBox .width100s > div:first-child{ padding:15px 15px 65px !important;}
	#RightBox .width100s{ padding:0;}
	#RightBox .paging{text-align:center; background:#E5E4E4; padding:5px; margin-bottom:10px;}
	#RightBox .RightMain > div:last-child #m_info{ right: 15px;}
}
@media only screen and (max-width: 700px){
	.coverinfo .infotr h1{ font-size:20px; line-height:33px;}
}

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

/************************************* tour order ****************************************/
#order .table_order{ max-width:900px; margin:20px auto; border-radius:3px;}
#order .table_order .order_title{ margin-bottom:15px; font-family:"pelakBold"; font-size:20px; line-height:30px; text-align:center;}
#order .table_order .order_title i{ color:#008000;}
#order .table_order .tablesub{ display: table; width: 100%; font-size: 14px; margin: auto; border-collapse: collapse;}
#order .table_order .tablesub > div{ display: table-row; border-bottom:1px solid #dfdfdf;}
#order .table_order .tablesub .rcell { width:160px; display: table-cell; padding:8px 5px; background:#f4f4f4; color:#333; font-family:"pelakBold";}
#order .table_order .tablesub .lcell { display: table-cell; padding:8px 5px; text-align: right;}
#order .table_order .topcell{ width:160px; padding:8px 5px; margin:20px 0 5px; background:#4d6a79; color:#fff; text-align:center; text-shadow:1px 1px 1px #333;}
#order .table_order .tablesub .lcell a{ color:#ffcc00; transition:all linear 0.2s;}
#order .table_order .tablesub .lcell a:hover{ opacity:0.7;}
#order .table_order button{ max-width:220px; width:100%;}
@media only screen and (max-width: 500px){
	#order .table_order .topcell{ width:100%;}
	#order .table_order .tablesub, #order .table_order .tablesub > div{ border-bottom:none; display:block;}
	#order .table_order .tablesub .rcell, #order .table_order .tablesub .lcell { width: 100%; padding:5px; display: block; text-align: center; border-left:none;}
}


/******************************************** contact ***************************************/
#c_bann{ height: 350px; padding: 20px 15px; background: #ffcc00; display: flex; flex-direction: column; justify-content: flex-end; position: relative;}
#bann_info{ text-align: center; position: relative; z-index: 11;}
#bann_info .navigate{ justify-content: center;}
#bann_info .navigate a{ color: #333;}
#bann_info .navigate a:hover{ opacity: 0.7;}
#bann_info .navigate i{ padding: 0 5px; }

#call_me{ margin: 50px 0;}
#call_form{ width: 60%; padding-left: 60px;}
#call_form .chk_txt{ margin-bottom: 40px; font-family: "pelakBold"; font-size: 17px; line-height: 29px;}
#call_form .chk_txt a{ color: #09502a; display: inline-block;}
#call_form .c_feild{ width: Calc(50% - 10px); max-width: 280px; margin-bottom: 30px;}
#call_form .c_feild:nth-child(odd){ margin-left: auto; }
#call_form .c_feild:nth-child(even){ margin-right: 20px;}
#call_form .c_feild span{ font-size: 15px; line-height: 26px;}
#call_form .c_feild textarea{ width: 100%;}
#call_form .c_feild input[type="email"]::placeholder{ text-align:left !important;}
@media only screen and (max-width: 850px){
	#call_form{  max-width: 580px; width: 100% !important; padding: 0; margin: auto;}
}
@media only screen and (max-width: 500px){
	#call_form .c_feild{ width: 100%; max-width: 100%; margin: 0 0 30px !important;}
	#call_form .c_feild:last-child{ margin: 0 !important;}
}


#call_left{ width: 40%; padding: 50px 0; flex-direction: column; justify-content: center; border-right: 3px solid #ddd;}
#call_left img{ width: 100%; max-width: 200px; margin: auto; display: block;}
#call_info{ max-width: 300px; width: 100%; margin: 30px auto auto; font-size: 17px; color: gray;}
#call_info > div{ margin-bottom: 10px;}
#call_info .call_sub i{ font-size: 18px; position: relative; top: 2px;}
#call_info .call_sub .fa-phone{ transform: rotate(-100deg);}
#call_info .c_phone > div a,#call_info .en_font a{ color: gray; direction: ltr; display: inline-block;}
#call_info .c_phone,#call_info .en_font{ margin-right: auto; text-align: left;}
@media only screen and (max-width: 850px){
	#call_left{ width: 100%; margin-top: 50px; border-top: 3px solid #ddd; border-right: none;}
}

/******************************************** complaint ***************************************/
#contact .c_title{ padding:20px 0; color:#333; font-family:'pelakBold'; line-height: 28px; font-size: 20px;}
#contact .c_title i{ color:#ffcc00; vertical-align:middle;}
#contact iframe{width:100%;}
#contact form ul, #cooperation ul{ font-size:0; padding:0; margin:0 0 5px 0;}
#contact form #part_one li, #cooperation ul:first-child li{ width:33%; display:inline-block;}
#contact form #part_one li:nth-child(2), #cooperation ul:first-child li:nth-child(2){ margin:0 0.5%;}
#contact form ul input, #cooperation ul input{ width:100%; height:40px; padding:0 5px; font-family: 'pelak'; font-size:14px; color:#333; border:1px solid #ccc; border-radius: 5px; vertical-align:bottom;}
#contact form #part_two li, #cooperation ul:nth-child(2) li{ width:33%; display:inline-block; vertical-align:top;}
#contact form #part_two li:nth-child(2), #cooperation ul:nth-child(2) li:nth-child(2){ margin:0 0.5%; text-align:center;}
#contact form #part_two li:nth-child(2) iframe, #cooperation ul:nth-child(2) li:nth-child(2) iframe{ width:304px; position:relative;}
#contact form #part_two li:last-child, #cooperation ul:nth-child(2) li:last-child{ position:relative;}
#contact form #part_two li textarea, #cooperation ul li textarea{ width:100%; height:76px; padding:0 5px; color: #333; font-family: 'pelak'; font-size:15px; border:1px solid #ccc; border-radius: 5px;  resize:none;}
#contact form #part_two input[type="submit"], #cooperation input[type="submit"]{ margin-top:35px; background:#333; color:#fff; font-size:17px; border:2px solid #333; transition:all linear 0.3s;}
#contact form #part_two input[type="submit"]:hover, #cooperation input[type="submit"]:hover{ background:#ffcc00; color:#333;}
@media only screen and (max-width:940px){
	#contact{ text-align:center;}
	#contact form ul, #cooperation ul{ margin:0;}
	#contact form #part_one li, #cooperation ul:first-child li{ width:100%; margin-bottom:7px;}
	#contact form #part_one li:nth-child(2), #cooperation ul:first-child li:nth-child(2), #cooperation ul:nth-child(2) li:nth-child(2){ margin:0 0 7px 0;}
	#contact form #part_one, #contact form #part_two, #cooperation{ max-width:450px; margin:auto; text-align:center;}
	#contact form #part_two li, #cooperation ul:nth-child(2) li{ width:100%; margin-bottom:7px;}
	#contact form #part_two li:nth-child(2), cooperation ul:nth-child(2) li:nth-child(2){ margin:0 0 7px 0 !important;} 
	#contact form #part_two li:nth-child(2) iframe, #cooperation ul:nth-child(2) li:nth-child(2) iframe{ margin:0; position:static; vertical-align:inherit;}
	#contact form #part_two input[type="submit"], #cooperation input[type="submit"]{ margin-top:0;}
	.g-recaptcha > div{ margin:auto;}
}

.window .result{ padding:20px 0; color:#198200; font-size:18px; line-height:35px; text-align:center;}
.window .result i{ font-size:21px; vertical-align:middle;} 


/******************************************** about ***************************************/
#bann_info.about h1{ color: #ffcc00;}
#bann_info.about, #bann_info.about a{ color: #fff !important;}
#story{ padding: 50px 0; font-size: 18px; line-height: 32px; text-align: center;}
#story .main{ max-width: 700px; padding-bottom: 30px; border-bottom: 1px solid #ddd;}

.to_left{ margin: 50px 0; position: relative;}
.to_left .flexbox1{ flex-direction: row-reverse;}
.to_left .flexbox1 > div:first-child{ width: Calc(100% - 450px); margin-right: auto;}
.to_left .flexbox1 > div:last-child{ width: 400px; padding-top: 20px; font-size: 18px; line-height: 32px; position: relative; z-index: 10;}
.to_left .flexbox1 > div img{ width: 100%; border-radius: 20px; display: block;}
#to_right{ margin-top: 150px;}
#to_right .flexbox1{ flex-direction: row;}
#to_right .flexbox1 > div:first-child{ margin: 0 0 0 auto;}
#triangle{ position: absolute; left: 0; top: -60px; display: inline-block;}
.triangle_up{ width: 0; height: 0; border-left: 15px solid transparent;	border-right: 15px solid transparent; border-bottom: 25px solid #ffcc00;}
#big_up{ position: absolute; right: 0; top: 30px; display: inline-block;}
#big_up .triangle_up{ border-left: 115px solid transparent; border-right: 0 solid transparent; border-bottom: 200px solid #ffcc00;}
#mid_up{ position: absolute; left: 0; bottom: -50px; display: inline-block; opacity: 0.5;}
#mid_up .triangle_up{ border-left: 0 solid transparent; border-right: 55px solid transparent; border-bottom: 100px solid #ffcc00;}
.bt_top{ max-width: 700px; margin: 100px auto 50px; border-top: 1px solid #ddd;}
#about_pic .flexbox{ margin: 70px 0 50px;}
#about_pic .membox{ width: Calc(20% - 20px); margin-left: 25px; font-family: 18px; line-height: 30px; text-align: center; position:relative; bottom: 0; overflow: hidden; transition: all linear 0.2s;}
#about_pic .membox:last-child{ margin-left: 0;}
#about_pic .membox:hover{ bottom: 30px;}
.membox img{ width: 100%; border: 1px solid #ddd; border-radius: 20px;} 
@media only screen and (max-width: 768px){
	.to_left .flexbox1{ flex-direction: row;}
	.to_left .flexbox1 > div{ width: 100% !important; margin: 0!important;}
	#about_pic .flexbox{ max-width: 400px; margin: auto;}
	#about_pic .membox{ width: Calc(50% - 13px); margin: 0 0 30px 25px;}
	#about_pic .membox:last-child, #about_pic .membox:nth-child(2n){ margin-left: 0;}
	#about_pic .membox:hover{ bottom: 0;}
	#big_up .triangle_up{ border-left: 65px solid transparent; border-right: 0 solid transparent; border-bottom: 110px solid #ffcc00;}
	#big_up{ top: Calc(100% - 160px); right: -15px;}	
}

/******************************************** Rules ***************************************/
#c_bann.rules{ background: url(images/background/light.jpg); color: #fff; position: relative;}
#c_bann.rules .navigate a{ color: #fff;}

#rule{ padding-bottom: 40px;}
#rule #timing{ margin: 50px auto;}
#rule #timing .during > div{ padding: 0; border-bottom: 3px solid #ffcc00;}
#rule #timing .during a{ padding: 20px 10px; color: #333; display: block;}
#rule #timing .during:last-child > div{ border-bottom: none;}
@media only screen and (max-width: 550px){
	#rule #timing .during:last-child > div:first-child{ border-bottom: 3px solid #ffcc00;}
}

#fixguide{ width: 210px; padding: 20px; background: #fff; position: fixed; right: 0; top: 130px; border-radius: 20px 0 0 20px; box-shadow: -1px 0px 11px 0px #acacac; display: none; z-index: 1000;}
#fixguide a{ padding: 5px 10px 5px 5px; color: #333; font-size: 15px; border-right: 2px solid #333; position: relative; display: block;}
#fixguide a:before{ content: ""; width: 9px; height: 9px; background: #ffcc00; position: absolute; right: -7px; top: 14px;  border: 2px solid #333; border-radius: 100%;}
#fixguide:before,#fixguide:after{ content: ""; width: 5px; height: 20px; background: #fff; position: absolute; right: 13px; top: 9px; z-index: 10;}
#fixguide:after{ top: Calc(100% - 29px);}
#fixguide a.active:before{ background: #000;}
.padt100{ padding-top: 100px;}
@media only screen and (max-width: 900px){
	#fixguide{ display: none;}
}	
@media only screen and (max-width: 900px){
	.padt100{ padding-top: 80px;}
}

#rulebox .eachrule{ padding: 30px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.eachrule .w_max{ max-width: 800px; margin: auto;}
.eachrule h3{ margin: 0 0 30px; font-family: "pelakBold"; font-size: 29px; line-height: 45px;}
.eachrule .r_label{ padding: 12px 20px; margin: 0 0 30px; background: #ffcc00; font-family: "pelakBold"; font-size: 18px; line-height: 30px; text-align: center; border-radius: 30px; display: inline-block;}
.eachrule .txt_guide{ font-family: "pelakBold"; font-size: 18px; line-height: 30px; text-align: justify;}
.eachrule .num_cir{ padding-right: 40px; position: relative;}
.num_cir .num{ width: 30px; height: 30px; background: #ffcc00; position: absolute; right: 0; top: 0; border: 3px solid #333; border-radius: 100%; text-align: center; display: block;}

/** show more content **/
.txt_guide,.txt_guide2{ padding-bottom: 25px; overflow:hidden; position:relative; /**transition:all linear .5s;***/}
.txt_guide ul, .txt_guide ol{ padding-right: 30px;}
.txt_guide li{ margin-bottom: 15px}
.txt_guide ul{ list-style-image: url(images/icon/circle.png);}
.txt_guide a{ color:rgba(0,94,171,1.00); transition: all linear 0.2s;}
.txt_guide a:hover{ opacity:0.7;}
.txt_guide h2{color:#F36264; font-size: 19px; font-weight: normal; line-height: 35px; padding-bottom: 5px;}
.txt_guide h3{ font-weight: normal;}
.add_bt{ background:#fff; color:#FFF; position:absolute; left:0; right:0; bottom:0; text-align:center; font-size:14px; cursor:pointer; z-index: 3; transition: all .5s linear; }
.add_bt i{ color:#F36264; font-size:15px; vertical-align:middle; transition: all .5s linear; }
.add_bt:before{ content:""; height:100px; background: -moz-linear-gradient(90deg, rgba(242,242,242,1) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.05)), color-stop(0%, rgba(242,242,242,0.05)), color-stop(1%, rgba(242,242,242,0.05)), color-stop(90%, rgba(242,242,242,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(255,242,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f2f2f2',GradientType=0 ); /* ie6-9 */  position:absolute; left:0; right:0; bottom:36px; display:block;}
.add_bt .addButton{ padding:5px 20px; line-height:30px; font-family:'pelak'; font-size: 17px; font-weight: normal; background: #000; color: #fff; transition: all .5s linear; border-radius: 20px; position: relative; z-index: 5; display:inline-block;}
.add_bt.open{ background:transparent; margin: 20px auto 0 auto; color:#FFF;}
.add_bt.open i{ transform: rotateX(180deg);}
.add_bt .addButton:hover{ opacity:0.6;}
.add_bt.open:before{ display:none;}
.txt_guide.full_show{ max-height: inherit !important; padding-bottom: 0;}
.txt_guide.full_show .add_bt{ display: none !important;}
.itinerary .add_bt .addButton{ bottom: 20px; font-size: 15px;}

/******************************************** Faq ***************************************/
#faq{ min-height: Calc(100vh - 147px); padding: 130px 15px 60px; background: #f6f6f6;}
#asking{ max-width:500px !important; margin: auto;} 
#asking > div{ margin-bottom: 20px;}
#asking .txt_box{ padding: 10px; color:#333; background: #fff; border: 2px solid #333; border-radius: 10px; flex-direction: row-reverse; align-items: flex-start; position: relative; z-index: 5; cursor:pointer; transition: all linear .2s;}
#asking .txt_box i{ margin-right:15px; color:#ffcc00; font-size:23px; position: relative; top: 3px; transition: all linear .4s;}
#asking .txt_box i.a_down{ transform: rotate(-90deg);}
#asking .txt_box i.a_left{ transform: rotate(90deg);}
#asking .question{ width: Calc(100% - 30px); font-size: 17px; line-height: 30px;}
#asking .answer{ padding: 25px 10px 10px; background: #fff; font-size: 17px; line-height: 30px; position: relative; top: -8px; z-index: 3; border-radius: 0 0 10px 10px; border: 2px solid #333; text-align: justify; display:none; transition: none !important;}
#asking .answer a{ color: #0378c7;} 
#asking .answer a:hover{ opacity:.7;}
#asking .answer ul{ padding-right: 30px;}
#asking .txt_box.active + div{ border-radius: 0 0 10px 10px; border-top: none;}
#asking .answer

/************************************* search ****************************************/
/**** 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: #333; margin-left: 5px; background: #fff; font-family:'pelakBold'; border-radius: 17px 17px 0 0; border: 1px solid #eee; border-bottom: none; text-align:center; font-size: 15px; display: inline-block; cursor: pointer; transition: all .3s linear;}
/*#search_tab li:hover{ background: #15c4bf;}*/
#search_tab li.active{ background: #ffcc00; border-color: #ffcc00;}

.search.bg_gray{ min-height: Calc(100vh - 147px); padding:0 15px 50px;}
#search_tab{ margin:20px 0; font-size: 0; font-family:'pelakBold';}
#search_res{ padding: 10px; border: 1px solid #eee; border-radius: 10px 0 10px 10px; overflow: hidden; }
/* search tour form */
#sear_tourf, #sear_blogf{ padding: 30px 0; background: #f4f4f4; border: 1px solid #E5E5E5; border-radius: 10px; 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; }
#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; border-radius: 5px; font-family:pelak; 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; border-radius: 5px; font-family: pelak; 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; border-radius: 5px; color: #4aa180; font-family: pelak; 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; border-radius: 5px; 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: 13px; 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:#143075;}

.tsearch_tit{color:#D0A602; font-size: 16px; margin: 10px 0 10px; font-family:pelak;}
.tsearch_tit i{font-size: 20px;}
.tsear_nores{clear:both; line-height:26px; font-size:15px; display:block;}

/* search blog form */
#sear_blogf ul{ margin: 0 0 10px; 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; border-radius: 5px; font-family: pelak; 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; border-radius: 5px; font-family: pelak; 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: Calc(50% - 5px); margin-left:0;}
	#search_tab li:first-child{ margin-left: 10px;}
	#search_res{ border-radius: 0 0 10px 10px;}
	.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: 14px; border-collapse: collapse; clear:both;}
#TabNews tr:nth-child(1){ background: #000 !important; color: #ffff;}
#TabNews tr:nth-child(1) td{ padding: 3px 5px !important; }
#TabNews tr:nth-child(1) a{ color: #fff; font-family: pelak;}
#TabNews tr{ transition: all .3s linear; }
#TabNews .ini_sbody td{ padding: 12px 5px !important; text-align: left !important; }
#TabNews .ini_sbody span{ background-color:#FC0;}
#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(4),#TabNews td:nth-child(5){ text-align: center; }
#TabNews a{ color: #316087;}
#TabNews a:hover{ color: #143075; }
#TabNews .titr{ font-size: 18px; line-height: 30px; font-family: 'PelakSemiBold';}
.ini_sbody{ font-family: 'Pelakmedium';}
@media only screen and (max-width: 650px) {	/* responsiv */
	#TabNews table,#TabNews table tbody,#TabNews table tr,#TabNews table td{ 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: #004476; }
	#TabNews td:nth-child(1){ font-size: 17px; background: #000; color: #fff; text-align: center !important; }
	#TabNews td:nth-child(1):before { content: "ردیف: "; color: #fff; }
	#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; }
}

/******************************************** wtourtype ***************************************/
.titr_1{ padding:10px 3px 10px 0; font-size: 20px; color: #333333;font-family: 'pelakBold'; line-height: 30px;}
.titr_1 i{ padding-left:5px; color:#ffcc00;}
.matn_about{ max-width: 700px; font-size:15px; text-align:justify; line-height:29px;}
.matn_about a{color:#069;}
.matn_about a:hover{color:#09C;}
.aboutshort{background:#F0F0F0; padding:10px;}

.titr_2{ margin: 15px 0 5px 0; color:#192053; font-size: 16px; display: block;}
.titr_2 i{ color:#ffcc00; font-size:14px;}
.box_type img{ width:100%; max-width:100%; margin:20px auto; display:block;}
.form_mrg{ margin:40px 0 20px 0;}
.form_mrg .more{ border-radius: 18px !important;}


/******************************************** 404 and Error ***************************************/
.errorbg{background:url(images/background/404.jpg) no-repeat scroll top; background-size:cover !important;}
.errorblock{width:960px; margin:auto; padding-top:40px;}
.lefttxt{float:left; line-height:45px; color:#46261b; border-radius:10px; width:60%; background: #ffffffb5; padding:20px; font-size:25px; margin-top:20px;}
.lefttxt a{color:#333; transition:all 0.3s;}.lefttxt a:hover{color:#CB5645;}
.lefttxt input{padding:6px; border:1px solid #FFF; font-size:15px; border-radius:5px;}
.lefttxt input:last-child{background:#bf4635; color:#FFF; border:none; transition:all 0.2s;}
.lefttxt input:last-child:hover{background:#CB5645; cursor:pointer;}
.lefttxt > div{font-size:30px; line-height:42px; color:#bf4635;}
.lefttxt > span{padding-right:20px; font-size:17px; line-height: 30px;}
.lefttxt .circlet{float:right; border-radius:200px; background:#bf4635; color:#8fd0d4; border:2px solid #bf4635; display:inline-block; width:40px; height:40px; line-height:40px;}
.lefttxt .circlet span{padding-top:20px;}
.lefttxt .circlet i{margin-top:8px; color: #fff;}
.rowt{display:table; padding-bottom:10px;}
.rowt div:last-child{display:table-cell; vertical-align:middle; padding-right:10px;}
.designed{color:#FFF; font-size:13px; padding:10px; border-radius:5px 0px 0px 5px; text-align:left; width:100px; background:#FFF; margin-top:10px;}
.designed a{color:#378E93; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);}

@media only screen and (min-width: 40px) and (max-width: 1024px) {
	.errorbg{ background-position: 65% 50% !important; background-repeat: repeat;}
	.errorblock{width:90%; padding-top:0px; margin:auto;}
	.lefttxt{float:none; width:100%;}
}

/******************************************** footer ***************************************/
footer{ background: #000; color: #fff;}
#foot_col{ padding: 20px 0;}
#foot_col a:hover{ opacity: 0.7;}
#logo_foot{ display: block;}
#logo_foot img{ width: 125px; margin: auto; display: block;}
#foot_link{ margin-right: 40px; font-size: 14px; color: #afafaf;}
#foot_link a{ margin-left: 20px; color: #ffcc00; display: inline-block;}
#foot_link a:last-of-type{ margin-left: 0;}
#foot_social{ margin-right: auto;}
#foot_social a{ margin-right: 10px; color: #fff; font-size: 30px; display: inline-block;} 
#foot_social a img{ width: 30px; display: block;}

.copyright{ padding: 10px 0; color: #fff; font-size: 13px; border-top: 1px solid #232323;}
.copyright a{ color: #fff; transition: all linear .2s;}
.copyright a:hover{ color: #D0A602;}
.copyright .en_copy{ margin-right: auto; font-family:tahoma;}
@media only screen and (max-width:768px){
	#foot_col .main > div, #logo_foot{ width: 100%; margin: 0 !important; justify-content: center; text-align: center;}
	#foot_col #foot_link{ margin: 20px 0 !important;}
	#foot_link a{ max-width: 200px; width: 100%; padding: 10px 0; margin: 0 0 10px; border: 1px solid #232323; border-radius: 5px;}
}
@media only screen and (max-width:600px){
	.copyright .flexbox > div{ width: 100%; margin: 0 !important; text-align: center;}
}

/** print - enteha bayad bashe **/
@media print {
	.noprint{display:none!important;}
}