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

/* CSS Document */
@font-face {
	font-family: Sahel;
	src: url('includes/fonts/Sahel-FD.eot');
	src: url('includes/fonts/Sahel-FD.eot?#iefix') format('embedded-opentype'),
		 url('includes/fonts/Sahel-FD.woff2') format('woff2'),
		 url('includes/fonts/Sahel-FD.woff') format('woff'),
		 url('includes/fonts/Sahel-FD.ttf') format('truetype');
	font-weight: normal;
  }
  
  @font-face {
	font-family: SahelB;
	src: url('includes/fonts/Sahel-Bold-FD.eot');
	src: url('includes/fonts/Sahel-Bold-FD.eot?#iefix') format('embedded-opentype'),
		 url('includes/fonts/Sahel-Bold-FD.woff2') format('woff2'),
		 url('includes/fonts/Sahel-Bold-FD.woff') format('woff'),
		 url('includes/fonts/Sahel-Bold-FD.ttf') format('truetype');
  }
	
::-moz-selection{background:rgba(0,0,0,0.1)}

/*** Default CSS ***/
.drtl{direction:rtl;}.dltr{direction:ltr;}.FloatR{float:right;}.FloatL{float:left;}
.clr,.clear{clear:both;}.Tright{text-align:right;}.Tleft{text-align:left}.Tjustify{text-align:justify;}.Tcenter{text-align:center;}
.red{color:#990e00;} .green{color: var(--color3);} .orange{color:#f7941e;}.r_purple{ color: var(--color1);}
/*** End Default CSS ***/
	
:root{
	--color1: #d99057;
	--color2: #00a692;
	--color3: #00a692;
}

html,body{ width:100%; height:100%; padding:0px; margin:0px; line-height:26px; font-family:'Sahel'; font-size:16px; color:#333; direction:rtl;}
*{ box-sizing:border-box; text-decoration:none;}
a, button{ transition:all linear 0.2s; cursor:pointer;}
.main{ max-width: 1300px; margin:auto; padding: 0 20px;}
.flexbox, .flexbox2{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items: center; justify-content: center;}
.flexbox2{ align-items: stretch}
.flex_items{ align-items: flex-start;}
.en_font{ font-family:tahoma !important;}
.ltr{ direction: ltr; display: inline-block}
.more{ min-width: 130px; width: max-content; padding: 5px 15px; margin: 20px auto auto; font-size:16px; line-height: 28px; background: var(--color2); color:#fff; text-align:center; text-shadow: 1px 1px 0px rgba(99,99,99,0.8); border: none; border-radius: 5px; display:block; transition:all linear .2s;}
.more:hover{ opacity: 0.7;}
.more i{ margin-right: 4px; vertical-align: middle;}
#hide_overflow { position: relative; overflow: hidden;}
b,strong{ font-family:'SahelB'; font-weight: normal;}
.scroll{ width: 100%; overflow:hidden;}
.title2{ margin: 0 0 25px; font-family: "SahelB" !important; font-size: 25px; line-height: 40px; display: block;}
.title2::before,.title3 i:after{ content: ""; width: 5px; height: 25px; margin-left: 15px; background: var(--color1); position: relative; top: 4px; border-radius: 3px; display: inline-block;}
.text{ font-size: 18px; line-height: 30px;}
.common{ margin: 60px 0;}
.mar0top{ margin-top: 0 !important;}
.mar0bt,.common.mar0bt{ margin-bottom: 0 !important;}
.pad30top{ padding-top: 30px !important;}
.pad15top{ padding-top: 15px !important;}

.row_1, .row_1 p{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.row_2,.row_3{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.row_3{ -webkit-line-clamp: 3;}

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

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

/***************************************************** header *****************************************************/
#top_head{ padding: 10px 0; display: grid; grid-template-columns: repeat(3, auto); justify-content: space-between; align-items: center;}
#top_head .slogon{ font-family: "sahelB";}
#top_head .slogon span{ color: var(--color1);}
#top_head .logo{ max-width: 130px; width: 100%;}
#top_head .phone{ color: #333; font-size: 25px; line-height: 35px; font-family: "sahelB"; direction: ltr;}
#top_head .phone i{ color: var(--color1); font-size: 20px;}
header #menu{ padding-top: 20px; margin: 0 0 20px; border-top: 1px solid #ddd;}
header #menu ul{ padding: 0; margin: 0; font-size: 0;}
header #menu ul li{ display: inline-block; position: relative;}
header #menu ul li .open{ padding: 10px 8px 10px 8px; position: absolute; right: 0; top: 5px; color: var(--color1); font-size: 15px; cursor: pointer; display: none;}
header #menu ul li a{ color: #333; font-size: 14px; font-family: "sahelB";}
header #menu ul li a:hover,header #menu > ul > li:hover > a{ color: var(--color1);}
header #menu a .down{ font-size: 12px; vertical-align: middle; position: relative; top: 2px;}
header #menu ul ul{ min-width: 180px; padding: 10px 15px; background: #f4f4f4; position: absolute; visibility: hidden; opacity: 0; border: 1px solid #ddd; text-align: center; transition: all linear .2s; z-index: 1000;}
header #menu ul ul li{ display: block;}
header #menu ul ul li a{ padding: 0 0 7px !important; font-family: "sahel"; font-size: 14px;} 
header #menu ul ul li:last-child a{ padding: 0;}
header #menu ul > li:hover > ul{ opacity: 1; visibility: visible;}
header #menu ul > li > a{ padding: 10px 15px; font-size: 16px; display: block;}
header #menu ul > li:first-child > a{ padding-right: 0;}
#menu_bar{ height: 40px; width: 50px; display: none;}
#menu_bar .line{ width: 35px; height: 4px; margin: 7px; background: var(--color1); border-radius: 2px; display: block; transition: all linear 0.2s;}
#menu_bar.close .two{ display: none;}
#menu_bar.close .one{ transform: rotate(45deg); position: relative; top: 10.5px;}
#menu_bar.close .three{ transform: rotate(-45deg);}
@media only screen and (min-width: 769px){
	header #menu{ display: block !important;}	
} 
@media only screen and (max-width: 768px){
	header #menu{ padding-top: 0; border-bottom: 1px solid #ddd;}
	header #menu,header #menu a .down,#top_head .slogon{ display: none;}
	header #menu ul li,#menu_bar{ display: block;}
	header #menu ul ul{ position: static; visibility: visible; opacity: 1; text-align: right; display: none; transition: none;}
	header #menu ul li .open{ display: block;}
	header #menu > ul > li:first-child > a{ padding-right: 8px;}
	header #menu > ul > li > a { padding: 10px 8px 10px 15px;}
	header #menu ul > .if_sub a{ padding-right: 30px;}
	#top_head{ padding: 20px 0;  grid-template-columns: auto auto 1fr; justify-content: start;}
	#top_head.head_border{ margin-bottom: 0}
	#slidebox{ margin: 0 0 60px !important;}
	.mar0res{ margin-top: 0 !important;}
	#top_head .logo { max-width: 86px; margin-right: 20px;}
}
/************************************* index ****************************************/
/** slider **/
#slidebox{ margin: 20px 0 60px; flex-direction: row-reverse;}
#indexSlider,#indexSlider2,#indexSlider3{ width: Calc(100% - 400px); height: 540px; padding-bottom: 20px; background: #eee; border-radius: 5px; overflow: hidden;}
.InSlide{ position: relative;}
#indexSlideBox,#indexSlideBox2,#indexSlideBox3{ height: 540px; position: relative; overflow: hidden;}
#indexSlideBox .title{ margin-left: 10px; background: #444; position:absolute; right: 70px !important; top: 60px; text-align:center; opacity: 0; border-radius: 5px; transition: all 2s;}
#indexSlideBox2 .label,#indexSlideBox3 .label{ padding: 5px 10px; background: #444; color: #fff; position: absolute; left: 20px; bottom: 20px; font-family: "sahelB"; font-size: 18px; line-height: 30px; border-radius: 5px;}
#indexSlideBox2 .label i,#indexSlideBox3 .label i{ margin-left: 3px; position: relative; top: 2px}
#indexSlideBox .title > div{ padding: 10px 15px; margin:auto; text-align:right; display:inline-block;}
#indexSlideBox .title > div > div{ margin-bottom:6px; color:#fff; font-size:13px;}
#indexSlideBox .title h1,#indexSlideBox2 .title h2,#indexSlideBox3 .title h2{ line-height:50px; color:#fff; font-size:35px; font-family:"sahelB";}
#indexSlideBox2 .title h2,#indexSlideBox3 .title h2{ color: #333; font-size: 25px; line-height: 38px;}
#indexSlideBox .title span{ width:100px; margin-top:20px; background:var(--color1); color:#fff; padding:6px; text-shadow:1px 1px 0px rgba(99,99,99,0.8); display:inline-block; transition:all linear .2s; border-radius:5px; font-size:14px;}
#indexSlideBox .title span:hover{ background:#6c6c6c; text-shadow:none;}
#indexSlideBox a{animation: slideShow 24s linear infinite 0s;-o-animation: slideShow 24s linear infinite 0s;-moz-animation: slideShow 24s linear infinite 0s;-webkit-animation: slideShow 24s linear infinite 0s;}
#indexSlideBox .title.opa,#indexSlideBox2 .title.opa,#indexSlideBox3 .title.opa{opacity: 1}
.indexSlideImg,.indexSlideImg2,.indexSlideImg3{ width: 100%; height: 540px; position: absolute; opacity: 0; transition: all 1s linear; }
.indexSlideImg img,.indexSlideImg2 img,.indexSlideImg3 img{ max-width: 700px; width:100%; margin: auto; display: block; }
.indexSlideImg.pre,.indexSlideImg2.pre,.indexSlideImg3.pre{ opacity: 0;transition:all linear 0.3s;transform: scale(1)}
.indexSlideImg.next,.indexSlideImg2.next,.indexSlideImg3.next{ opacity:0;transition:all linear 0.3s;transform: scale(1) }
.indexSlideImg.show,.indexSlideImg2.show,.indexSlideImg3.show{  opacity:1;z-index:90;transition:all linear 0.3s;}
.indexSlideArrow,.indexSlideArrow2,.indexSlideArrow3{ width: 60px; margin: auto; text-align: center; font-size: 46px; color: #fff; position: absolute; top: 0; bottom: 0; cursor: pointer; display:block; z-index:100;}
.indexSlideArrow:hover i,.indexSlideArrow2:hover i,.indexSlideArrow3:hover i{ opacity:1;}
.indexSlideArrow i,.indexSlideArrow2 i,.indexSlideArrow3 i{ height: 50px; margin: auto; position: absolute; top:0; bottom:0; left:0; right:0; text-shadow: 1px 1px 1px #000; opacity:0.3; transition:all linear 0.2s;}
#indexLeftSlide,#indexLeftSlide2,#indexLeftSlide3{ left: 0px; }
.indexSlideArrow img{ margin: auto;}
#indexRightSlide,#indexRightSlide2,#indexRightSlide3{ right: 0px; }
#indexSlideBtn,#indexSlideBtn2,#indexSlideBtn3{ width:100%; margin-top: 30px; position:absolute; bottom:15px; text-align: center;z-index: 100;}
#indexSlideBtn>span,#indexSlideBtn2>span,#indexSlideBtn3>span{ width: 20px; height: 2px; margin: 0 1px; background: rgba(37,29,18,.5); display: inline-block; cursor: pointer; }
#indexSlideBtn>span.indexSlideActive,#indexSlideBtn2>span.indexSlideActive2,#indexSlideBtn3>span.indexSlideActive3{ background: rgba(255,255,255,.5); }
.chevron img{ width:15px; display: block; position: absolute; left: 0; right: 30px; bottom:35px; opacity: .2; animation: 2.5s ease 0s normal none infinite running chevloop2; z-index: 100;}

#left_slide{ width: 380px; margin-right: auto;}
#indexSlider2,#indexSlider3{ width: 100%; height: 540px;}
.indexSlideImg2,.indexSlideImg3,#indexSlideBox2,#indexSlideBox3{ height: 540px;}
#indexSlider2{ margin-bottom: 20px;}
.indexSlideArrow2 img,.indexSlideArrow3 img{ width: 15px;}
.indexSlideArrow2 i, .indexSlideArrow3 i{ height: 26px;}

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

@-moz-keyframes slideShow {  
	0% {-moz-transform:scale(1);} 
	10% {-moz-transform:scale(1.02) rotate(0.1deg);} 
	20% {-moz-transform:scale(1.04) rotate(0.1deg);} 
	30% {-moz-transform:scale(1.06) rotate(0.1deg);} 
	40% {-moz-transform:scale(1.08) rotate(0.1deg);} 
	50% {-moz-transform:scale(1.1) rotate(0.1deg);}
	60% {-moz-transform:scale(1.12) rotate(0.1deg);} 
	70% {-moz-transform:scale(1.14) rotate(0.1deg);} 
	80% {-moz-transform:scale(1.16) rotate(0.1deg);} 
	90% { -moz-transform:scale(1.18) rotate(0.1deg);} 
	100% {-moz-transformm:scale(1.2) rotate(0.1deg);}
}
@-webkit-keyframes slideShow {  
	0% {-webkit-transform:scale(1);} 
	10% {-webkit-transform:scale(1.02) rotate(0.1deg);} 
	20% {-webkit-transform:scale(1.04) rotate(0.1deg);} 
	30% {-webkit-transform:scale(1.06) rotate(0.1deg);} 
	40% {-webkit-transform:scale(1.08) rotate(0.1deg);} 
	50% {-webkit-transform:scale(1.1) rotate(0.1deg);}
	60% {-webkit-transform:scale(1.12) rotate(0.1deg);} 
	70% {-webkit-transform:scale(1.14) rotate(0.1deg);} 
	80% {-webkit-transform:scale(1.16) rotate(0.1deg);} 
	90% {-webkit-transform:scale(1.18) rotate(0.1deg);} 
	100% {-webkit-transform:scale(1.2) rotate(0.1deg);}
}
@media only screen and  (max-width: 880px){
	#indexSlider{ margin-bottom: 20px;}
	#indexSlider,#indexSlider2,#indexSlider3,#left_slide{ width: 100% !important;}
	#indexSlider,#indexSlider2,#indexSlider3, .indexSlideImg,
	.indexSlideImg2,.indexSlideImg3, #indexSlideBox,#indexSlideBox2,#indexSlideBox3{ height:400px;}
	#indexSlideBox .title h1,#indexSlideBox2 .title h2,#indexSlideBox3 .title h2, #indexSlideBox .title > div > div{ padding:0 10px;}
	.indexSlideArrow i,.indexSlideArrow2 i,.indexSlideArrow3 i{ display:none;}
	.chevron{ display:none;} 
	#indexSlideBox a{ animation: none;}
	#indexSlideBox .title{ left: 10px !important; right: inherit !important; bottom: 20px !important; top: inherit;}
	#indexSlideBox .title > div{ padding: 5px 0;}
}
@media only screen and  (max-width: 550px){
	#indexSlider,#indexSlider2,#indexSlider3, .indexSlideImg,
	.indexSlideImg2,.indexSlideImg3, #indexSlideBox,#indexSlideBox2,#indexSlideBox3{ height:250px;}
	#indexSlideBox .title h1,#indexSlideBox2 .title h2,#indexSlideBox3 .title h2{ font-size:18px; line-height:28px;}
	#indexLeftSlide{ width:30px; left: 0; }
	#indexRightSlide{ width:30px; right: 0; }
	#indexSlideBox .title a{ font-size:23px;}
}

#sp_tours{ margin: 60px 0;}
#sp_tours .each{ width: calc(50% - 10px); margin:0 0 20px 20px; border-radius: 5px; overflow: hidden; display: block; position: relative;}
#sp_tours .each:nth-child(2n),#sp_tours .each:last-child{ margin-left: 0 !important;}
#sp_tours .each img{ width: 100%; height: 300px; object-fit: cover; transition: all linear .2s;}
#sp_tours .each img:hover{ transform: scale(1.1);}
#sp_tours .each h3{ width: 100%; padding: 10px 15px; margin: auto; background: rgba(0, 0, 0, 0.5); color: #fff; font-family: "sahelB"; font-size: 17px; position: absolute; bottom: 0; left: 0; right: 0; transition: all linear .2s;}
#sp_tours .each:hover h3{ background: rgb(60, 60, 60);}
@media only screen and  (max-width: 768px){
    #sp_tours .each{ width: 100%; margin: 0 0 20px;}
	#sp_tours .each:last-child{ margin-bottom: 0 !important;}
}

#tours{ margin: 60px 0;}
#tours .each{ width: calc(25% - 15px); margin: 0 0 20px 20px; border-radius: 5px; overflow: hidden; display: block; position: relative;}
#tours .each:nth-child(4n),#tours .each:last-child{ margin: 0 0 20px !important;}
#tours .each img{ width: 100%; height: 300px; object-fit: cover; transition: all linear .2s;}
#tours .each img:hover{ transform: scale(1.1);}
#tours .each h3{ width: 100%; padding: 10px 15px; margin: auto; background: rgba(0, 0, 0, 0.5); color: #fff; font-family: "sahelB"; font-size: 17px; position: absolute; bottom: 0; left: 0; right: 0; transition: all linear .2s;}
#tours .each:hover h3{ background: rgb(60, 60, 60);}
@media only screen and  (max-width: 768px){
    #tours .each{ width: 100%; margin: 0 0 20px;}
}

#about_in .text_body{ margin: 0;}

/*** Last News ***/
#last_news{ padding:70px 0 80px 0; background:#f4f4f4; text-align:center;}
#flex-box{ margin:20px 0 0 0; display:flex; display:-webkit-flex; flex-wrap:wrap;}
#flex-box > div{ width:calc(50% - 5px);}
#flex-box > div:first-child{ margin-left:10px;}
#flex-box .right-flex > div{ height:400px;}
#flex-box > div > div{ background-size:cover !important; background-position:center !important; position:relative; display:flex; display:-webkit-flex; justify-content:center; align-items:flex-end; border-radius: 5px; overflow: hidden;} 
#flex-box > div > div > a{ background:rgba(255,255,255,0); position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; transition:all linear 0.3s;}
#flex-box > div > div > a:hover{ background:rgba(255,255,255,0.1);}
#flex-box > div > div:hover h3{ background: rgb(60, 60, 60);}
#flex-box > div > div h3{ width:100%; padding:8px 10px; line-height:27px; background:rgba(0,0,0,0.5); font-size:17px; font-family:'sahelB'; text-shadow:1px 1px 1px #000; transition: all linear 0.2s;}
#flex-box > div > div h3 a{ color:#fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
#flex-box .left-flex{ display:flex; display:-webkit-flex; flex-wrap:wrap;}
#flex-box .left-flex > div{ width:calc(50% - 5px); border-radius: 5px;}
#flex-box .left-flex > div:first-child{ width:100%; margin-bottom:10px;}
#flex-box .left-flex > div:nth-child(2){ margin-left:10px;}
@media only screen and (max-width:850px){
	#flex-box .right-flex > div{ height:200px; margin-bottom:10px;}
	#flex-box .left-flex > div{ height:200px;}
	#flex-box > div{ width:100%; margin-left:0 !important;}

}
@media only screen and (max-width:600px){
	#flex-box .left-flex > div{ width:100%; margin-left:0 !important;}
	#flex-box .left-flex > div:nth-child(2){ margin-bottom:10px;}

}

#logos{ margin: 60px 0;}
#logos .main{ max-width: 600px; display: grid; grid-template-columns: repeat(3, auto); gap: 0 20px; justify-content: space-between; align-items: center;}
#logos .main a{ border: 1px solid #eee; border-radius: 5px; cursor: default;}
#logos .main a:first-child{ cursor: pointer;}
#logos img{ width: 100%; max-width: 200px; margin: auto; display: block; transition: all linear 0.2s;}
#logos img:hover{ transform: scale(1.2);} 

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

/*** fehreste blog ***/
.top_list{ margin: 20px 0;}
.top_list ul{ padding-right: 20px;}
.top_list ul li a{ color: #045c91;}
.top_list ul li a:hover,.top_list ul li::marker{ color: var(--color1) !important;}

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

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

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

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

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

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

.b_title{ font-family: "SahelB"; font-size: 20px; line-height: 30px;}
.vtours{ display:inline-block; width:48%; margin:1% 1% 0; position:relative; border-radius: 5px; overflow: hidden; transition:linear .2s;}
.vtours img{ height: 255px; object-fit: cover;display:block; width:100%; margin: 0; }
.vtours b{position:absolute; bottom:0; right: 0; left:0; padding:8px 10px 5px; background:rgba(0,0,0,.5);}
.vije p{font-size:15px; padding-right:15px;}
.vtours b h2{ padding: 0; line-height: 25px; border: none; background: transparent; margin: 0; font-size:15px; font-family:'SahelB'; color:white; display:inline-block;}
.vtours b span{font-size:12px; font-family:'Sahel'; 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:'Sahel';}
.vtours:hover{opacity:.8;}
#news .vtours:hover{ opacity:1;}
#news .vtours a:hover{ opacity:0.7;}
.shorttxt{ color: gray;}
.vtours a.over{position:absolute; left:0; right:0; top:0; bottom:0; z-index:2;}
.vije{ margin: 20px 0; padding: 20px; font-size:0; background:#f2f2f2; border-radius: 5px;}
@media only screen and (max-width:1210px){
	.coverinfo .infotl{ margin:auto 20px;}	
}
@media only screen and (max-width:900px){
	.vtours{ width:100%; margin:10px 0; display:block;}
	.vtours img{ border-bottom:none;}
}


/************************************* services ****************************************/
#no_bann{ background: #f4f4f4; padding: 25px 0 20px 0;}
#no_bann #navigator a{ color: #333;}

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

.coverinfo .infotr{ position:absolute; padding:20px 32px; line-height:30px; bottom:0; left:0; right:0; width:100%; margin:auto; z-index: 10;}
.coverinfo .infotr h1{ display:block !important; font-size:35px; line-height:50px; font-family:'SahelB'; 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 var(--color1);}
	#LeftBox .tags a{ margin-left:0; display:block;}
	#LeftBox .tags a:last-child{ border-bottom:none;}
	#RightBox #paging ul{ text-align:center !important;}
}
@media only screen and (max-width: 780px){
	#weblog > h2{ text-align:center;}
	#RightBox{ margin-left:0 !important;}
	#RightBox #paging ul{ margin-bottom:40px; text-align:center !important;}
	#RightBox .paging{text-align:center; background:#E5E4E4; padding:5px; margin-bottom:10px;}
}
@media only screen and (max-width: 700px){
	.coverinfo .infotr h1, .newsbody .h1_style{ font-size:27px; line-height:38px;}
	#RightBox .RightMain {width: 100%; margin: 0 0 20px !important;}
}

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

/***************************************************** search *****************************************************/
#serv_box{ padding-bottom: 40px; display:flex; display:-webkit-flex; flex-wrap:wrap;}
#serv_box #right{ width:68%; margin-left: auto;}
#serv_box #right #news_box{ display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:center;}
#serv_box #right #news_box > div{ width:Calc(33.333% - 10px); margin:0 0 30px 15px; text-align:center;}
#serv_box #right #news_box > div:last-child, #serv_box #right #news_box > div:nth-child(3n){ margin-left:0;}
#serv_box #right #news_box > div > a{ position:relative; display:block;}
#serv_box #right #news_box > div > a:before, .search_box > a:before{ content:""; margin:auto; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; visibility:hidden; display:block; transition:all linear .2s; z-index:10;}
#serv_box #right #news_box > div > a:hover:before, .search_box > a:hover:before{ opacity:1; visibility:visible;}
#serv_box #right #news_box > div img{ width:100%; display:block;}
#serv_box #right #news_box > div > h2{ margin-top:5px;}
#serv_box #right #news_box > div > h2 > a{ color:#1a1a1c; font-family:'sahelB'; font-size:16px; display:inline-block; transition:all linear 0.2s;}
#serv_box #right #news_box > div > h2 > a:hover{ color:#415828;}
#serv_box #right #news_box > div .date{ color:#969696; font-size:11px;}

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

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

#LeftBox form{ max-width: 450px; margin: 0 auto 30px; display:flex; display:-webkit-flex; position: relative;}
#LeftBox form input{ width: 100%; padding:0 10px 0 90px; height:45px; border:1px solid #ccc; border-radius: 5px;}
#LeftBox form button{ width:80px; height: 35px; background:var(--color2); color: #fff; border:1px solid var(--color2); border-radius: 5px; text-shadow: 1px 1px 0px rgba(99,99,99,0.8); text-align:center; position: absolute; left: 5px; top: 5px; transition:all linear 0.2s;}
#LeftBox form button:hover{ opacity: 0.7;}
@media only screen and (max-width: 1024px){
	#serv_box #right #news_box > div{ width:Calc(50% - 8px);}
	#serv_box #right #news_box > div:nth-child(3n){ margin-left:15px;}
	#serv_box #right #news_box > div:last-child, #serv_box #right #news_box > div:nth-child(2n){ margin-left:0;}
}
@media only screen and (max-width: 850px){
	#serv_box #right{ width:100%; padding-left:0; margin-bottom:40px; border-bottom:1px solid #1a1a1c;}
	#serv_box #left{ max-width:400px; width:100%; margin:auto; border:none;}
	#serv_box #left #tags, #serv_box #right #s_paging{ text-align:center;}
}
@media only screen and (max-width: 550px){
	#serv_box #right #news_box > div{ max-width:400px; width:100%; margin:0 0 30px !important;}
}

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

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


/***************************************************** citytourlist *****************************************************/
#leftbox{ width: calc(100% - 320px); margin-right: auto;}
#filtering{ width: 300px; padding: 15px 20px; background: #f4f4f4; border-radius: 5px;}
.top_sub{ margin-bottom: 15px; font-size: 18px; display: block;}
.top_sub i{ margin-left: 5px; color: var(--color1); font-size: 14px;}
.subject2{ margin-bottom: 7px; font-size: 16px; display: block;}
#filtering .items{ margin-bottom: 20px; font-size: 0;}
#filtering .items label{ height: 40px; line-height: 40px; padding: 0 10px; margin: 4px 0 4px 4px; font-size: 15px; border: 1px dashed #ccc; border-radius: 5px; display: inline-block; cursor: pointer; position: relative;}
.items label input{ position: absolute; visibility: hidden; opacity: 0;}
.items label.active{ background: #e3fff7; border-color: var(--color1) !important;}
#filtering .items select{ width: 200px; height: 40px; background: transparent; font-size: 15px; border: 1px solid #ccc; border-radius: 5px;}
#filtering .items select option{ font-family: tahoma;}
#filtering .more{ width: 100%;}
.butt_box .more{ width: 49% !important; min-width: inherit; margin: 0;}
.butt_box .more:first-child{ margin-left: 2%;}
.butt_box .more2{ background: #ED3639;}

#tour_main{ margin: 0 0 60px;}
#for_tour{ justify-content: flex-start;}
#for_tour .each{ width: calc(33.33% - 10px); margin: 0 0 10px 10px; border: 1px solid #eee; border-radius: 5px; overflow: hidden;} 
#for_tour .each:nth-child(3n), #for_tour .each:last-child{ margin-left: 0;}
#for_tour .each .tourpic{ width: 100%; height: 180px; object-fit: cover; transition: all linear .2s;}
#for_tour .leader{ color: #333; position: absolute; top: -30px; right: 15px; justify-content: flex-start; align-items: flex-end; z-index: 10;}
#for_tour .leader img{ width: 60px; height: 60px; border-radius: 5px; border: 3px solid var(--color1);}
#for_tour .leader b{ margin-right: 10px; font-size: 14px; line-height: 25px;}
#for_tour .info{ padding: 45px 15px 15px; position: relative;}
#for_tour .info h3{ font-family: "sahelB"; font-size: 17px; line-height: 30px;}
#for_tour .info p{ font-size: 14px; line-height: 26px;}
#for_tour .link_pic{ display: block; overflow: hidden;}
#for_tour .link_pic:hover img{ transform: scale(1.2);}
#for_tour .date{ color: gray; font-size: 12px; line-height: 24px;}
@media only screen and (max-width: 1024px){
    #for_tour .each{ width: calc(50% - 5px); margin: 0 0 10px 10px;} 
    #for_tour .each:nth-child(3n){ margin-left: 10px;}    
    #for_tour .each:nth-child(2n){ margin-left: 0;}    
}
@media only screen and (max-width: 800px){
    #leftbox{ width: 100%;}
    #filtering{ width: 100%; margin-bottom: 20px;}
}
@media only screen and (max-width: 600px){
    #for_tour .each{ width: 100%; margin: 0 0 10px !important;} 
}

#exist{ margin-bottom: 10px; justify-content: flex-start;}
#exist label{ font-family: "sahelB"; cursor: pointer;} 
/** swich input **/
.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 23px;
  margin: 3px 7px 0 0;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.ch_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.ch_slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .ch_slider {
  background-color: #0f8f77;
}


input:checked + .ch_slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}

/* Rounded sliders */
.ch_slider.round {
  border-radius: 34px;
}

.ch_slider.round:before {
  border-radius: 50%;
}
@media only screen and (max-width:768px){	
	#exist label{ font-size: 18px;}
	.switch { width: 63px; height: 30px;}
	.ch_slider::before{ height: 22px; width: 22px; bottom: 4px; left: 5px;}
	input:checked + .ch_slider:before {
	  -webkit-transform: translateX(31px);
	  -ms-transform: translateX(31px);
	  transform: translateX(31px);
	}
}
#for_seo{ margin: 60px auto; padding: 30px 0 0; border-top: 1px solid #ccc;}

/***************************************************** leader *****************************************************/
#leader{ max-width: 900px; margin: 60px 0;}
#leader h2{ margin-bottom: 7px; font-size: 23px; line-height: 35px; font-family: "sahelB"}
#leader .lead_info{ width: Calc(100% - 250px); margin-right: auto;}
#leader img{ max-width: 200px; width: 100%; border-radius: 10px; border: 4px solid var(--color1);}
@media only screen and (max-width: 600px){
    #leader .lead_info{ width: 100%; margin-top: 15px;}
    #leader .flexbox{ justify-content: flex-start;}
}

/*** carousel ***/
.no_effect_1 .slick-track, .no_effect_3 .slick-track, .no_effect_5 .slick-track{ width: 100% !important; transform: translate3d(0px, 0px, 0px) !important; display: flex; justify-content: flex-start; direction: rtl;}
.no_effect_1 .slick-dots, .no_effect_3 .slick-dots, .no_effect_5 .slick-dots{ display: none;}
.no_effect_1 .slick-list, .no_effect_3 .slick-list, .no_effect_5 .slick-list{ padding: 0 !important;}
.no_effect_1.team-members,no_effect_3.team-members,no_effect_5.team-members{ width: 100% !important;}
.carousel{ padding: 10px 0; direction: ltr; overflow: hidden;}
.slick-dots{ display: none !important;}
.team-members{ margin-bottom: 0 !important; width: Calc(100% - 85px); display: flex; margin: 0 auto;}
.team-item{	cursor: grab; /**min-height: 419px !important;**/ width: 157px !important; text-align: center; margin: 5px !important; background-color: #fff; border: 1px solid #eee; transition: all linear 0.2s;}
#team-top{ display: flex; width: 37.5%; justify-content: center; margin: 10px auto 0 auto; color: #505050;}
.team-top-item{ width: 45%; height: 100%; margin: 15px auto;} 
.team-item-img{	width: 100%; display: block; position: relative; transition: all linear .2s;} 
.team-item-img img{ width: 100%; display: block; transition: all linear .2s;}
@media only screen and (max-width: 1300px){
	.team-members{width: 750px;}
}
@media only screen and (max-width: 900px){
	.team-members{ width: 495px;}
}
@media only screen and (max-width: 600px){
	.team-members{ width: 270px;}
}
.team-members .slick-prev:before{ content: "\f053" !important; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size: 40px; color: #444;}
.team-members .slick-next:before{ content:"\f054"; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size: 40px; color: #444;}
.slick-arrow{ height: 200px;}
/*** end carousel ***/

#testimonial{ margin: 100px 0;}
#testimonial .carousel{  overflow: hidden;}
#testimonial .team-item{ width: 385px !important; min-height: 345px; padding: 20px 20px 60px; border-radius: 10px; border: 1px solid #eee; position: relative;}
#testimonial .team-item-img{ font-size: 15px; line-height: 28px; text-align: right; position: static; display: block;}
#testimonial .w_info{ margin: 0 0 10px;}
#testimonial .w_info img{ width: 60px; height: 60px; margin: 0 0 0 20px; transform: scale(1); border-radius: 50%; display: block;}
#testimonial .slick-arrow{ width: 35px; height: 100%; background: #fff !important; z-index: 100;}
#testimonial .quote{ color:var(--color1); position: relative;}
#testimonial .fa-quote-right{ top: -5px; right: -3px;}
#testimonial .fa-quote-left{ top: 5px; right: 3px;}
.t_title{ position: absolute; left: 20px; bottom: 20px;}
.t_title i{ padding-left: 5px; color: var(--color1);}
@media only screen and (max-width: 850px){
	#testimonial .team-members{ width: 100% !important;}
	#testimonial .slick-prev{ left: 0;}
	#testimonial .slick-next{ right: 0;}
	#testimonial .team-item{ margin: 5px 10px !important;}
}
@media only screen and (max-width: 500px){
	#testimonial .team-item{ width: 320px !important; min-height: 395px;}
	#testimonial .slick-arrow{ width: 35px;}
}

#ability{ font-size: 0;}
#ability .each{ padding: 5px 10px; margin: 0 0 5px 5px; background-image: linear-gradient(to left, #f4f4f4, #f7f7f7, #f9f9f9, #fcfcfc, #ffffff); font-size: 13px; display: inline-block;}
#ability .each::before{ content: "\f111" !important; margin-left: 5px; color: var(--color1); font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size: 8px;}
#ability .each span{ display: inline-block; font-family: "SahelB";font-size: 15px;}
#ability .more_plus{ font-size: 20px; color: var(--color1); font-size: 25px; position: relative; top: 4px; display: inline-block; cursor: pointer;}


/***************************************************** tourlist *****************************************************/
#banner{ min-height: 450px; padding: 5px 20px; margin-bottom: 60px; background-size: cover !important; background-position: center !important; position: relative; border-radius: 5px; overflow: hidden;}
#banner .bannertxt{ padding: 15px 20px; background: rgba(0,0,0,0.4); color: #fff; position: absolute; bottom: 0; left: 0; right: 0;}  
.bannertxt h1{ margin: 0;}
.bannertxt .txt{ margin: 10px 0 0;}

/** next trip **/ 
#next_trip{ padding:80px 0;}
#tourlist_tab{ line-height: 20px; text-align: right;}
#tourlist_tab i{padding-left:5px;}
#tourlist_tab ul{ padding:0; margin:0; font-size:0; text-align:center;}
#tourlist_tab ul li{ text-align:center;}
#tourlist_tab ul li{ font-size:14px; display:inline-block;}
#tourlist_tab ul li:first-child{ margin-left: 5px;}
#tourlist_tab ul li a{ min-width:225px; padding: 10px 15px; background:#dedede; color:#666; border-bottom:none; display:block; transition:all linear 0.2s; cursor:pointer; position:relative;}
#tourlist_tab .each_tab{ border: 2px solid var(--color1); padding:15px; display:none; z-index: 2; position: relative; background:#FFFFFF; border-right:none; border-left:none;} 
#tourlist_tab #first_box{ display:block;}
#tourlist_tab .each_tab table{width:100%; margin-bottom:20px; margin:auto; padding:20px;}
#tourlist_tab .each_tab table td, #other_trip tr td{ padding:7px; line-height:25px; font-size:13px; border-bottom:1px solid #ccc;}
#tourlist_tab .each_tab table tr:last-child td, #other_trip tr:last-child td{ border-bottom:none;} 
#tourlist_tab .each_tab table td:last-child, #other_trip td:last-child{ border-left:none;}
#tourlist_tab .each_tab table td a, #other_trip td a{ color:#316087; display:block; transition:all linear 0.3s;}
#tourlist_tab .each_tab table td:hover a, #other_trip td:hover a{ color:#1C3E93;}
#tourlist_tab .each_tab table tr:first-child td, #other_trip tr:first-child td{ padding:5px; color:var(--color1); font-size:14px; font-family:sahelB; background:white; white-space:nowrap;}
#tourlist_tab .each_tab table tr:nth-child(2n-1), #other_trip tr:nth-child(2n-1){ background:#f4f4f4;}
#tourlist_tab .each_tab table tr, #other_trip tr{ transition:all linear 0.3s;}
#tourlist_tab .each_tab table tr:hover, #other_trip tr:hover{ background:#E4E4E4;}
#tourlist_tab .each_tab table td:nth-child(3),#tourlist_tab .each_tab table td:nth-child(4),#tourlist_tab .each_tab table td:nth-child(5){ text-align:center;}
#tourlist_tab .each_tab table td:nth-child(4) span, #other_trip td:nth-child(4) span{ direction:ltr; display:inline-block;}
#tourlist_tab .active{ background:var(--color1); color:#fff; text-shadow:none; z-index:3; font-family:sahelB; } 
#tourlist_tab .active i{position:absolute; font-size:28px; top:-23px; right:5px; background:white; border-radius:50%; padding:5px; color:var(--color1);} 
@media only screen and  (max-width: 540px){
	#tourlist_tab ul li{ width: Calc(50% - 2.5px);}
	#tourlist_tab ul li a{ min-width:inherit; margin:auto;}
	#tourlist_tab .each_tab{ padding: 15px 0;}
	#tourlist_tab .each_tab table{ width:98%; margin:auto;}
	#tourlist_tab .each_tab table tr:first-child{ display:none;}
	#tourlist_tab .each_tab table tr{ margin-bottom:5px; background:#f4f4f4 !important; display:block;}
	#tourlist_tab .each_tab table tr td{ text-align:center; border:none; display:block;}
	#tourlist_tab .each_tab table tr td:first-child{ padding:5px; background:#373737; color:#fff; font-size:15px; text-shadow:1px 1px 2px #000;}
	#tourlist_tab .each_tab table tr td:before{ padding-left:5px; font-family:sahelB;}
	#tourlist_tab .each_tab table tr td:nth-child(2){ color:#333; font-size:14px;}
	#tourlist_tab .each_tab table td a{ color:#316087;}
	#tourlist_tab .each_tab table tr td:nth-child(3):before{ content:"مدت زمان:";}
	#tourlist_tab .each_tab table tr td:nth-child(4):before{ content:"تاریخ رفت و برگشت:";}
	#tourlist_tab .each_tab table tr td:nth-child(5):before{ content:"ظرفیت:";}
}

#tourbox{ padding:50px 0; background:#fbfbfb;}
#tourbox > .mainbox{ padding-top:30px;}
#tourbox .flexbox{ justify-content:center;}
#tourbox .flexbox > div{ width:Calc(33.333% - 20px); padding-bottom:20px; margin:0 0 30px 30px; background:#fff; text-align:center; border: 1px solid #eee; border-radius: 5px; overflow: hidden;}
#tourbox .flexbox > div:nth-child(3n), #tourbox .flexbox > div:last-child{ margin-left:0;} 
#tourbox .flexbox > div .tour_img{ overflow:hidden;}
#tourbox .flexbox > div .tour_img a{ height:200px; background-size:cover !important; background-position:center !important; display:block; transition: all linear 0.2s;} 
#tourbox .flexbox > div .tour_img a:hover{ transform:scale(1.1,1.1);}
#tourbox .flexbox > div > h2 a{ padding:18px 10px 5px; color:#333; font-family:'sahelB'; font-size:16px; display:block; transition: all linear 0.2s;}
#tourbox .flexbox > div > h2 a:hover{ color:#143075;}
#tourbox .flexbox > div > .tour_txt{ padding:0 10px 10px; font-size:13px; line-height:24px;}
#tourbox .flexbox > div > .tour_txt span:after{ content:"/"; padding:0 8px; color:#969696;}
#tourbox .flexbox > div > .tour_txt span:last-child:after{ content:"";}
#tourbox #tourbox .tour_p{ display:none;}
@media only screen and (max-width:900px){
	#tourbox .flexbox > div{ width:Calc(50% - 15px);}
	#tourbox .flexbox > div:nth-child(3n){ margin-left:30px;} 
	#tourbox .flexbox > div:nth-child(2n){ margin-left:0;} 	
}
@media only screen and (max-width:600px){
	#tourbox .flexbox > div{ max-width:400px; width:100%; margin-left:0px !important;}
}
/** end next trip **/ 

/***************************************************** CityTour  *****************************************************/
#head_tour{ padding: 20px 0 50px 0; background: #f4f4f4;}
#head_tour .flex_items{ flex-direction: row-reverse;}
#head_tour .head_pic{ width: 50%;}
.head_pic img{ width: 100%; height: 350px; object-fit: cover; border-radius: 5px; display: block;}
.head_pic .code{ color: gray; font-size: 12px;}
#head_tour .head_info{ width: 50%; padding: 50px;}
.head_info h1{ margin-bottom: 5px;}
.head_info .under_ti{ color: gray; display: block;}
.head_info .more{ padding: 10px 15px; margin:0; background: var(--color3); color: #fff;}
.head_info .more span{ font-size: 20px; color: #f0ffbb;}

.head_info .star{ display: block;}

.for_detial{ margin-top: 30px;}
.for_detial span::after{ content: "|"; padding: 0 10px; color: #bbb; display: inline-block;}
.for_detial .cost{ margin-top: 10px; font-size: 22px; line-height: 30px; display: block;}
@media only screen and (max-width:768px){
	#head_tour .head_info{ width: 100%; padding: 30px;}
	#head_tour .head_pic{ width: 100%; }
	.head_pic img{ height: 250px;}
}

#c_leader{ padding: 20px; margin: 30px 0 60px; background: #f4f4f4; border-radius: 5px;}
#c_leader img{ width: 100%; height: 180px; object-fit: cover; border-radius: 10px; border: 4px solid var(--color1);}
#c_leader .flexbox2 > a{ width: 180px; display: block;}
#c_leader .flexbox2 > div{ width: Calc(100% - 210px); margin-right: auto;}
#c_leader .flexbox2 > div a{ margin-bottom: 10px; color: #333; font-size: 20px; line-height: 30px; display: block;}
#c_leader .flexbox2 > div a:hover{ color: var(--color1);}
@media only screen and (max-width:600px){
	#c_leader .flexbox2 > a{ max-width: 130px; width: 100%; margin-bottom: 10px;}
	#c_leader img{ height: 130px;}
	#c_leader .flexbox2 > div{ width: 100%; text-align: center;}
}

/* glance*/
.title3{ margin: 0 0 25px; font-family: "SahelB" !important; font-size: 20px; line-height: 30px; display: block;}
.title3 i{ color: var(--color1); position: relative; top: 2px;}
.title3 i:after{ margin: 0 5px;}
.after_head .common:nth-of-type(1){ margin-top: 20px;}
#glance{ width: Calc(100% - 350px); margin-left: auto; font-size: 15px;}
.glancebox{ max-width: 900px;}
.glancebox .each{ justify-content: flex-start; align-items: stretch; border-bottom: 1px solid #ddd;}
.glancebox .each i{ margin-left: 5px; color: var(--color1); vertical-align: middle;}
.glancebox .each b{ width: 180px; padding: 5px; border-left: 1px solid #ddd; display: block;}
.glancebox .each .txt{ width: Calc(100% - 180px); padding: 5px;}
.glancebox .each a{ color: #008ed4; display: inline-block;}
.glancebox .each a:hover{ color: #0275ae;}
.glancebox .each:last-of-type{ margin-bottom: 0; border-bottom: none;}
.comma span::after{content:"،"; margin-left: 3px;}
.comma span:last-child::after{content:"";}
#explain .text_body{ margin: 0;}
@media only screen and  (max-width: 500px){
	.glancebox .each{ margin-bottom: 20px; border-bottom: none;}
	.glancebox .each b{ width: 100%; background: #f4f4f4; border-bottom: 1px solid #ddd; border-left: none;}
	.glancebox .each .txt{width: 100%;}	
}

.city_map{ width: 300px; margin-right: auto;}
.city_map a{ color: #069; font-size: 13px; text-align: center; display: block;}
.city_map a:hover{ opacity: 0.7;} 
.city_map iframe{ width: 100%; height: 300px; padding: 5px; border: 2px solid #CCCCCC; border-radius: 5px; display: block;}
@media only screen and  (max-width: 768px){
	.city_map{ margin: 50px auto 0;}
	#glance{ width: 100%;}
}
/***************************************************** tour *****************************************************/
.tcategory .main::after, .inaglance .main::after, .glance::after, .tselected .main::after, footer .main::after, nav .main::after,.twotables::after, .buy::after, .linetend::after, .some::after, .others::after, .rightp::after{ content: ""; clear:both; display:block;}

/*Selected Tours*/
.tselected{ padding:40px 0 40px; border-top:1px dashed #ECECEC; border-bottom:1px dashed #ECECEC;}
.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:#15426A; font-family:'SahelB'; 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:var(--color1);}
.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:5px 5px 0 0;}
.tourbox div{display:table; width:100%; padding:5px 10px 5px; background:#FFF; border-radius:0 0 5px 5px; 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:#069; 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:var(--color1);}
.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; border:1px solid #15426A; padding:2px 13px 2px; border-radius:5px; font-size:13px; color:#15426A; transition:linear .2s;}
.tourbox:hover span:last-child a{border:1px solid var(--color1); color:var(--color1); text-shadow: none;}
.tourbox span:last-child a:hover{color:#FFFFFF !important; text-shadow: 1px 1px 1px #333333; background:var(--color1);}
.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;
	}
}

/*Related Articles*/
.backg{padding-top: 15px;  background-image: linear-gradient(to bottom, #f4f4f4, #f7f7f7, #f9f9f9, #fcfcfc, #ffffff); border-top:1px solid #E5E5E5;}	
.related{margin-top:25px; position:relative;}
.related ul{font-size:0; padding:0; line-height:0; overflow:hidden;}
.related div{font-size:20px; color: #444444; line-height:30px; padding:5px 10px 10px;}
.related ul li{display:inline-block; width:24%; text-align:center; height:240px; background-size:cover !important; transition:linear .2s; font-size:15px; margin:.5%; border-radius:5px 5px 0 0; position:relative; line-height:25px; border-radius: 5px; overflow: hidden;}
.related ul li:hover span,.related ul li:hover h4{max-height:100%; background:rgba(0,0,0,.8);}
.related ul li span,.related ul li h4{ margin: 0; display:block; position:absolute; bottom:0px; right:0px; left:0px; background:rgba(0,0,0,.6); padding:5px; max-height:35px; color:#FFF; text-shadow:1px 1px 1px black;
overflow:hidden; 
  -webkit-transition: max-height .2s; 
  -moz-transition: max-height .2s; 
  -ms-transition: max-height .2s; 
  -o-transition: max-height .2s; 
  transition: max-height .2s;
  transition:linear .2s;
}
.related ul li h4 a{ color: #fff; font-family: "Sahel"; font-weight: normal; position: static !important;}
#relateheigth{ padding: 0; margin: 0; transition: all .5s linear; text-align:center;}
.related ul li i{color:var(--color2); padding-left:5px;}
.related ul li a{position:absolute; top:0; bottom:0; left:0; right:0;}
#curtain,#curtain2,#cm_curtain{ padding:5px 0; margin: -43px auto 0 auto; color:#FFF; text-align:center; font-size:14px;  border-bottom: 3px solid var(--color2); cursor:pointer; text-shadow:1px 1px 1px black; background: white; background: -webkit-linear-gradient(transparent, white); background: -o-linear-gradient(transparent, white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(transparent, white); background: linear-gradient(transparent, white); position: relative; z-index: 3; transition: all .5s linear; }
#curtain i,#curtain2 i, #cm_curtain i{ padding-right: 4px; color:#FFF; position: relative; top: 2px; transition: all .5s linear; }
#curtain b,#curtain2 b, #cm_curtain b{ padding:10px; border-radius:3px 3px 0 0; line-height:26px; font-family:"Sahel"; background:var(--color2); transition: all .5s linear;}
#curtain b:hover,#curtain2 b:hover{opacity:.9;}
#curtain.open,#curtain2.open{ margin: 20px auto 0 auto; color:#FFF; text-shadow:none; border-bottom: 3px solid #ACACAC;}
#curtain.open b,#curtain2.open b{background:#ACACAC;}
#curtain.open i,#curtain2.open i{transform: rotateX(180deg);}

@media only screen and (min-width: 40px) and (max-width: 730px) {
	.related ul li span,.related ul li h4{max-height:100%; background:rgba(0,0,0,.8);}
	.related ul li{width:49%; height:250px;}
}
@media only screen and (min-width: 40px) and (max-width: 500px) {
	.related ul{margin:0; width:100%; padding:0;}
	.related ul li{width:98%; height:300px; display:block; margin:auto; margin-bottom:15px;}
}
/*Related Articles*/

/*Trip category in index*/
.tcategory{padding:40px 0 40px;}
.padt20{padding-top:20px !important;}
.tcategory .title, .glance .title, .inaglance .title, .tableres2 .title, .needed .title, .onlineact .title
,.itinerary .title, .some .title, .others .title, .submited .title{max-width:1200px; transition:linear .2s; margin:auto; font-size:20px; color:#333333; font-family:'SahelB'; 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, .others .title i , .submited .title i{color:var(--color1); transition:linear .2s;}
.tcategory .main .dore:nth-child(odd) .cover{right:0 !important;}
.tcategory .main .dore:nth-child(odd) .titlekhas{left:15px !important; bottom:30px; top:auto !important; right:auto !important;}
 
/*** Calendar *****/
.calendar .tabledate{border-collapse:separate; border-radius:5px; border:1px solid #D4D4D4;}
.calendar .tabledate thead tr td{color:#FFFFFF; text-shadow: 1px 1px 1px BLACK; font-size:15px; background: var(--color2); height:42px;}
.calendar .tabledate td {height: 40px; width: 40px; background: rgb(255, 255, 255); transition: all 0.2s ease 0s;}
.calendar .headt td{font-size: 14px; background:#EFEFEF !important; border-top:1px solid #CCC !important; border-bottom:1px solid #CCC !important;}
.calendar .circle { height: 35px; width: 35px;line-height: 35px; background: #fff7f78c; border-radius: 8px; border: 1px solid #ffb5b5;}
.calendar .samplec {  background:url(images/symbols/select.png) center no-repeat;}
.calendar .guide .samplec {padding-top:15px;}
.calendar .guide {display:table; width:100%; text-align:center; max-width:300px; margin:auto;}
.calendar .guide span{display:table-cell; padding:3px; vertical-align:middle; font-size:13px;}
.calendar .guide div{display:inline-block; width:30px; height:30px; vertical-align:middle;}
.calendar .line{height:1px !important; background:#CCC !important;}
.calendar .heightpic{height:15px !important;}
.calendar .data{font-size:14px;}
.calendar .bottom{line-height:0 !important; height:10px !important;}
.monthsn span:last-child:before{content:"/"; display:inline-block; padding:0 0 0 5px;}

/*Trip*/
.tour a{ color: #069;}
.tour a:hover{ opacity: .7;}
.tour ul, .tour ol{padding-right:40px;}
.tour .map iframe{ max-width:100%; width:280px; height:300px; display:block; border:2px solid #CCCCCC; padding:5px; border-radius:5px;}

/* other pay*/
#other_pay{padding:0px 15px 15px; background:#f4f4f4; border-bottom: 2px dotted #DDD; border-top: 2px dotted #DDD; margin:20px auto 20px;}
#other_pay .title{font-size:20px; color:#333; padding-top:15px;}
#other_pay .title i{color:#F90;}
.point .row:last-child a.gotob, .cup .button, span.results a{ padding: 3px 15px 3px; background:var(--color3); color: #FFF; text-shadow: 1px 1px 1px #333; border-radius: 3px; transition: linear .2s; border: dotted 2px #096; }
.point .row:last-child a.gotob{margin-right:20px; padding: 4px 15px 4px; display: inline-block;}
.point .row:last-child a.gotob:hover, .cup .button:hover, span.results a:hover{ background:#0a926b;}
.mob_on{ display: none;}
#payway{cursor:pointer; display:block;}
#payway a{color:#069;}
#payway:hover{color:#007CB9;}
@media only screen and (max-width: 768px) {
	.desk_on{ display: none;}
	.mob_on{ display: inline-block;}
}
/* end other pay*/

/*********Chape cover************/
.buy b span{text-shadow:none; color:#E0FE67; font-size:26px;}
.buy b{color:#FFFFFF; text-align:center; text-shadow: 1px 1px 1px #333333;}
@media only screen and  (max-width: 1250px){
	.buy .onlineact .main > div{margin:0 10px 0;}
}
@media only screen and  (max-width: 900px){
	.buy .onlinebuy span{width:50px;}
}
@media only screen and  (max-width: 720px){
	.onlineact .buy .onlinebuy{float:none !important; width:100% !important;}
}
.attraction .main{ text-align:justify;}

/*album*/
#album_box2{ margin-bottom: 10px; position:relative; top: -40px; overflow:hidden; border-radius: 5px;}  
#galleryBox2{ padding:0; margin:auto; font-size:0; text-align:center; transition: all .5s linear; white-space:nowrap;}
#galleryBox2:after{ content:''; clear:both; display:block;}
#galleryBox2 li{ height:180px; background-size:cover !important; background-position:center !important; /*-webkit-filter: grayscale(100%); Safari 6.0 - 9.0 filter: grayscale(100%);*/ position:relative; font-size:14px; display:inline-block; vertical-align:bottom; cursor: pointer; list-style:none; transition:all linear 0.2s;}
/* #galleryBox2 li:before{ content:"\f00e"; padding-top:85px; color:#fff; position:absolute; top:0; right:0; left:0; bottom:0; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:30px; visibility:hidden; opacity:0; transition:all linear 0.5s;} */
#galleryBox2 li:hover{ /*-webkit-filter: grayscale(0);  Safari 6.0 - 9.0 filter: grayscale(0);*/ opacity:0.7;}
#galleryBox2 li:hover:before{ visibility:visible; opacity:0.8;}
#galleryBox2 li:hover:after{ visibility:hidden; opacity:0;}
#galleryBox2 li > div{ width:100%; height:100%; /*border-right:2px solid #fff;*/}
#galleryShow2{ max-width: 100%; max-height: 100%; padding:0 10px 10px 10px; background: rgba(0,0,0,.88); position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; transform-origin: 50% 0; opacity: 0; visibility: hidden; transition: all .5s linear; z-index: 9999; }
#galleryShow2Close{ padding:10px 50px; color: #FFF; font-size: 30px; line-height: 30px; cursor: pointer; transition: all .3s linear; position:relative; z-index:13;}
#galleryShow2Close:hover{ opacity:0.5;}
#galleryShow2Img{ overflow: hidden; margin-top: 5px; opacity: 1; transition: all .8s linear; text-align:center;}
#galleryShow2Img > span{ position:relative; display:inline-block;}
#galleryShow2Img > span > div{ position:absolute; top: 0; left:0; right: 0; margin:auto; padding:3px 15px; background:#f1f1f1c4; font-size:14px; display:inline-block; z-index: 10;}
#galleryShow2Img > span > div:empty{ display:none;}
#galleryShow2Img img{ width: 100%; max-width: 1200px; max-height:Calc(100vh - 105px); margin:auto; display: block;}
#galleryShow2Img 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;}
#galleryShow2Img i:hover{ opacity:0.5;}
#leftGallerySlide2{ padding-left:20px; left: 0; text-align:left;}
#rightGallerySlide2{ padding-right:20px; right: 0; text-align:right;}
#galleryShow2Info{ margin-top: 10px; color: #c2c2c2; text-align: center; }
#galleryShow2Txt{ padding-bottom:5px; line-height: 30px; font-size: 18px; font-family:'sahelB'}
#galleryShow2detail{ line-height: 18px; font-size: 12px; }
#galleryShow2.active{ opacity: 1; visibility: visible; }
#morePic2{ max-width:170px; width:100%;	margin:auto auto 30px; background: var(--color1);display: block; padding: 5px 15px 5px; color: WHITE; text-shadow: 1px 1px 1px #333;	border-radius: 3px;	margin-top:20px; transition:linear .2s; border: dotted 2px #096; text-align:center; font-size:15px; display:none;}
#nex_button2,#pre_button2{ width:50px;font-size: 35px; text-align:center; margin: auto; position: absolute; top: 50%; transform: translateY(-50%); color: #FFFFFF; cursor: pointer; transition: all .3s linear; z-index:999; text-shadow:1px 1px 1px black; opacity:.7;}
#pre_button2{ padding-left:15px; right: 0px;}
#nex_button2{ padding-right:15px; left: 0px;}
#nex_button2:hover,#pre_button2:hover{ opacity:0.4; }

@media only screen and  (max-width: 1000px){
	#galleryBox2{ width:auto !important;}
	#galleryBox2 li{ width:50% !important; height:180px;}
	#galleryBox2 li:before{ padding-top:115px;}
	#galleryBox2 li:after{ padding-top:150px;}
	#galleryBox2 li.disnone2{ display:none;}
	#galleryBox2 li > div{ border-left:2px solid #fff;}
	#morePic2{ display:block;}
	#nex_button2,#pre_button2{ display:none !important;}
}

@media only screen and  (max-width: 768px){
	#leftGallerySlide2, #rightGallerySlide2{ opacity:0.5 !important;}
	#galleryShow2Img i{ padding-top:35%;}
}
@media only screen and  (max-width: 550px){
	#galleryBox2 li{ width:100% !important; display:block;}
	#galleryBox2 li > div{ border-bottom:5px solid #fff; border-left: none;}
}
@media only screen and  (max-width: 400px){
	#galleryShow2Img i{ padding-top:40%;}
}
/*album*/	

/*Dar ye nega*/
.comma span::after{content:"،";}
.comma span:last-child::after{content:"";}
.inaglance{background:#f4f4f4; padding:40px 0 40px;}
.inaglance .title{padding-bottom:20px;}
.inaglance .bg .right{float:right; width:65%; margin-left:10px; margin-bottom:15px;}
.inaglance .bg .left{float:left; width: calc(35% - 10px);}
.inaglance .bg .calendar .tabledate{margin:auto;}
.inaglance .main{padding:20px; box-shadow: 0px 0px 4px 0px #e8e3e8; background:#FFF; border: 1px solid #EAEAEA; border-radius:10px;}
.inaglance .map{margin:15px 0; font-size:13px; vertical-align:top;}
.inaglance .map img{border-radius:5px; border:1px solid #CCC; width:100%; max-width:280px;}
.point .row:first-child{ border-radius:3px 3px 0 0;}
.point .row:after, .inaglance .right:after, .inaglance .bg:after{content:""; display:block; clear:both;}
.point .row{border-bottom:1px solid #E6E6E6; background:rgba(255,255,255,.5); position:relative; transition:linear .2s;}
.point .row:hover{background:#F7F7F7;}
.point .row div:first-child{float:right; border-left:1px dashed #E6E6E6; padding:0; width:40px; position:absolute; height:100%;} 
.point .row div:nth-child(2){float:right; width:190px; padding:5px 45px 5px 5px; color:#333; font-family:'sahelB'; border-left:1px solid #E6E6E6;} 
.point .row div:nth-child(3){float:right; padding:5px;} 
.point .row i{color:var(--color1); display:block; margin-top:10px;}
.point .weather i{display:inline-block; color:#369; margin-top:0;}
@media only screen and (min-width: 40px) and (max-width: 965px) {
	.inaglance .bg .right, .inaglance .bg .left{float:none; width:100%;}
	.inaglance .main, .tableres2 .main{margin: 10px;}
	.inaglance, .tableres2{padding:10px 0 10px !important;}
	.fullcal, .map{display:inline-block;}
	.inaglance .bg .calendar .tabledate{width:100%; max-width:300px;}
	.inaglance .bg .left{text-align:center;}
	.guide{margin:auto;}
}
@media only screen and (min-width: 40px) and (max-width: 600px) {
	.point .row{ padding: 0 10px; background: #f4f4f4; position:relative; position:static; width:100%; overflow:hidden; margin-bottom:20px; line-height: 26px;}
	.point .row div:first-child{ width: auto; border-radius:5px 5px 0 0; border:none; position:static; height:41px; margin:auto 0px auto auto; text-align:center;} 
	.point .row div:nth-child(2){padding:7px 10px 0px; margin:auto; text-align:right; margin-top:0px; font-size:16px; width:200px; border-left:none; } 
	.point .row div:nth-child(3){clear:both; float:none; padding:10px 5px 10px; margin:auto; text-align:right; border-top:1px solid var(--color1);} 
	.point .weather i{color:#369;}
	.fullcal, .map{width:100%;}
}

/*Barname*/
.itinerary{padding:40px 0 40px;}
.rightborder{border-right:1px solid #CCC; max-width: 900px; margin:30px; position:relative;}
.rightborder .circleon{transition:linear .2s; position:absolute; text-shadow: 1px 1px 1px #333; right:-27px; height:50px; width:50px; border-radius:100%; background:var(--color2); border:3px solid #FFF; text-align:center;}
.rightborder .circleon2{transition:linear .2s; position:absolute; margin-top:5px; text-shadow: 1px 1px 1px #333; right:35px; top:-22px; height:40px; width:40px; border-radius:25%; background:var(--color1); border:3px solid #FFF; text-align:center;}
.rightborder .daily{position:relative; padding-right:40px; padding-bottom:0px; text-align:justify;}
.rightborder .eachday{padding-bottom: 10px;}
.rightborder .eachday:last-child{padding-bottom:0;}
.rightborder .eachday:hover .circleon,.rightborder .eachday.active .circleon{background:var(--color1);}
.dishc{border-top:1px solid #DDD; position:relative; width:40px; margin-top:30px; }
.dish{position:relative; top:-12px; right:80px; font-size:0; color:#000; max-width:95%;}
.dish span{font-size:14px;}
.rightborder .circleon i{color:#FFF; line-height:47px; font-size:18px; font-style:normal;}
.rightborder .circleon2 i{color:#FFF; line-height:36px; font-size:16px; font-style:normal;}
#dred {color: #af0a06; font-size:13px; font-style:italic;}#dred i {padding-left:5px;}
.tcontent{padding-bottom:30px;}
.tcontent:last-child{padding-bottom:0px;}
.top_txt{ padding: 9px 40px 35px 30px; justify-content: flex-start;}
.top_txt p{ margin-right: 5px; font-size: 14px;}
.headbox{ position: relative; cursor: pointer;}
.headbox i.close{ font-size: 30px; position: absolute; left: 0; top: 11px;}
.tcontent.none{ display: none;}
.line{ color: black; display: inline-block; padding: 0px 10px;}
.whichDay{font-size:11px; color:rgba(114,114,114,1.00); background:#f4f4f4; padding:3px 10px; display:inline-block; border-radius: 7px;}
@media only screen and  (max-width: 1250px){
	.rightborder{ margin: 30px 15px 30px 0;}
	.rightborder .circleon{right:-26px;}
	.rightborder .daily{position:static; padding-right:65px;}
	.dish{position:static; padding:20px 40px 0 5px;}
	.top_txt{ padding-right: 30px;}
}
@media only screen and  (max-width: 600px){
	.rightborder .daily{padding-right:20px; background:#FFF; top:-15px; position:relative; left:0; right:0; border-top:1px solid #dddddd; padding-top:10px;}
	.rightborder .circleon{ border-color:var(--color1); margin:auto;}
	.dishc{width:20px;}
	.dish{ max-width: 100%; padding:20px 20px 0 5px;}
	.rightborder .circleon2{right:20px;}
	.itinerary{padding:20px 0 0px;}
}
/*Food*/
.tableres2{ border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:40px 0 40px; background:#f4f4f4;}
.tableres2 .undert{padding-top:15px;}
.tableres2 tr{transition:linear .2s;}
.tableres2 .main{
	box-shadow: 0px 0px 4px 0px #e8e3e8;
	background: WHITE;
	border: solid 1px #EAEAEA;
	border-radius:10px;
	padding: 30px 10px 30px;
	}
.tableres2 table, .tableresw table{ 
  width: 100%; 
  border-collapse: collapse; 
  margin-top:20px;
}
.tableres2 tr:nth-of-type(1) td{ 
  border-bottom: 1px solid #FFFFFF !important; 
  background: var(--color2);
}
.tableres2 tr:nth-of-type(1){ 
  background: #999; 
  color: white; 
  text-shadow: 0px 0px 1px #000;
  font-family:'sahelB'; 
}
.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:var(--color2); 
  color:#fff; 
  text-shadow: 0px 0px 1px #000;
  font-family:'sahelB'; 
}

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

.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: #fff; 
	background: #555;
}
.tableres td, .tableres tr { 
	text-align: center !important; 
	line-height:30px !important;
	padding:5px; 
	border:1px solid #ddd;
}
@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;}
	.tableres2 td { 
		border-bottom: 1px solid #EAEAEA; 
		position: relative;
		text-align: center; 
	}
	/*
	Label the data*/
	.tableres2 td:nth-of-type(1):before { content: "روز "; color:#FFF;}
	.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: var(--color2); color:#FFF; border-radius:5px; text-align:center; padding:6px !important; text-shadow: 0px 0px 3px #000;
	font-size:18px; font-family:'sahelB';}
	/*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 #ccc; 
		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*/
	
}
.needed{padding:20px 0 20px;}
.needed .items span{display:inline-block; margin:3px; background:#f4f4f4; padding: 5px; border-radius:3px; border:1px solid #ddd; transition:linear .2s;}
.needed .items span a{ color: #069;}
.needed .items span a::before{
    font-family: "FontAwesome";
	content: "\f08e";
	font-size:10px;
	color:#069;
	padding-left:5px;
}
/*Zaruri*/
.some ul li{ text-align:justify;}
.boxgray{border-bottom:2px dotted #DDDDDD; border-top:2px dotted #DDDDDD; padding:30px 10px 30px; background:#f4f4f4; margin:20px 0 30px;}
.paddbot{padding:10px 0 10px;}

#star1,#star2,#star3,#star4,#star5{width:85px; background:url(images/icon/stars.png) no-repeat; height:15px; }
#star1{background-position:0px 0}
#star2{background-position:0px -15px}
#star3{background-position:0px -30px}
#star4{background-position:0px -45px}
#star5{background-position:0px -60px;}
/*Date Tour*/

/***** jadvale eghamat *****/
#tb_hotel{ width: 100%; padding: 30px 20px; margin: 50px auto; background: #f9f9f9; font-size: 14px;}
#tb_hotel table{ width: 100%;}
#tb_hotel .table_txt{ margin-bottom: 10px; font-size: 18px; font-family: sahelB; text-align: center;}
#tb_hotel .tb_first{ width: 100%; border-collapse: collapse; display: table;}
.tb_first > div{ border: 1px solid #eee; display: table-cell;}
.tb_first > div:last-child{ width: 220px; padding: 5px 10px; background: #FBF8FF; /*display: block !important;*/}
.tb_first > div > div{ padding: 5px 10px; font-size: 14px; text-align: center;}
.tb_first > div > div:first-child{ background: var(--color1); color: #fff; font-family: sahelB; text-shadow: 1px 1px 1px #333;}
.tb_first .more_info{ max-width: max-content; color: var(--color1); margin: auto; line-height: 25px; border-bottom: 1px solid var(--color1); cursor: pointer; display: block; transition: all linear .2s;}
.tb_first .more_info:hover{ opacity: 0.6;}
.tb_first .more_info i{ font-size: 12px; margin-right: 3px;}
.more_info .hide,.more_info.chng_txt .show{ display: none;}
.more_info.chng_txt .hide{ display: inline-block;}
.more_info.mobile{ display: none}
.tb_second{ margin-top: 30px;}
#tb_hotel .tb_second td{ padding: 5px 10px; border: 1px solid #eee; text-align: center; transition: all linear .2s;}
#tb_hotel .tb_second td i{ margin: 0 2px; color: #f3cf0c;}
.tb_second tr:first-child td{ background: var(--color2) !important; color: #fff; font-family: sahelB;}
.tb_second td:nth-child(2),.tb_second td:nth-child(3){ width: 140px;}
.tb_second tr:nth-child(odd){ background: #f4f4f4;}
.tb_second tr:hover td{ background: #ddd;}
@media only screen and (max-width: 900px) {
	.tb_first > div{ width: 100% !important; display: flex; flex-wrap: wrap;}
	.tb_first > div > div{ width: 50%;}
	.tb_first .more_info{ margin: 0;}
	.more_info.desk{ display: none}
	.more_info.mobile{ display: block;}
	.tb_second{ display: none;}
	.tb_second td:nth-child(3){ width: 90px;}
}
@media only screen and (max-width: 550px) {
	.tb_second tr:first-child{  display: none;}
	.tb_second tr{ margin-bottom: 15px;}
	.tb_second tr,.tb_second tr td{ width: 100% !important; text-align: right !important; display: block;}
	.tb_second td:before{ padding-left: 4px; color: #5D5D5D; font-family: sahelB;}
	.tb_second td:nth-child(1){ background: var(--color2) !important; color: #fff;}
	.tb_second td:nth-child(1) a{ color: #bce7ff; font-family: sahelB;}
	.tb_second td:nth-child(2):before{ content: "شهر: ";}
	.tb_second td:nth-child(3):before{ content: "تعداد شب: ";}
}

/********Form Kharid Online************/
.rightpart{float:right;}
.rightpart div:last-child{padding:8px 5px 5px;}
.h_distans{margin-top: 2%;display: block;}
.rightpart .h_light{ font-size:15px; background: rgba(162, 216, 201, 0.41); padding:5px;}
.rightp #counter{width:90px; display:inline-block;}
.onlineact{padding:60px 0 40px; z-index:-5;}
#mob_online{ max-width: 100%; background: #f4f4f4; padding: 20px; border-top: 5px solid var(--color3); border-bottom: 5px solid var(--color3);}
@media only screen and (max-width: 1180px) {
	.onlineact{padding-top:30px !important;}
}
.onlineact .alert{background:rgba(255,153,153,.3); display:inline-block; padding:0 5px 0;}
.onlineact .formtop{font-size:0; padding-top:15px; text-align:center;}
.onlineact .formtop>div{display:inline-block; text-align:center; margin-left:0.25%;}
.onlineact .formtop>div:last-child{margin-left:0;}

/* Used in trip_order AND compare*/
@-webkit-keyframes chevloop{
	0%   { opacity: .5; margin-top: 12px; }
	55% { opacity: 1; }
	100% { opacity: .5; margin-top: 35px; }
}
@-moz-keyframes chevloop {
	0%   { opacity: .5; margin-top: 12px; }
	55% { opacity: 1; }
	100% { opacity: .5; margin-top: 35px;}
}
@-o-keyframes chevloop {
	0%   { opacity: .5; margin-top: 12px; }
	55% { opacity: 1; }
	100% { opacity: .5; margin-top: 35px;}
}
@keyframes chevloop {
	0%   { opacity: .5; margin-top: 12px; }
	55% { opacity: 1; }
	100% { opacity: .5; margin-top: 35px;}
}
/**/
@-webkit-keyframes chevloop2{
	0%   { opacity: 0; margin-top: 12px; }
	55% { opacity: 1; }
	100% { opacity: 0; margin-top: 27px; }
}
@-moz-keyframes chevloop2 {
	0%   { opacity: 0; margin-top: 12px; }
	55% { opacity: 1; }
	100% { opacity: 0; margin-top: 27px;}
}
@-o-keyframes chevloop2 {
	0%   { opacity: 0; margin-top: 12px; }
	55% { opacity: 1; }
	100% { opacity: 0; margin-top: 27px;}
}
@keyframes chevloop2 {
	0%   { opacity: 0; margin-top: 12px; }
	55% { opacity: 1; }
	100% { opacity: 0; margin-top: 27px;}
}
.relativeBox{ position: relative;}
#orderFixedBtn{ margin-top: 10px; padding-bottom: 10px; }
#orderFixedBtn.fixed{ margin-top: 0; background: #deffe6; position: fixed; width: 100%; bottom: 0; left: 0; z-index: 999; }
#orderFixedBtn.fixed button{ margin-left: 0; margin-top: 10px; }
#orderFixedSpan{ color: #C30; }
.orderDisplay{ display: none; }
.chevron1 { height: 40px; position: absolute; right: -40px; top: 10px; }
.chevron1 img{ width: 25px; margin: auto; display: block; position: absolute; left: 0; right: 0; opacity: .5; animation: 1.5s ease 0s normal none infinite running chevloop2; z-index: 1; }
@media only screen and (max-width: 1000px) {
	.chevron { position: relative; right: 0; top: -15px; }
}
@media only screen and (max-width: 870px) {
	#orderFixedBtn{ padding-top: 0; }
	#orderFixedSpan { display: block; }
}
@media only screen and (max-width: 600px) {
	#orderFixedSpan { display: none; }
	.orderDisplay{ display: block; }
}

/*____________*/
.onlineact .formtop>div>div:first-child{display:inline-block; font-size:14px; background:#3d2c55;; width:100%; border:1px solid #4b4a4a; padding:5px; border-radius:3px 3px 0 0; font-family:'sahelB'; color:#FFF; text-shadow:1px 1px 1px #000000;}
.onlineact .formtop>div>div:nth-child(2){display:block; font-size:14px; background:rgba(255,255,255,.85); padding:5px; border:1px solid #FFFFFF; border-top:none;}
.onlineact .formtop>div:nth-child(1){width:24%}
.onlineact .formtop>div{width:25%; vertical-align:top;}
.onlineact #form_sec.formtop>div{width:21%}
.onlineact #form_sec.formtop>div:nth-child(4),.onlineact #form_sec.formtop>div:nth-child(5){width:18%}
.onlineact button[type=submit], .submited a.button, #extra_msg a.button, .buttond{
	background: var(--color3);
	display: inline-block;
	padding: 5px 15px 5px;
	color: WHITE;
	text-shadow: 1px 1px 1px #333;
	border-radius: 3px;
	margin-top:10px;
	transition:linear .2s;
	border: dotted 2px #096;
}
.buttond{font-size:16px;}
.onlineact button[type=submit]:hover, .submited a.button:hover, #extra_msg a.button:hover, .buttond:hover{background:#0a926b; cursor:pointer;}
.onlineact button[type=submit] i, .submited a.button i{
	padding-right:15px;
}
.onlineact button.disable{ background: #7a7a7a !important; border-color: #444 !important; }
.onlineact .main > div{ max-width: 1260px; margin: auto;}
.onlineact form{ text-align:center;}
.tourCapacity{display:none;}

#sharayet>div{ display: none; }
#sharayet>div:first-child{ display: block; }
.formtop #tedad, #mablaghInput{ width: 60px; text-align: center; }
#mablaghInput{ width: 80px;}
.paddtop{ padding-top:15px;}
.padd0bt{ padding-bottom: 0 !important;}
.onlineact .buy .onlinebuy{width:auto; float:left; margin-top: 0px;}
.onlineact .buy{margin-bottom:10px; line-height:0;}
.onlineact .buy div.steps{line-height:0; float:left;}
.onlineact .buy .onlinebuy div{padding-right:0px;}
.onlineact .buy .rightp{float:right; line-height:30px;}
.onlineact .buy .rightp div{padding-right:10px;}
.onlineact .buy .onlinebuy i{margin-bottom:5px; color:var(--color1);}
.onlineact select, .onlineact input{
   border:1px solid #CCC;
   max-width:250px;
   width:100%;
   padding:0px 5px 0;
   	}
.paddtop input[type="checkbox"]{
    width:auto;
	border:none !important;
	border:1px solid #ddd !important;
   	}
.onlineact .title{color:#333;}
.onlineact .title i{color: var(--color3);}
.box-traveler{display: none;margin-top: 15px;}
.onlineact .traveler{display: inline-block; padding:5px 15px; margin-right:3px; background:rgba(43,172,75,.3); color:#1c5310; text-align:right; border:1px dashed #096; border-radius:3px; cursor:pointer; transition:all linear 0.2s;}
.onlineact .traveler:hover{ opacity:0.7;}
.onlineact .traveler input{ padding:0; border:none; width:auto; display:inline-block; vertical-align:middle;}
.show2, .show3{display:none !important; padding-bottom:15px;}
.state1 > div {width:25% !important}
.state1>div:nth-child(1) {width: 24%!important;}
@media only screen and (min-width: 40px) and (max-width: 935px) {
.onlineact .formtop>div{margin-bottom:5px;}
.onlineact .formtop>div{width:49.6% !important;}
.show2{display:block !important;}
.registerText{display:none !important;}
.state1 > div {width:49.6% !important;}
}
.onlineact .in_responsive  select,.onlineact .in_responsive input[type="text"], .onlineact .in_responsive input[type="tel"], .onlineact .in_responsive input[type="email"]{ height:38px;}
.onlineact .in_responsive .formtop > div > div:nth-child(2){ min-height:49px; display:flex; justify-content:center; align-items:center;} 
.onlineact .in_responsive #capacityOption select{ margin-left:5px;}
#Manshor{ height: 15px !important; width: 15px !important; border: 1px solid #a8a8a8 !important;}
@media only screen and (max-width: 768px) {
	.onlineact .in_responsive  select,.onlineact .in_responsive  input{ max-width:100%; height:55px; font-size:18px;}
	.onlineact .in_responsive  select,.onlineact .in_responsive input[type="text"], .onlineact .in_responsive input[type="tel"], .onlineact .in_responsive input[type="email"]{ height:55px;}
	.onlineact .in_responsive .formtop > div > div:nth-child(2){ min-height:66px;} 
	.onlineact .in_responsive .formtop > div{ vertical-align:top;}
	.onlineact .in_responsive .formtop > div > div:first-child{ padding:10px 5px;}
    .onlineact .in_responsive .formtop > div > div:first-child{ font-size:17px;} 
	.onlineact .in_responsive .formtop > div > div:nth-child(2){ font-size:17px;}
	.onlineact .in_responsive button[type="submit"]{ font-size:18px;}
    .in_responsive .moreinfo{ font-size:17px !important;} 
	.in_responsive .moreinfo div::before{ font-size:20px;} 
	.in_responsive .paddtop input[type="checkbox"]{ height:auto;}
}

@media only screen and (min-width: 40px) and (max-width: 575px) {
	.onlineact .formtop>div{display:block; width:100% !important; margin-bottom:5px;}
	.onlineact .formtop>div div:first-child{background-color:#4b4a4a;}
	.show3{display:block !important;}
	.show2{display:none !important;}
}

@media only screen and  (max-width: 600px){
	.onlineact .buy div.steps, .onlineact .buy .rightp{float:none; margin:auto; padding:0;}
	.onlineact .buy div.steps{text-align:center; background:var(--color1); margin-bottom:10px;}
}
@media only screen and  (max-width: 725px){
	.onlineact .buy .onlinebuy{float:none; display:block;}
}
.moreinfo{font-size:14px; width:100% !important; display:block !important; text-align:right; padding:10px 10px 0;
 background:none !important ; color:#333 !important ; font-family:sahel !important; border:none !important; text-shadow:none !important; }
.moreinfo div:before{
	content:"\f104"; 
    font-family: "FontAwesome";
	color:var(--color1);
	padding-left:5px;
	display:inline-block;
}
.rulebox a{ color:var(--color1);}
.rulebox a:hover{ opacity: 0.7;}
#onlineActErr{ margin-bottom: 60px; text-align: center; font-size: 18px; color: #8f0000; }

/*code takhfif*/
#NatijeTakhfif{ margin: 10px auto 0;width: 98%;}
.off_box{display: flex;align-items: center;margin-top: 10px;}
#count-takhfif{background:#848484; color:white; border:none; padding:4px 10px; font-family:'sahel';margin-right: 4px;cursor: default;border-radius: 2px;}
#count-takhfif.off_bt{ background: #ec6161; cursor: pointer;}
.wrong-code{color:red;font-size: 14px;margin-top: 5px;})
.correc-code{color:var(--color1);font-size: 14px;margin-top: 5px;}
.correc-code span{ font-family: 'sahelB';color: #ec6161;}
.red_i{ color: #C33 !important;}
.dis_box{align-items: flex-end;flex-wrap:wrap;background: hsl(0deg 0% 100% / 30%);padding:15px 5px;width:100%;text-align: right;}
.dis_box > div{width: 98%;margin: auto;}
.dis_titr{font-size: 16px;color: #ec6161;font-family: sahelB}
.dis_titr i{font-size: 20px;color: #ec6161}
#numCode{width: 25%;border: 1px solid #ddd;height: 35px;min-width: 160px;font-family: tahoma;}

/*Quote Trip*/
.quoteout{margin:30px auto 30px; position:relative;}
.quoteout div:first-child img{border-radius:100%; max-width:140px; max-height:140px; border:6px solid #FFFFFF; position:absolute; right:0; z-index:2;}
.quoteout div:last-child{position:relative; right:70px; width:calc(100% - 70px); background:#efefef; border-bottom:1px solid #E6E6E6; border-radius:0px 0 0 3px;}/*min-height:200px; */
.quoteout div .inner{display:block; border-right:4px solid var(--color2); background:#AAD7FF; border-top:1px solid var(--color2); border-bottom:5px solid #FFFFFF; border-radius:3px 0 0 0px; padding:10px 120px 10px 10px;}
.quoteout div .inner span{background:#CFE8FF; padding:2px; line-height: 33px;}
.quoteout div .outer{display:block; padding-left:15px; padding-top:3px; text-align:left; font-size:13px; color:#666;}
.quoteout div b{font-size:19px; line-height: 33px; display:block; color:#333; }
.quoteout div b span{font-size:13px; background:none !important; font-family:sahel; color:#005279; text-shadow:none !important;}
#triangler { width: 0; height: 0; border-top: 15px solid transparent; border-left: 20px solid #CFE8FF; border-bottom: 15px solid transparent; position:absolute; right:104px; top:47px;}
@media only screen and (max-width: 660px) {
	.quoteout div b span{display:block;}
	#triangler {top:82px;}
}
@media only screen and (max-width: 570px) {
	#triangler {border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #CFE8FF; text-align:center; position:relative; top:3px; border-top:none; right:45%;}
	.quoteout div:last-child{width:100%; position:static;}
	.quoteout div:first-child img{position:static; margin: auto;}
	.quoteout div:first-child{padding-top:20px;}
	.quoteout div .inner{padding:10px; border:none; padding-top:10px;}
	.quoteout{text-align:center; margin:10px auto 10px; }
	.quoteout div .outer{text-align:center;}
	.quoteout div{text-align:center;background:#93D0BE;}
}
/*Sayer Ejraha*/
.others{padding:30px 0 30px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.othertrip{margin-top:15px; width:100%;}
.othertrip table{width:100%;}
.othertrip tr{font-size:15px; 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:6px;}
.othertrip tr:hover{background:#FBF8FF; cursor:default}
.othertrip h2{font-size:14px; line-height:20px;}
.othertrip span{line-height:20px;}
.othertrip a:hover{text-decoration:none;}
.tableres3 table, .tableres3 thead, .tableres3 tbody, .tableres3 th, .tableres3 td, .tableres3 tr, .tablehalf table { 
	border-collapse:collapse;
}
.tableres3 td, .tablehalf table td { 
	border: 1px solid #EAEAEA; 
}	
@media only screen and (min-width: 40px) and (max-width: 720px) {
.tableres3 table, .tableres3 thead, .tableres3 tbody, .tableres3 th, .tableres3 td, .tableres3 tr { 
	display: block;
	border-collapse:separate;
}
.tableres3 tr:nth-of-type(1) { 
	display:none;
}
.tableres3 td:nth-of-type(2) { 
	background:#EAEAEA;
}
.tableres3 td:nth-of-type(1) { 
	display:none;
}
.tableres3 td { 
	border: none; 
	border-bottom: 1px solid #EAEAEA; 
	position: relative;
	text-align: center !important; 
	padding:4px;
}	
/*
Label the data*/
.tableres3 td:nth-of-type(1):before {content: "کد: "; color:#FFF;}
.tableres3 td:nth-of-type(3):before {content: "روز شروع: "; color:#840000;}
.tableres3 td:nth-of-type(4):before {content: "تاریخ: "; color:#840000;}
.tableres3 td:nth-of-type(5):before {content: "مدت: "; color:#840000;}
.tableres3 td:nth-of-type(6):before {content: "ظرفیت: "; color:#840000;}
.tableres3 td:nth-of-type(7):before {content: "قیمت: "; color:#840000;}

}
/*More Links*/
.related .film::before{
    font-family: "FontAwesome";
	content: "\f04b";
	font-size:40px;
	color:#FFF;
	position:absolute;
	top:40%;
	z-index:1;
	left:0;
	right:0;
	text-shadow:1px 1px 0 black;
	}
/*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{font-size:20px; line-height: 35px; color:#333333; padding:0 0 5px 0;}
.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:first-child,.tablehalf > div:nth-child(2){ width: 100%; margin: 0 0 30px; float: none;}
}

/*Tour Ejra shode k jadidesh hast*/
.linetend{background: var(--color1); padding:15px 0 15px; border-bottom: 3px dashed #F4F4F4; border-top: 3px dashed #fff;}
.linetend .main{ position:relative;}
.linetend i{color:#80FFFF; font-size:50px; text-shadow: 3px 2px 0px rgba(0, 0, 0, 0.15); float:right; padding:0px 0 0 15px; display:block;}
.linetend a{display:block;}
.linetend .right{color:#FFF; text-shadow: 3px 2px 0px rgba(0, 0, 0, 0.15); font-size:23px; float:right; margin:15px 5px 0; line-height:40px;}
.linetend .left{float:left;}
.linetend .left:hover{opacity:0.9; cursor:pointer;}
.linetend .left div:first-child{transition:linear .2s; float:right; background: var(--color2); color:#FFF; text-shadow: 3px 2px 0px rgba(0, 0, 0, 0.08); font-size:17px; margin-top:2px; padding:18px; line-height:27px; border-radius:0 5px 5px 0; font-family:"sahelB";}
.linetend:hover i{transform:rotate(10deg); transition:linear .2s;}
#triangle-left {width: 0; height: 0; border-top: 32px solid transparent; border-right: 30px solid var(--color2); border-bottom: 31px solid transparent; float:left; margin-top:2px; transition:linear .2s;}

@media only screen and (min-width: 40px) and (max-width: 930px) {
	.linetend .left, .linetend .right{float:none; clear:both; text-align:center; padding-bottom:0px;}
	.linetend .right{padding-bottom:10px; font-size:25px;}
	#triangle-left{display:none;}
	.linetend i{text-align:center; float:none; padding-bottom:5px;}
	.linetend .left div:first-child{border-radius:5px; text-align:center; float:none; margin:auto 4% auto; display:inline-block;}
	.linetend:hover i{transform:none;}
}
@media print {
    .noprint{display:none;}
}

/****** Style Star Rating Widget *****/
.stars{ min-height: 38px; margin-top: 15px;}
.stars img{width:40px; height:auto;}
.stars i{color:#F7BB06 !important;}
.stars span{font-size:13px; display:inline-block;}
span.results{font-size: 14px !important; margin:0 !important; display:inline !important; color:var(--color1);}
span.results a{ margin-right:10px; display: none;}
span.results a:hover{color:white;}
.stars.show_res .results a{ display: inline-block;}

.rating { 
	border: none;
	padding:0;
	margin:0;
  }
  
.rating > input { display: none; } 
.rating > label:before { 
margin: 3px;
font-size: 1.5em;
font-family:"Font Awesome\ 5 Free"; font-weight:900;
display: inline-block;
}
.rating > #s1, .rating > #s5{ position:relative;}
.rating > #s1:before{ content: "\f556";}
.rating > #s2:before{ content: "\f119";}
.rating > #s3:before{ content: "\f11a";}
.rating > #s4:before{ content: "\f118";}
.rating > #s5:before{ content: "\f580";}
.rating > .half:before { 
content: "\f089";
position: absolute;
}

.rating > label { 
color: #999; 
float: right;
transition: all linear .2s;
}
.tripline img{width:30px; height:auto}
/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #F6BE04;  } /* hover previous stars in list */

.rating > input:checked ~ #s5 .mouth,
.rating > input:checked ~ #s1 .l_eye,
.rating > input:checked ~ #s1 .r_eye, 
.rating:not(:checked) > #s5:hover .mouth, 
.rating:not(:checked) > #s1:hover .l_eye, 
.rating:not(:checked) > #s1:hover .r_eye,

.rating:not(:checked) > label:hover ~ #s5 .mouth, 
.rating:not(:checked) > label:hover ~ #s1 .l_eye, 
.rating:not(:checked) > label:hover ~ #s1 .r_eye{ background:#F6BE04;}


.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #F6BE04;  } 

.rating > input:checked + #s5:hover .mouth, /* hover current star when changing rating */
.rating > input:checked + #s1:hover .r_eye,
.rating > input:checked + #s1:hover .l_eye,
.rating > input:checked ~ #s5:hover .mouth,
.rating > input:checked ~ #s1:hover .r_eye,
.rating > input:checked ~ #s1:hover .l_eye,
.rating > #s5:hover ~ input:checked ~ #s5 .mouth, /* lighten current selection */
.rating > #s1:hover ~ input:checked ~ #s1 .r_eye,
.rating > #s1:hover ~ input:checked ~ #s1 .l_eye,
.rating > input:checked ~ label:hover ~ #s5 .mouth,  
.rating > input:checked ~ label:hover ~ #s1 .r_eye,
.rating > input:checked ~ label:hover ~ #s1 .l_eye{ background: #F6BE04;}

#givestar button{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: none;
	font-size:13px;
	position:relative;
	top:4px;
	color:#413F3F;
	transition:linear .2s;
	left:5px;
	border-radius:3px;
	background:#fc3;
	min-width: 120px;
	padding: 0 0 1px 0;
	float:left; 
	margin-right:15px; 
	margin-left:-5px;
	}
#wantstar{color:#413F3F; border:1px solid #fc3; transition:linear .2s; border-radius:5px; padding:5px 10px;}
#wantstar:hover{background:rgba(243,182,0,0.50); cursor:pointer;}
#givestar button:hover{background:#F3B600; cursor:pointer;}
#givestar{transition: visibility 0s, opacity 0s linear;}  

/*Submited*/
ul.boldo{list-style:none; text-align:justify;}
ul.boldo li{padding-bottom:15px;}
.notmatched{font-size:15px;}
.notmatched > div{font-size:18px; padding-bottom:20px;}
.prefactor{max-width:900px; margin:auto; padding-top:20px;}
.prefactor .others{ background: none;}
.prefactor .othertrip a{ color: #069;}
.prefactor .othertrip a:hover{ color: #508AC5;}

@media only screen and (max-width: 900px) {
	.prefactor .twotables{ display: block;}
	.prefactor .tablehalf > div{ width: 100% !important; margin: 0;}
	.prefactor .tablehalf > div:nth-child(2){ margin-top: 30px;}	
}

.payby{font-size:13px; text-align:right;}
.grayb{background:#999 !important; border-color:#666 !important; transition:.2s linear;}
.grayb:hover{background:#666 !important;}
.buynow1{font-size:16px; padding-top:5px;}
.buynow1 form{display:inline-block !important;}
.submited, #extra_msg{ padding: 20px 0; background: #f4f4f4;}

.tablesub{ width:100%; font-size:14px; margin:auto; border-collapse:collapse; margin-top:20px;}
.tablesub .flexbox{ background: #ddd; border-bottom:1px dashed #B9B9B9; align-items: center; }
.tablesub a{color:#069;}
.tablesub a:last-child{width:100% !important;}
.tablesub .rcell{ width: 200px; background:#ddd; padding:5px; text-align: right;}
.card .rcell{background:#ddd; padding:5px; max-width:50px; text-align:right;}
.tablesub .topcell{ padding:5px;}
.tablesub .lcell{ width: Calc(100% - 200px); padding: 5px 15px; background:#FFF; text-align:right;}
.submited a.button, .gotobank a.button{display:inline-block; font-size:15px; text-align:center; line-height:normal;}

.lcell input{ width: 180px; padding: 5px; border: 1px solid #ddd; border-radius: 3px;}
.editbox{ margin-left: 30px; display: none;}
.edit_bt{ margin-top: 0; background: transparent; color: var(--color1); text-shadow: none; border: 1px dashed var(--color1); font-size: 13px; line-height: 24px;}
.edit_bt:hover{ background: var(--color1); color: #fff;}
.reg_edit{ margin-top: 0; font-size: 13px; line-height: 24px; display: none; border-radius: 5px !important;}
.fl_end{ border-bottom: none !important; justify-content: flex-end;}
.fl_end .topcell{ padding: 5px 0; margin-bottom: 10px;}
.bg_trans{ background: transparent !important;}
.j_start{ justify-content: flex-start;}

@media only screen and (max-width: 900px) {
	.tablesub .rcell, .card .rcell{ width: 125px;}
	.tablesub .lcell{ width: Calc(100% - 125px);}
	.whocalls div:last-child{opacity:1 !important ;}
}
@media only screen and (max-width: 540px) {
	.tablesub .flexbox{border:none;}
	.tablesub .rcell{ border-bottom:1px dashed #E0E0E0;}
	.tablesub .rcell, .tablesub .lcell{width:100%; padding: 5px; display:block; text-align:center;}
	.editbox,.lcell input{ margin: 0;}
	.editbox span{ text-align: center; display: block;}
}
.whocalls{margin:25px auto 0; background:url(images/background/sup.png) repeat-x; padding-bottom:20px; text-align:right !important;}
.whocalls:hover img{transform:rotateY(180deg);}
.whocalls:hover div:last-child{opacity:1;}
.whocalls > div{position:relative; width:50%; margin:auto;}
.whocalls div:last-child{font-size:14px; background:#FFF; opacity:.7; transition:linear .2s; padding:5px;}
.whocalls img{border-radius:10px; width:100px; position:relative; right:-50px; top:30px; transition:linear .3s; border:3px solid var(--color1);}
.whocalls i{color:var(--color1); padding:5px; font-size:22px;}
.gotobank{font-size:15px; background:#FFF; border-top: 5px solid var(--color1);border-bottom: 5px solid var(--color1); padding:20px 10px 20px; margin-top:15px; line-height:34px;}
.gotobank span b{color:var(--color1); font-size:20px;}
.resulton b{font-size:18px; line-height:34px;}

#extra_msg > div:nth-of-type(1){ color:#333333;}
#extra_msg .main{max-width:900px; margin:auto;}
#extra_msg table{ width:100%; margin-top:20px; }
#extra_msg .headtab table span{display:block; margin-top:10px;}
#extra_msg table a{color:#069; transition:linear .2s;}
#extra_msg table a:hover{color:#004A6F;}
#extra_msg table td:first-child,#tasviye_hesab table td:first-child{ width:130px;}
#extra_msg table td,#tasviye_hesab table td{ padding:2px;}
#extra_msg .headtab table td{vertical-align:top;}
#extra_msg table td:first-child div,#tasviye_hesab table td:first-child div{ padding:5px; margin:auto; background: #393838; color: #FFF !important; font-size: 14px; text-align:right; border: 1px solid #4b4a4a; border-radius: 3px; text-shadow: 1px 1px 1px #000000; }
#extra_msg table td:last-child div,#tasviye_hesab table td:last-child div{ padding:5px; border:1px solid #EBEBEB; border-radius:3px; font-size: 14px; background:#FFF;}
#extra_msg .headtab table i{color:#F90; font-size:18px; padding-left:5px;}
#extra_msg .headtab table input.wide{max-width:350px;}
#extra_msg .headtab table textarea{width:600px !important;}
#extra_msg .headtab table tr .rowwide div{border:none; border-bottom:1px dashed #666 !important; color:#333 !important; text-shadow:none !important; border-radius:0; background:none; font-size:16px; margin:5px 0 5px;}
@media only screen and (max-width: 400px) {
	#extra_msg table td:first-child{ width:100% !important; margin-left:0 !important;}
	#extra_msg table td{ display: block; padding:0;}
	#extra_msg table td:first-child{ border-bottom:none !important; }
	#extra_msg table tr{ border-bottom:10px solid #fff;}
	#extra_msg table td:first-child div,#tasviye_hesab table td:first-child div{ border-radius: 3px 3px 0 0;}
	#extra_msg table td:last-child div,#tasviye_hesab table td:last-child div{ border-radius:0 0 3px 3px; border-top:none;}
}

.other_info{ width:100%; margin:10px 0 20px;}
.other_info td{ padding:5px; text-align:center; border:1px solid #ccc;}
.other_info tr:first-child{ background:#393838;color: white;}
.other_info tr:nth-child(2) td{ background:white;}
.other_info tr:first-child td{ padding:2px 5px;}
.other_info td input{ width:100%; height:33px; padding:5px; border:1px solid #ccc;}
.other_info .en_font{ font-family:tahoma;}
.specs{ background:var(--color1); padding:5px;}
.oftr td{ width:12%;}
@media only screen and  (max-width: 700px){
	.other_info td, .other_info tr, .other_info tbody{ display:block;}
	.other_info tr{ margin-bottom:10px;}
	.other_info tr:first-child{ display:none;}
	.other_info td:before{display: block;background: black;padding:5px 10px;color:white}
	.other_info td:nth-child(1):before{ content:"جنسیت: ";}
	.other_info td:nth-child(2):before{ content:"نام: ";}
	.other_info td:nth-child(3):before{ content:"نام خانوادگی: ";}
	.other_info td:nth-child(4):before{ content:"کد ملی: ";}
	.other_info td:nth-child(5):before{ content:"تلفن همراه: ";}
	.other_info td:nth-child(6):before{ content:"ایمیل: ";}
	.other_info td:nth-child(7):before{ content:"تولد: ";}
	.other_info select,.other_info input,.other_info td div{margin-top: 5px;}
	.oftr td{ width:auto;}
}
#hamrahan button[type=submit]{ background: #43bc61; display: inline-block; padding: 5px 15px 5px; color: WHITE; text-shadow: 1px 1px 1px #333; border-radius: 3px; margin-top: 20px; transition: linear .2s; border: solid 1px #2E9447;}

/* majid wagreements */
.butt_close{ padding: 5px 15px 5px; color: #DF0000; background:#fff; font-size: 13px; border: 1px solid #DF0000;  border-radius: 5px !important; transition:all 0.2s linear; }
.butt_close:hover{ color: #FFFFFF !important; text-shadow: 1px 1px 1px #333333; background: #DF0000; border: 1px solid #DF0000;}
.form_mrg{ margin:40px 0 20px 0;}
.matn{ padding-right:10px; font-size:14px; text-align:justify; }

/* majid about */
.mw700{ max-width:700px !important;}
.matn_about{ 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;}

/* majid wtourtype */
.box_type img{ max-width:100%; margin:10px auto; display:block;}
.box_type .imgtop{width:100% !important; max-width:700px !important;}

/* majid FAQ */
#ask{ padding:15px; text-align:justify; color: #069; font-size:16px;} 
#ask a{ line-height:35px; }
#ask a:hover{ color: var(--color1);}
#ask > div > a{ color: #069; }
#ask > div > i{ padding-left:5px; color:var(--color1); position:relative; top:1px;}
.titr_2{ margin:15px 0 5px 0; display:block; color: #069; font-size: 16px; }
.titr_2 i{ position:relative; top:1px; color:var(--color1);}
.matn{ padding-right:10px; font-size:14px; text-align:justify; }
.top_bt{ padding-bottom:5px; text-align:left; border-bottom:1px solid #E5E5E5;}
.top_bt a, .top_bt a:hover{color:white !important;}
.angle_up{ margin:0 0 20px 10px; color:#fff;}
.angle_up i{ width:25px; height:25px; line-height:23px; background:var(--color1)6b; font-size:16px; text-align:center; border-radius:50%; transition:all .3s linear;}
.angle_up i:hover{ background:var(--color1);}
@media only screen and (min-width: 40px) and (max-width: 600px) {
	.top_bt{ text-align:center;}	
}

/*_______________ news comment ________________________*/
#comment2{ margin:10px auto;}
#comment2 #matlab_comm2{ margin-bottom:0;}
#comment_box{ overflow:hidden; transition:all linear .6s;}
#cm_curtain{ margin:10px auto auto; border-bottom:none; background:rgba(249,249,249,0.6);}
#cm_curtain b{ border-radius:3px; display:inline-block;}
#cm_curtain b:hover{ opacity:0.7;}
#matlab_comm2{ padding: 30px 0px; margin-bottom: 30px; background: #f9f9f9; border: 1px solid #e5e5e5; border-radius: 10px;}
#matlab_comm2 .container{ padding: 0 20px;}
.comment2{ margin-bottom: 20px; line-height: 15px; position: relative; }
#comment_header2{ margin-bottom: 20px; color: #444444; font-size: 20px; font-family: sahelB; line-height: 30px; padding-right:20px;}
.comm_box2{ margin-top: 20px; padding: 10px 5px; background: #FFF; font-family: sahel; border: 1px solid #ededed; border-radius: 5px; }
.comment_info2{ padding: 5px 25px 5px 5px; color: #aaaaaa; border-bottom: 1px dotted #ededed; font-size: 13px; position: relative; }
.comment_info2 i{ margin-right: 10px; color: #a6a6a6; display: inline-block; }
.comm_img2{ margin: auto !important; font-size: 21px !important; color: var(--color1) !important; text-align: center; position: absolute; right: 5px; top: 0px; }
.comment_info2 div{ display: inline-block; padding-bottom:5px;}
.comment_info2 div:first-child{ padding-left: 3px; }
.comment_txt2{ padding: 5px 10px; font-size: 15px; color: #444444; line-height: 35px; text-align: justify; text-justify: auto; }
.comment_ans2{position: relative; margin-right:20px;}
.comment_ans2 .comm_box2{ margin-top: 2px; }
.ans_img2{ margin: auto !important; font-size: 21px !important; color: #CCCCCC !important; text-align: center; position: absolute; right: 5px; top: 0px; }
.comm_reply2{ padding: 0 10px; color: #aaaaaa; line-height: 30px; font-size: 15px; display: inline-block; cursor: pointer; transition: all .2s linear; }
.comm_reply2 i{ margin-left: 2px; }
.comm_reply2:hover{ color: var(--color1);}
/******* form ersale nazar **********/
#comform_header2{ margin: 15px 0 15px 0; color: #444444; font-family: sahelB; font-size: 18px; line-height: 30px;}
#comform_header2 span{font-size: 13px; color:#9D9B9B; font-family: sahel;}
#cancel_reply2{ padding: 0px 10px 0px 0px; color: #ff4f4f; cursor: pointer; font-size: 14px; display: none; transition: all .3s linear; }
#cancel_reply2:hover{ color: #b91217; }
#comment_form2 ul{ font-size: 0; padding: 0; margin: 0; }
#comment_form2 li{ width: 50%; height: 45px; line-height: 45px; padding: 0 5px; margin-bottom: 10px; font-size: 14px ; color: #767676; display: inline-block; position: relative; z-index: 2; }
#comment_form2 li:nth-child(1){ width: 100%; height: 150px; }
#comment_form2 li:nth-child(2){ float:right;}
#comment_form2>ul>li:nth-last-child(2){ width: 66.666%; height: 165px; }
#comment_form2>ul>li:nth-last-child(1){ width: 33.333%; height: 165px; overflow: hidden; }
#comment_form2 li span{ line-height: 43px; background: #f9f9f9; position: absolute; top: 1px; right: 10px; display: block; transition: all .3s linear; z-index: -1; }
#comment_form2 li.ans_li span{ background: #fff; }
#comment_form2 li span i{ font-size: 10px; }
#comment_form2 li span.no_place{ padding: 0 5px; line-height: 20px; font-size: 12px; color: #b7b7b7; top: -10px; z-index: 2; }
#comment_form2 input,#comment_form2 textarea{ width: 100%; height: 45px; padding: 2px 5px; border: 1px solid #e2e2e2; border-radius: 5px; font-family: sahel; font-size: 14px; background: transparent; display: block; position: relative; z-index: 1; }
#comment_form2 textarea{ height: 150px; resize: none; }
#comment_form2 .ltr{ font-family: Tahoma !important; }
#matcom_sub2{ text-align: left; padding: 0 0 10px 5px; }
#matcom_sub2 input[type="submit"]{ width: 150px; margin-top: 25px; padding: 0px 30px; font-size: 15px; border-radius: 3px; font-family: sahel; text-shadow: 0px 1px 3px #000; background: var(--color3); border: none; color: #FFFFFF; cursor: pointer; transition: all .3s linear; display: inline-block; }
#matcom_sub2 input[type="submit"]:hover{ background: #0a926b;}
#matcom_sub2 #pasokh_sub2{ display: none; }
@media only screen and (max-width: 600px) {
	#comment_form2 li{ width: 100%;}
	#matcom_sub2{ text-align: center;}
}

/**********catalogue**********/
#catalogue{ margin: 20px auto;}
#cata_box{ background-image: linear-gradient(to left, #e9f0f9, #f0f3fb, #f6f7fc, #fbfbfd, #ffffff); position:relative; margin: 10px 90px auto 10px; border-radius: 10px;}
.cat_txt{ padding: 40px 40px 40px 0; font-size: 40px; color:white; align-items: center;}
.cat_txt .txt{ margin-top: 15px; color: #878988; font-size:15px; line-height:25px; display: block;}
.txtbox{ width: Calc( 100% - 300px); padding: 0 50px 0 15px; margin-right: auto; border-right: 5px solid #fff;}
.txtbox h3{ margin: 0; color: #333; font-size: 30px; line-height: 45px; font-family: "sahelB";}
.cat_img{ width: 115px; height: 115px; border-radius: 50%; background: #fff;  position: absolute; right: -90px; top: 0; bottom: 0; margin: auto; display: flex; align-items: center;}
.cat_img img{ max-width: 70px; width: 100%; margin: auto; display: block;}
.endbox2{ background: #333; max-width: 250px; width: 100%; display:inline-block; border-radius: 10px; transition: all linear .2s;}
.endbox2 a{ padding: 12px; font-size: 16px; color: #fff !important; opacity: 1 !important; text-shadow: 1px 1px 1px #333; text-align: center; border-radius: 50px; display: block;}
.endbox2:hover{ background: var(--color1);}
@media only screen and  (max-width: 768px){
	#cata_box{ margin: 100px 10px 10px;}
	.cat_img{ top: -80px; left: 0; right: 0; bottom: inherit;}
	.cat_txt{ padding: 65px 20px 20px;}
	.txtbox{ width: 100%; padding: 50px 0 20px; text-align: center; border-top: 5px solid #fff; border-right: none;}
	.endbox2{ margin: auto;}
}

/***************************************************** footer *****************************************************/
footer{ background: #f4f4f4; color: #333; border-top: 1px solid #ccc; font-size: 14px; line-height: 24px;}
#foot_column{ padding: 20px 0; align-items: flex-start; border-bottom: 1px solid #ddd;}
#foot_column > div{ width: 20%; max-width: 360px; padding-left: 30px;}
#foot_column > div:first-child{ width: 40%;}
#foot_column > div b{ margin-bottom: 15px; font-size: 16px; display: block;}
#foot_column > div div{ padding: 3px 0;}
#foot_column > div > a{ color: #333; display: block;}
#foot_column > div a:hover{ color: var(--color1);}
#foot_column > div i{ margin-left: 5px; color: var(--color1); font-size: 11px; vertical-align: middle;}
#foot_column .i_scale{ transform: scalex(-1);}
#foot_column .enamad{ padding: 0; margin-right: auto;}
#foot_column .enamad img{ width: 70px; margin-right: auto;}
#foot_column > div a{ color: #333;}

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

@media only screen and (max-width: 768px){
	#foot_column > div{ width: 50% !important; max-width: 100%; padding-left: 20px; margin-bottom: 20px;}
	#foot_column .enamad img{ margin-right: initial;}
	footer .copyright .left,footer .copyright .right{width: 100%;}
}
@media only screen and (max-width: 500px){
	#foot_column > div{ width: 100% !important; padding: 0; text-align: center;}
	#foot_column > div div > a{ max-width: 200px; padding: 7px; margin: auto; border: 1px solid #ddd; border-radius: 5px; display: block;}
	#foot_column > div div .no_res{ padding: 0; border: none; display: inline-block;}
	
	#foot_column .enamad img{ margin: auto;}
}
/**** end footer ****/