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

::-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:#009B00;} .orange{color:#f7941e;}
/*** End Default CSS ***/
	
html,body{ width:100%; height:100%; padding:0px; margin:0px; line-height:25px; font-family:'samim'; font-size:15px; color:#333; direction:rtl;}
*{ box-sizing:border-box; text-decoration:none;}
a, button{ transition:all linear 0.2s; cursor:pointer;}
.mainbox{ max-width: 1100px; margin:auto; padding: 0 32px;}
@media only screen and (min-width:1400px){
	.mainbox{ max-width: 1300px;}
}
.flexbox, .flexbox2{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap;}
.en_font{ font-family:tahoma !important;}
.more{ width:100px; padding: 6px; margin:auto; font-size:13px; background: #0061e3; color:#fff; text-align:center; text-shadow: 1px 1px 0px rgba(99,99,99,0.8); border-radius: 5px; border: none; display:block; transition:all linear .2s;}
.more:hover{ background:#fe6f07;}
#hide_overflow { position: relative; overflow: hidden;}
b,strong{ font-family:'samimBold';}

#navigator{ padding:75px 32px 20px; color:#333; font-size:13px;}
#navigator i{ padding:0 5px; color:#fe6f07; vertical-align:middle; text-shadow:none;}
#navigator a{ color:#333; transition:all linear 0.3s;}
#navigator a:hover{ color:#fe6f07 !important;}
#navigator.mainbox{ background:transparent; box-shadow:none; border:none;}

/*** header ***/
header{ width:100%; background:#FFFFFF; z-index:222;}
header #top_line{ padding:5px 0; background:#0061e3; text-shadow:1px 1px 1px rgba(0,0,0,.5);}
header #top_line .mainbox{ display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap;}
header #top_line #top_socials a{ margin-left:5px; color:#fff; font-size:15px; transition:all linear 0.2s;}
header #top_line #top_socials a:hover, header #top_line .manshor:hover,header #top_line .otherlink a:hover{ color:#fe6f07; text-shadow:none;}
header #top_line #top_socials i{ vertical-align:middle;}
header #top_line .otherlink{ margin-right:auto;}
header #top_line .otherlink i{ font-size:13px; position:relative; top:2px; left:2px;}
header #top_line .otherlink a{ color:#fff;}
header #top_line .otherlink .manshor{ color:#fff; font-size:11px; transition:all linear .2s;}
header #top_line .otherlink .manshor:after{ content:"|"; padding:0 7px;}
header .greenline{ height:32px; background:#0061e3;}
header #down_tab .flexbox2{ padding:0 32px; background:#fff; box-shadow: 0 6px 8px -6px rgba(0,0,0,.4); position:relative; z-index:200; align-items:center;}
header #down_tab .flexbox2 img{ width:85px; margin-left:20px; display:block;}
header #down_tab .tel{ direction:ltr; display:none;} 
header #down_tab .tel a{ color:#333; display:inline-block;}
header #down_tab .tel i{ color:#fe6f07; transform:rotate(100deg);}
header #menu{ text-align:center;}
header #menu ul{ padding:0; margin:0; font-size:0;}
header #menu > ul > li{ font-size:13px; display:inline-block;}
header #menu > ul > li i.fa-home{ position:relative; top:-2px; padding-left:5px;}
header #menu > ul > li > a{ padding:30px 15px; color:#333; font-family:'samimBold'; border-bottom:3px solid transparent; display:block; transition:all linear 0.3s;}
header #menu > ul > li:hover > a{ color:#fe6f07;}
header #menu > ul > li:hover > ul{ opacity:1; visibility:visible; /*transform:scaleX(1);*/}
header #menu > ul > li a.active{ color:#fe6f07; position:relative;}
header #menu > ul > li a i{ vertical-align:middle;}
header #menu ul ul{ width:100%; padding:5px; margin:auto; background:#0061e3; position:absolute; top:100%; left:0; right:0; opacity:0; visibility:hidden; transition:all linear 0.3s; /*transform:scaleX(0);*/ z-index:100;}
header #menu ul ul li{ width:33.33%; font-size:12px; display:block; position:relative;}
header #menu ul ul li a{ display:block; transition:all linear .2s;}
header #menu .trip_type{position:absolute; bottom:0; right:0; left:0;}
header #menu ul ul li .trip_type a{ margin-top:10px; color:#fff; font-size:15px; font-family:'samimBold'; padding:10px; background:rgba(0, 0, 0, 0.35); text-shadow:1px 1px 1px black;}
header #menu ul ul li .trip_type a:hover{ opacity:0.6;}
header #menu ul ul li .trip_type i{ margin-left:3px; color:#fe6f07; font-size:12px; vertical-align:baseline;}
header #menu ul ul li .trip_img{ width:100%; height:200px; background-size:cover !important; background-position:center !important;}
header #menu ul ul li .trip_img:hover{ opacity:0.6;}
header #menu ul ul li:last-child{ margin-left:0;}
header .head_tel{ padding-right:15px; margin-right:auto; font-size:16px; direction:ltr; color:#fff; display:inline-block; position:relative; top:-1px;}
header .head_tel i{ color:#fe6f07; font-size:14px; transform:rotate(100deg); position:relative; top:-1px;}
header .head_tel a{ color:#333; font-family:'samimBold'; transition:all linear 0.2s;}
header .head_tel a:hover{ opacity:0.7;}
#menu_bar{ line-height: 40px; background:#0061e3; color:#fff; font-size:30px; text-align:left; text-shadow:1px 1px 2px #444; display:none; cursor:pointer;}
#socialsbox div{ width:200px; height:48px; margin-bottom:7px; background:rgba(255,255,255,0.2); font-family:'tahoma'; position:fixed; top:230px; left:-152px; transition:all linear 0.6s; z-index:9999;}
#socialsbox div:last-child{ top:285px;}
#socialsbox div:hover{ background:rgba(255,255,255,1); left:0;}
#socialsbox div a{ color:#333; display:block;}
#socialsbox div i{ width:48px; line-height:48px; color:#fff; font-size:25px; text-align:center;}
#socialsbox div:first-child i{ background:#2fa7db;}
#socialsbox div:last-child i{ background:#d9417d;}
#socialsbox div span{ padding-left:5px; line-height:48px; float:left; display:inline-block;}

@media only screen and (max-width:1024px){
	header #down_tab .logo_txt{ display:none;}
}
@media only screen and (min-width:881px){
	header #menu{ display:block !important;} 
}
@media only screen and (max-width:880px){
	header .greenline{ height:auto;}
	header #down_tab .flexbox2{ display:block;}
	header #down_tab .flexbox2 img{ margin:10px auto;}
	header #down_tab .tel{ width:95%; padding:8px 5px 5px; margin:auto auto 10px; background:#f6f6f6; text-align:center; font-family:"samimBold"; border:1px solid #e6e6e6; display:block;}
	header #down_tab{ background:#fff; border:none;}
	header #down_tab .mainbox{ padding:0;}
	header #f_search{ display:none;}
	header #menu{ display:none; float:none;} 
	header #menu .mainbox{ padding:0;}	
	header #menu ul li{ display:block;}
	header #menu ul li a{ text-align:center;}
	header #menu > ul > li{ border-bottom:1px solid #676767;}
	header #menu > ul > li > a{ padding:13px 20px; border:none;}
	header #menu > ul > li:last-child{ border-bottom:none;}
	header #menu ul ul{ position:static; visibility:visible; opacity:1; display:block;}
	header #menu ul ul li{ width:100%; margin:0 !important;}
	header #menu ul ul li a{ border-bottom:none;}
	header #menu ul ul li:last-child .trip_type a{ margin-bottom:0}
	header #menu ul ul li .trip_img{ display:none;}
	header #menu > ul > li:hover > a{ background:transparent;}
	header #menu > ul > li a.active{ border:none;}
	header #menu > ul > li a.active:before{ content:"";}
	header #menu .trip_type{position:static;}
	header #menu ul ul li .trip_type i{ font-size: 10px; color: #fff;}
	header #menu ul ul li .trip_type a{ margin-top:0; background:transparent; font-size:13px; font-family:samim; text-shadow:1px 1px 0px rgba(99,99,99,0.8);}
	header #menu ul ul li .trip_type a:hover{ opacity:1;}
    header #menu ul ul{ background:#0061e3;}
	header .site_info{ float:none;}
	header .site_info img{ height:70px; margin: 5px auto; float:none;}
	header .slogan{ padding:0 10px; text-align:center; float:none;}
	header .f_number{ padding: 17px 0 13px 0; line-height:40px; text-align:center; float:none; display:block;}
	header #menu_bar{ margin: 0 auto; text-align:center; display:block; float:none;}
	header .f_number div:last-child{text-align:center;}
	header #top_line, #socialsbox, header .head_tel{ display:none;}
}
/***end header***/

/** slider **/
.topbg{ background: #fbfbfb;}
#slidebox{ padding: 75px 0 0;}
#indexSlider,#indexSlider2,#indexSlider3{ width: Calc(100% - 400px); height: 540px; padding-bottom: 20px; background: #eee;}
.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: "lalezar"; font-size: 20px; line-height: 33px; 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:lalezar;}
#indexSlideBox2 .title h2,#indexSlideBox3 .title h2{ color: #333; font-size: 25px; line-height: 38px;}
#indexSlideBox .title span{ width:100px; margin-top:20px; background:#0061e3; 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; }
#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: 10px; 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: 260px;}
.indexSlideImg2,.indexSlideImg3,#indexSlideBox2,#indexSlideBox3{ height: 260px;}
#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){
	#slidebox{ padding: 20px;}
	#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;} 
}
@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:30px; line-height:40px;}
	#indexLeftSlide{ width:30px; left: 0; }
	#indexRightSlide{ width:30px; right: 0; }
	#indexSlideBox .title a{ font-size:23px;}
}
 
/** next trip **/ 
#next_trip{ padding:80px 0;}
.sec_title{ padding: 0px 0 30px; line-height: 35px; text-align: center; font-size: 25px; font-family: 'samimBold';}
.sec_title span{ position:relative;}
.sec_title span:before, .sec_title span:after, #banner h1:before, .info h1:before, #RightBox .RightMain > div:last-child h2:before, .coverinfo .infotr h1:before{ content:""; width:16px; height:3px; background:#fe6f07; position:absolute; right:-25px; top:0; bottom:0; margin:auto; display:block;}
.sec_title span:after{ left:-25px; right:auto;}
.sec_main .sec_title span:after{ display:none;} 
#trip_tab, #tourlist_tab{ line-height: 20px; text-align: right;}
#trip_tab i, #tourlist_tab i{padding-left:5px;}
#trip_tab ul, #tourlist_tab ul{ padding:0; margin:0; font-size:0; text-align:center;}
#tourlist_tab ul li{ text-align:center;}
#trip_tab ul li, #tourlist_tab ul li{ margin-left:5px; font-size:14px; display:inline-block;}
#trip_tab ul li a, #tourlist_tab ul li a{ min-width:225px; padding: 10px 15px; background:#0061e3 ;text-shadow:1px 1px 0px rgba(99,99,99,0.8); color:#fff; border:2px solid #0061e3; border-bottom:none; display:block; transition:all linear 0.2s; cursor:pointer; position:relative; bottom:-5px;}
#trip_tab .tour_plan, #tourlist_tab .each_tab{ border: 2px solid #0061e3; padding:15px; display:none; z-index: 2; position: relative; background:#FFFFFF; border-right:none; border-left:none;} 
#trip_tab #second_box, #tourlist_tab #first_box{ display:block;}
#trip_tab .tour_plan div:first-child, #trip_tab .tour_plan div:nth-child(2){ padding:8px 2px; color:#333; font-size:13px;}
#trip_tab .tour_plan div:first-child{ font-family:"samimBold"; font-size:16px; max-width:100%; margin:auto;}
#trip_tab .tour_plan table, #tourlist_tab .each_tab table{width:100%; margin-bottom:20px; margin:auto; padding:20px;}
#trip_tab .tour_plan table td, #tourlist_tab .each_tab table td, #other_trip tr td{ padding:7px; line-height:25px; font-size:13px; border-bottom:1px solid #ccc;}
#trip_tab .tour_plan table tr:last-child td, #tourlist_tab .each_tab table tr:last-child td, #other_trip tr:last-child td{ border-bottom:none;} 
#trip_tab .tour_plan table td:last-child, #tourlist_tab .each_tab table td:last-child, #other_trip td:last-child{ border-left:none;}
#trip_tab .tour_plan table td a, #tourlist_tab .each_tab table td a, #other_trip td a{ color:#316087; display:block; transition:all linear 0.3s;}
#trip_tab .tour_plan table td:hover a, #tourlist_tab .each_tab table td:hover a, #other_trip td:hover a{ color:#1C3E93;}
#trip_tab .tour_plan table tr:first-child td, #tourlist_tab .each_tab table tr:first-child td, #other_trip tr:first-child td{ padding:5px; color:#fe6f07; font-size:14px; font-family:samimBold; background:white; white-space:nowrap;}
#trip_tab .tour_plan table tr:nth-child(2n-1), #tourlist_tab .each_tab table tr:nth-child(2n-1), #other_trip tr:nth-child(2n-1){ background:#f4f4f4;}
#trip_tab .tour_plan table tr, #tourlist_tab .each_tab table tr, #other_trip tr{ transition:all linear 0.3s;}
#trip_tab .tour_plan table tr:hover, #tourlist_tab .each_tab table tr:hover, #other_trip tr:hover{ background:#E4E4E4;}
#trip_tab .tour_plan table td:nth-child(3), #trip_tab .tour_plan table td:nth-child(4), #trip_tab .tour_plan table td:nth-child(5),#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;}
#trip_tab .tour_plan table td:nth-child(4) span, #tourlist_tab .each_tab table td:nth-child(4) span, #other_trip td:nth-child(4) span{ direction:ltr; display:inline-block;}
#trip_tab .active, #tourlist_tab .active{ background:#FFFFFF; color:#0061e3; text-shadow:none; z-index:3; font-family:samimBold; } 
#trip_tab .active i, #tourlist_tab .active i{position:absolute; font-size:28px; top:-23px; right:5px; background:white; border-radius:50%; padding:5px; color:#fe6f07;} 
@media only screen and  (max-width: 990px){
	#trip_tab ul li a{ min-width:inherit;}
}
@media only screen and  (max-width: 700px){
	#trip_tab .tour_plan{ display:block;}
	#trip_tab ul li{ margin:0 0 5px 0; display:block;}
	#trip_tab ul li a{ cursor:auto;}
	#trip_tab{ width:100%; margin:0 0 20px 0; float:none;}
	#trip_tab .active{ background:#3A3A3A;}
	#trip_tab .tour_plan{ text-align: center; display:block !important; border:none;}
	#trip_tab .tour_plan:before{ content: attr(title); padding:12px 10px; background:#0061e3; color:#fff; font-family:"samimBold"; font-size:17px; text-shadow: 1px 1px 2px #000; text-align:center; display:block;}
	#trip_tab .tour_plan div:first-child{ display:none;}
	#trip_tab ul{ display:none;}
}
@media only screen and  (max-width: 540px){
	#tourlist_tab ul li{ width:100%;}
	#tourlist_tab ul li a{ min-width:inherit; width:calc(100% - 15px); margin:auto;}
	#trip_tab .tour_plan{ padding-top:0; margin-bottom:10px; background:#0061e3;}
	#trip_tab .tour_plan p.txt{ color: #fff; text-shadow: 1px 1px 2px #000;}
	#trip_tab .tour_plan, #tourlist_tab .each_tab{ padding: 15px 0;}
	#trip_tab .tour_plan table, #tourlist_tab .each_tab table{ width:98%; margin:auto;}
	#trip_tab .tour_plan table tr:first-child, #tourlist_tab .each_tab table tr:first-child{ display:none;}
	#trip_tab .tour_plan table tr, #tourlist_tab .each_tab table tr{ margin-bottom:5px; background:#f4f4f4 !important; display:block;}
	#trip_tab .tour_plan table tr td, #tourlist_tab .each_tab table tr td{ text-align:center; border:none; display:block;}
	#trip_tab .tour_plan table tr td:first-child, #tourlist_tab .each_tab table tr td:first-child{ padding:5px; background:#373737; color:#fff; font-size:15px; text-shadow:1px 1px 2px #000;}
	#trip_tab .tour_plan table tr td:before, #tourlist_tab .each_tab table tr td:before{ padding-left:5px; font-family:samimBold;}
	#trip_tab .tour_plan table tr td:nth-child(2), #tourlist_tab .each_tab table tr td:nth-child(2){ color:#333; font-size:14px;}
	#trip_tab .tour_plan table td a, #tourlist_tab .each_tab table td a{ color:#316087;}
	#trip_tab .tour_plan table tr td:nth-child(3):before, #tourlist_tab .each_tab table tr td:nth-child(3):before{ content:"مدت زمان:";}
	#trip_tab .tour_plan table tr td:nth-child(4):before, #tourlist_tab .each_tab table tr td:nth-child(4):before{ content:"تاریخ رفت و برگشت:";}
	#trip_tab .tour_plan table tr td:nth-child(5):before, #tourlist_tab .each_tab table tr td:nth-child(5):before{ content:"ظرفیت:";}
}
/** end next trip **/ 

/*special tours*/
#specials .sec_title{ padding:0px 0 10px;}
.interest_txt{ text-align:center; margin-bottom:20px; font-size:14px; line-height:30px;}
#specials{ padding:0 0 80px;}
#specials .spec_box{ min-height:250px; padding:15px 20px; margin-bottom:30px; background-size:cover !important; background-position:50% 50% !important; color:#fff; font-size:0;}
#specials .spec_main .spec_box:last-of-type{ margin-bottom:0;}
#specials .spec_box h2{ padding-bottom:15px; font-family:"samimBold"; text-shadow:1px 1px 1px #333; border-bottom:2px solid #fe6f07; display:block;}
#specials .spec_box h2 a{ color:#fff; font-size:25px; line-height:35px; display:inline-block; transition:all linear 0.2s;}
#specials .spec_box:hover > h2 a{ color:#fe6f07;}
#specials .spec_box h2 span{ padding: 10px 10px 0 0; color:#fff; font-size: 15px; display:inline-block;} 
#specials .spec_box .tour_num{ padding:15px 0; font-family:"samimBold"; font-size:16px; line-height:25px; text-shadow:1px 1px 1px #333;}
#specials .spec_box .buttonc{ width:auto; min-width:150px; padding:7px 5px; margin:0 0 5px 5px; text-align:center;}
#specials .spec_box .buttonc:last-of-type{ background:#6c6c6c; text-shadow:none;}
#specials .spec_box .buttonc:last-of-type:hover{ background:#373737;} 

/*Why*/
.why{ padding:80px 20px 80px; color:#222; background: #f4f4f4 url(images/background/us.jpg); background-size:cover !important; background-position:center !important; background-attachment:fixed !important;}
.why .mainbox{ padding:80px 15px 30px; background:rgba(255,255,255,0.75); }
.why .sec_main{ max-width:1000px; margin:auto; padding:10px;}
.sec_main .sec_title{ padding:5px; font-size:15px; line-height:30px; text-align:right; display:inline-block;}
.sec_main .sec_title i{color:#fe6f07; padding-left:10px; padding-right:10px;}
.sec_main .sec_title span:before{height:10px; width:10px;}
.sec_main .sec_title b{ color:#fe6f07;}
.sec_main .whytxt{ margin-bottom:60px; padding:10px; transition:linear .2s;}
.sec_main p{ font-size:14px; line-height:30px;}
.why .whytxt:hover{background:rgba(255,255,255,0.5);}
@media only screen and (max-width:768px){
	.why{ background-position:70% 50% !important; background-attachment:scroll !important;}
}
@media only screen and (max-width:450px){
	.why{ padding:110px 20px 80px;}
}

/**** tour ****/
.linetend{ padding: 100px 0 50px; background: linear-gradient(to left, #fe6f07, #ff7482, #ffa6d3, #fcd8fc, #ffffff)}
.linetend > div > div{ width: Calc(100% - 280px);  color: #fff; font-size: 25px; line-height: 40px; font-family: "samimBold"; text-shadow: 1px 1px 1px #333;}
.linetend > div > div i{ margin-left: 5px; color: #fff; font-size: 35px;}
.linetend .next_trip{ padding: 15px; margin-right: auto; background: #269E76; color: #fff; font-size: 18px; font-family: "samimBold"; border-radius: 5px; text-shadow: 1px 1px 1px #333;}
.linetend .flexbox{ align-items: center;}
.next_trip i{ margin-right: 5px;}
.next_trip:hover{ background: #1c8562;}

#tour_bg{ padding:50px 15px 50px; background:#f4f4f4;}
#tour_bg .mainbox, .bg_gray .mainbox, .bg_gray .newsbody{ padding-top:20px; padding-bottom:20px; background:#fff; box-shadow: 0 6px 8px -6px rgba(0,0,0,.4); border: 1px solid #e1e3e4;}
#tour_bg .mainbox{ padding-top:0;}
@media only screen and (max-width:880px){
	#tour_page #navigator{ padding: 20px 0;}
	.linetend{ padding: 50px 0 50px;}
}
@media only screen and (max-width:700px){
	.linetend > div > div{ width: 100%;}
	.linetend .next_trip{ margin: 20px 0 0;}
}

#tripBanner{ height:400px; background-position:center !important; background-size:cover !important; position:relative;}
#tripBanner .info h1{ position:relative; padding:10px; margin:20px 0 10px; background:rgba(0,0,0,0.3); color:#fff; font-family:"samimBold"; font-size:23px; line-height:33px; text-shadow:1px 1px 1px #000; display:inline-block;}
#tripBanner .info h1 span{ padding-right:5px; font-family:samim; font-size:13px; display:inline-block;}
#tripBanner .info .details{ font-size:14px; padding:5px; background:rgba(0,0,0,0.3); color:#fff; text-shadow:1px 1px 1px #000; display:inline-block;}
#tripBanner .info .details .green{ background:rgba(29,162,64,.5); padding:3px 10px; color:white; font-size:12px;}
#tripBanner .info .details .red{ color:#ec2626;}
#tripBanner .bann_on{ width: max-content; padding: 7px 10px; background: #269E76; display: block;}
#tripBanner .bann_on:hover{ background: #1d8764;}
@media only screen and (max-width:1400px){
	#tripBanner #capacity{ left:150px;}
}
@media only screen and (max-width:768px){
	#tripBanner #capacity{ left:20px;}
}
#tourline{ padding:10px; line-height:30px; font-size:0; background:#e5f2ff;}
#tourline h1{ padding-left:7px; line-height:36px; font-family:'samimBold'; font-size:19px; display:inline-block;}
#tourline .title{ padding-right:0; background:none; font-size:13px; border:none;}
#tourline .title:before{ content:"/"; padding-left:7px; color:#676767; font-size:13px; vertical-align:middle;}
#tourline > span{ line-height:38px; padding:0 5px; margin:0 0 0px 5px; background:#fff; font-size:13px; border:1px solid #c6e3ff; vertical-align:top; display:inline-block;}
#tourline span.code, #tourline span.date{ color:#767676;}
#tourline a{ padding:0 7px; line-height:36px; font-size:14px; background:#ff8a00; color: #fff; text-shadow: 1px 1px 2px #000; border: 1px solid #ff8a00; float:left; display:inline-block; transition:all linear 0.3s;}
#tourline a:hover{ background: #4DB300; border: 1px solid #4DB300;}
#tourdetail{ margin:20px 0 30px;}
#tourdetail:after,#direction .commonBox:after, #tourline:after{ content:""; clear:both; display:block;}
#tourdetail #tour_pic{ width:100%; height:400px; background-size:cover !important; background-position:center !important; background-repeat:no-repeat; border-radius:5px; float:right;}

/*album*/
#album_box{ position:relative; overflow:hidden;}  
#galleryBox{ padding:0; margin:auto; font-size:0; text-align:center; transition: all .5s linear; white-space:nowrap;}
#galleryBox:after{ content:''; clear:both; display:block;}
#galleryBox li{ height:200px; 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;}
#galleryBox 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;}
#galleryBox li:hover{ /*-webkit-filter: grayscale(0);  Safari 6.0 - 9.0 filter: grayscale(0);*/ opacity:0.7;}
#galleryBox li:hover:before{ visibility:visible; opacity:0.8;}
#galleryBox li:hover:after{ visibility:hidden; opacity:0;}
#galleryBox li > div{ width:100%; height:100%; border:6px solid #fff; border-left:none;}
#galleryShow{ max-width: 100%; max-height: 100%; padding:0 10px 10px 10px; background: rgba(0,0,0,.88); position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; transform-origin: 50% 0; opacity: 0; visibility: hidden; transition: all .5s linear; z-index: 9999; }
#galleryShowClose{ padding:10px 50px; color: #FFF; font-size: 30px; line-height: 30px; cursor: pointer; transition: all .3s linear; position:relative; z-index:13;}
#galleryShowClose:hover{ opacity:0.5;}
#galleryShowImg{ overflow: hidden; margin-top: 5px; opacity: 1; transition: all .8s linear; text-align:center;}
#galleryShowImg > span{ position:relative; display:inline-block;}
#galleryShowImg > span > div{ position:absolute; bottom:5px; left:5px; margin:auto; padding:3px 15px; text-shadow:1px 1px 1px #000; background:rgba(0,0,0,0.5); color:#fff; font-size:13px; display:inline-block;}
#galleryShowImg > span > div:empty{ display:none;}
#galleryShowImg img{ max-width: 100%; max-height:530px; margin:auto; display: block;}
#galleryShowImg i{ width: 50%; height:100%; padding-top:22%; margin: auto; font-size: 36px; color: #FFF; text-shadow: 0px 1px 2px #000; position: absolute; top: 0; bottom: 0; z-index: 12; cursor: pointer; transition: all .3s linear; opacity: 0;}
#galleryShowImg i:hover{ opacity:0.5;}
#leftGallerySlide{ padding-left:20px; left: 0; text-align:left;}
#rightGallerySlide{ padding-right:20px; right: 0; text-align:right;}
#galleryShowInfo{ margin-top: 10px; color: #c2c2c2; text-align: center; }
#galleryShowTxt{ padding-bottom:5px; line-height: 30px; font-size: 18px; font-family:'samimBold'}
#galleryShowdetail{ line-height: 18px; font-size: 12px; }
#galleryShow.active{ opacity: 1; visibility: visible; }
#morePic{ width:120px; margin:20px auto 30px; display:none;}
#about_trip{ padding:20px; background:url(images/background/bg.jpg);}
#about_trip .tsubject{ margin-bottom:0; font-size:18px;}
.fontl{font-size:13px;}
#nex_button,#pre_button{ width:50px; padding-top:80px; font-size: 35px; text-align:center; margin: auto; position: absolute; top: 0; bottom: 0; color: #FFFFFF; cursor: pointer; transition: all .3s linear; z-index:999; text-shadow:1px 1px 1px black; opacity:.7;}
#pre_button{ padding-left:15px; right: 0px;}
#nex_button{ padding-right:15px; left: 0px;}
#nex_button:hover,#pre_button:hover{ opacity:0.4; }

@media only screen and  (max-width: 1000px){
	#galleryBox{ width:auto !important;}
	#galleryBox li{ width:50% !important; height:280px;}
	#galleryBox li:before{ padding-top:115px;}
	#galleryBox li:after{ padding-top:150px;}
	#galleryBox li.disnone{ display:none;}
	#galleryBox li > div{ border-left:6px solid #fff;}
	#morePic{ display:block;}
	#nex_button,#pre_button{ display:none !important;}
}

@media only screen and  (max-width: 768px){
	#leftGallerySlide, #rightGallerySlide{ opacity:0.5 !important;}
	#galleryShowImg i{ padding-top:35%;}
	.in_tour .navigator{ text-align:center;}
}
@media only screen and  (max-width: 800px){
	#anchor i{ right:15px;}
}

@media only screen and  (max-width: 550px){
	#galleryBox li{ width:100% !important; display:block;}
}
@media only screen and  (max-width: 400px){
	#galleryShowImg i{ padding-top:40%;}
}
/*album*/	

/*glance*/	
.commonBox .glance{ padding:0; margin:0; font-size:0;display:table; background:#f4f4f4; width:100%;}
.glance a.link, .glance a.link i{color:rgba(3,70,142,1.00); transition:linear .2s;}
.glance a.link:hover{color:rgba(36,62,90,1.00);}
.glance li{display:table-cell; vertical-align:middle; width:50%; float:right; background:#f4f4f4; font-size:14px; padding:6px; border-top: 1px solid #fff; border-right: 1px solid #fff;}
.glance li > b{color:#fe6f07;}
.other_link a{ color:#016ae0; transition:all linear 0.2s;}
.other_link a:hover{ opacity:0.7;}
.comma span::after{content:"،"; padding-left:2px;}
.dish .comma span::after{padding-left:0;}
.comma span:last-child::after{display:none;}
.glance li i{font-size:13px; padding:1px 2px; color:#fe6f07;}
.glance li i.on{color:#b99f68;}
.glance li .buttonc{ width: max-content; background: #269E76; margin:0 5px 0 0; padding:5px 10px; color:#fff; text-align:center;}
.glance li .buttonc:hover{ opacity:1; background: #1d8764;}
.glance li .break{text-decoration:line-through;}      
.glance li .levelt img{ max-width:40px; display:inline-block;}
.buttonc{ width:100px; display:inline-block; margin-top:15px;  color:#FFFFFF; background:#0061e3; padding:4px 10px; text-shadow:1px 1px 0px rgba(99,99,99,0.8); border-radius:5px; font-size:14px;}
.buttonc:hover{ background: #6c6c6c; text-shadow:none;}
@media only screen and (max-width: 750px) {
	.glance{ display:block;}
	.glance li{ width:100%; float:none; display:block;}
}

@media only screen and (max-width: 420px) {
	.glance li .buttonc{ width:100%; margin:5px 0; text-align:center; display:block;}
}

.commonBox{ margin:40px 0; line-height:28px;}
.commonBox .subjects, #questions .subjects, #direction_info > div:first-child span, #rules h1{ line-height:28px; padding:5px; margin-bottom:5px; background:#f4f4f4; color:#333; font-family:"samimBold"; font-size:17px; text-align:center; border:1px solid #e1e3e4;}
.commonBox .subjects i, #questions .subjects i, #question h1 i, #contact h1 i,#contact #message h2 i, #direction_info > div:first-child i, #rules h1 i{ width:30px; margin-left:5px; line-height:30px; color:#fe6f07; font-size:15px; text-align:center; border-radius:50%; vertical-align:baseline;} 
.commonBox ul, .commonBox ol{ padding-right:30px;}
.commonBox .explanBox{ padding: 0 30px 15px 10px; border-right:1px dashed #fe6f07; font-size:15px; text-align:right; position:relative; transition: all .2s linear;}
.commonBox .explanBox:last-child{ padding-bottom: 0; }
.commonBox .explanBox>span{ width: 30px; height: 40px; line-height:45px; margin-left: 6px; font-family:"samimBold"; font-size:19px; text-align: center; color: #fe6f07; background: #fff; position:absolute; top:0; right:-15px; display: inline-block; transition: all .2s linear; }
.commonBox .explanBox:hover>span{ font-size:27px;}
.commonBox .explanBox:hover{ border-color:#fe6f07;} 
.commonBox a{ color:#fe6f07; transition:all linear 0.2s;}
.commonBox a:hover{ opacity:0.7;}


/*Calendar*/
.sectiontxt{ font-size:12px; line-height:20px; margin-bottom:5px; padding-bottom:7px; color:#7E7E7E; border-bottom:1px dotted #C4C4C4;}
.tb_calender tr td{ width:50px; padding:10px 0; font-family: samimBold;}
.tb_calender thead { width: 100%; border-radius: 5px; overflow: hidden; display: table-caption;}
.tb_calender thead tr:first-child{ background:#555; color: #fff;}
.tb_calender thead tr td{ padding: 5px 0; border:none; font-family: samim;}
.tb_calender .holiday{ padding:10px 0; border-color:#fe6f07; color:#fe6f07 !important;}
.tb_calender .run{ color:#fe6f07; border:3px dashed #fe6f07; border-right:none; border-left:none;}
.calendar { padding: 5px 10px; margin: 5px 0 15px; background: #fff; border-radius: 5px; box-shadow: 0 6px 8px -6px rgba(0,0,0,.4);}
.calendar #guide{ margin:5px 0 20px; text-align: center;}
.calendar #guide span{ margin:0 5px; font-size:12px; position:relative;}
.calendar #guide span:before{ content:""; width:20px; margin-left:4px; display:inline-block;}
.calendar #guide span:first-child:before{ width:30px; border-bottom:3px dashed #fe6f07;}
.calendar #guide span:last-child{ display: none;}
.calendar #guide span:last-child:before{ height:20px; position:relative; top:5px; background:#0061e3;}
.calendar img{width:297px; height:27px;}
.calendar div{padding:0px 5px 5px 5px; color:#fe6f07; font-size:17px; text-align: center;}
.calendar b.thismonth{font-size:25px; line-height:55px;}
.calendar table{width:100%; text-align:center; background: #fff;}
.calendar table thead{color:#fe6f07; font-family:"samimBold";}
.calendar b:last-child::before { content: "/"; display: inline-block; padding: 0 5px 0 ; font-size:12px;}

.planning .flexbox > div:first-child{ width:Calc(100% - 385px); padding:10px 15px 0 0;}
.planning .flexbox .map{ width:100%; height:300px;}
.planning .flexbox .map iframe{ width:100%; height:100%;}
.planning #left_plan{ width:370px; padding:15px; margin-right:15px; background:#f4f4f4;}

@media only screen and  (max-width: 900px){
	.planning .flexbox > div:first-child{ width:Calc(100% - 315px);}
	.planning #left_plan{ width:300px;}
}
@media only screen and (max-width:768px){
	.planning .flexbox > div{ width:100% !important;}
	.planning .flexbox > div:first-child{ margin-bottom:20px; overflow-y:inherit;}
	.planning .flexbox .map{ max-width:290px; margin:auto;}
	.planning .calendarW{ max-width:290px; margin:0px auto;}
	.planning #left_plan{ padding:20px; margin:auto;} 

}

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

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

@media only screen and (max-width: 1150px){
	#tour_page .mainbox{ padding:0 20px;}
} 

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

/** account info **/
#acc_info .col_txt{ color: #fe6f07;}
#acc_info table{ margin: 20px 0;}
#acc_info table tr:first-child td{ background: #373737 !important; color: #fff; font-size: 14px; text-shadow: 1px 1px 0px #333;}
#acc_info table td{ padding: 4px 10px; background: #fff; line-height: 28px; text-align: center; border: 1px solid #eee;}
.ltr{ direction: ltr; display: inline-block;}
@media only screen and (max-width: 768px){
	#acc_info table{ max-width: 500px; width: 100%; margin: 20px auto;}
	#acc_info table tr:first-child{ display: none;}
	#acc_info table td{ width: 100% !important; padding: 7px 10px !important; border-top: none; display: block;}
	#acc_info table td:first-child{ background: #373737; color: #fff; font-family:'samimBold';}
	#acc_info table td:before{ padding-left: 4px; color: #fe6f07; font-family:'samimBold'; display: block;}	
	#acc_info table td:nth-child(1):before{ content: "بانک"; color: #fff; display: inline-block}
	#acc_info table td:nth-child(2):before{ content: "شماره حساب"}
	#acc_info table td:nth-child(3):before{ content: "شماره کارت"}
	#acc_info table td:nth-child(4):before{ content: "شماره شبا";}
	#acc_info table td:nth-child(5):before{ content: "صاحب حساب";}
}

/************* kharide online - arand ***************/
.onlineact .title{ font-size: 17px;}
.onlineact .title i{ color: #5fbb9b; transition: linear .2s;}
.rightpart div:last-child{padding:8px 5px 5px; font-size: 13px; color: rgba(69,68,68,1.00);}
.rightpart .h_light{ margin-right: 5px; font-size:13px; border-bottom: 1px solid #333;}
.onlineact{ margin: 60px 0; border:1px solid #E5E5E5; z-index:-5;}
@media only screen and (max-width: 1180px) {
	.onlineact, .fjashn{padding-top:30px !important;}
}
.onlineact .alert{ display:inline-block; font-size: 13px; padding: 0 5px 0; background: rgba(225,253,248,1.00);}
.onlineact .formtop, .onlineact .formbottom{font-size:0; padding-top:15px; text-align:center;}
.onlineact .formtop>div, .onlineact .formbottom>div{display:inline-block; text-align:center; margin-left:0.25%;}
.onlineact .formtop>div:last-child, .onlineact .formbottom>div:last-child{margin-left:0;}

.relativeBox{ position: relative; padding-bottom: 0 !important;}
#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: #fff;}
#orderFixedBtn.fixed #orderFixedSpan{ color: #bf0f0f;}
.orderDisplay{ display: none; }
@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, .onlineact .formbottom>div>div:first-child{display:inline-block; font-size:14px; background:#393838; width:100%; border:1px solid #4b4a4a; padding:5px; font-family:'samimBold'; color:#FFF; text-shadow:1px 1px 1px #000000;}
.onlineact .formtop>div>div:nth-child(2), .onlineact .formbottom>div>div:nth-child(2){display:block; font-size:14px; background: #f4f4f4; 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 .formbottom>div:nth-child(1){width:33.5%}
.onlineact .formbottom>div:nth-child(2){width:33%}
.onlineact .formbottom>div:nth-child(3){width:33%}
.onlineact #form_sec{ text-align: right;}
.onlineact #form_sec.formtop>div{ margin-bottom: 5px !important;}
.onlineact #form_sec.formtop>div:nth-child(4){ margin-left: 0;}
.onlineact #form_sec.formtop>div:nth-child(5){ width: 24%;}
.onlineact button[type=submit], .submited a.button, #extra_msg a.button, .buttond{
	min-width: 120px;
	background: #269E76;
	display: inline-block;
	padding: 8px 15px 6px;
	color: WHITE;
	text-shadow: 1px 1px 1px #333;
	border: none;
	margin-top:10px;
	transition:linear .2s;
}
.buttond{font-size:16px;}
.onlineact button[type=submit]:hover, .submited a.button:hover, #extra_msg a.button:hover, .buttond:hover{background:#1d8764; 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{background:rgba(255,255,255,1); padding:20px;}
.onlineact form{ text-align:center;}
.onlineact form a{ color: #fe6f07;}
.onlineact form a:hover{ color: #fe6f07; opacity: 0.6;}
.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;}
.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:#39C8A0;}
.onlineact select, .onlineact input{
   border:1px solid #CCC;
   max-width:250px;
   width:100%;
   padding:5px;
   	}
.paddtop input[type="checkbox"]{
    width:auto;
	border:none !important;
	border:1px solid #FFF !important;
   	}
.onlineact .title{color:#333;}
.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;}
@media only screen and (min-width: 40px) and (max-width: 935px) {
	.onlineact .formtop>div, .onlineact .formbottom>div{margin-bottom:5px;}
	.onlineact .formtop>div{width:49.6% !important; margin-top: 0 !important;}
	.onlineact #form_sec.formtop > div:nth-child(5){ margin-left: 0.25%;}
	.onlineact .formbottom>div:nth-child(1){width:33.5%}.onlineact .formbottom>div{width:33%}
	.show2{display:block !important;}
	.registerText{display:none !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), .onlineact .in_responsive .formbottom > div > div:nth-child(2){ min-height:49px; display:flex; justify-content:center; align-items:center;} 
.onlineact .in_responsive #capacityOption select{ margin-left:5px;}
@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 .formtop > div > div:nth-child(2), .onlineact .in_responsive .formbottom > 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,.onlineact .in_responsive .formbottom > div > div:first-child{ font-size:17px;} 
	.onlineact .in_responsive .formtop > div > div:nth-child(2),.onlineact .in_responsive .formbottom > 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;}
	#numCode{ margin-top: 0;}
}

@media only screen and (min-width: 40px) and (max-width: 575px) {
	.onlineact .formtop>div, .onlineact .formbottom>div{display:block; width:100% !important; margin-bottom:5px;}
	.onlineact .formtop>div div:first-child, .onlineact .formbottom>div>div:first-child{background-color:#4b4a4a;}
	.show3{display:block !important;}
	.show2{display:none !important;}
}
.formtopj>div div:first-child{background:rgb(243, 87, 87) !important; border:1px solid rgb(243, 87, 87) !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:#35a651; 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:samim !important; border:none !important; text-shadow:none !important; }
.moreinfo div:before{
	content:"\f104";
	font-family: "Font Awesome\ 5 Free"; font-weight: 900;
	color:#fe6f07;
	padding-left:5px;
	display:inline-block;
}
#onlineActErr{ background: transparent; color: #333; text-align: right; font-size: 15px; display: flex; flex-wrap: wrap; align-items:center;}
#onlineActErr > div:first-child{ width: 70px;}
#onlineActErr > div:first-child img{ width: 100%; display: block;}
#onlineActErr > div:last-child{ width: Calc(100% - 90px); margin-right: auto;}
@media only screen and (max-width: 450px) {
	#onlineActErr > div{ width: 100% !important;}
	#onlineActErr > div:first-child img{ width: 70px; margin: 0 0 10px;}
}

/* added for jashnvare */
#tripJashnvareBox{ display: none; }
#tripSabegheRoz{ width: 50px; }

/*code takhfif*/
#NatijeTakhfif{ margin: 10px auto 0;width: 98%;}
.off_box{display: flex;align-items: center;margin-top: 10px;}
#count-takhfif{font-size: 13px; background:#0061e3; color:white; border:none; padding:5px 10px; font-family:'samim';margin-right: 4px;cursor: pointer;}
.wrong-code{color:red;font-size: 14px;margin-top: 5px;}
.correc-code{color:#39b759;font-size: 14px;margin-top: 5px;}
.correc-code span{ font-family: 'samim';color: #fe6f07;}
.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: #fe6f07;font-family: samim}
.dis_titr i{font-size: 20px;color: #fe6f07} 
#numCode{width: 25%;border: 1px solid #ddd;height: 35px;min-width: 160px;font-family: tahoma;}

/*Submited - trip_order */
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:20px; background: #fff;} 
.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{background:#f4f4f4;}
#mainbg{ color:#333; margin-top: 15px;}
.tablesub{display:table; width:100%; font-size:14px; margin:auto; border-collapse:collapse;}
.tablesub > div{display:table-row; border-bottom:1px solid #E0E0E0;}
.tablesub a{color:#069;}
.tablesub a:last-child{width:100% !important;}
.tablesub .rcell{display:table-cell; background:#f4f4f4; padding:5px; width:130px;}
.card .rcell{display:table-cell; background:#faf9f2; padding:5px; max-width:50px; text-align:right;}
.tablesub .topcell{display:table-cell; padding:5px;}
.tablesub .lcell{display:table-cell; padding:5px; background:#FFF; text-align:right;}
.submited a.button, .gotobank a.button{display:inline-block; font-size:15px; text-align:center; line-height:normal;}
.submited #navigator{ padding: 70px 0 20px;}
@media only screen and (max-width: 900px) {
	.tablesub .rcell, .card .rcell{max-width:none; width:22%;}
	.whocalls div:last-child{opacity:1 !important ;}
}
@media only screen and (max-width: 540px) {
	.tablesub > div{border:none;}
	.tablesub .rcell{ border-bottom:1px solid #E0E0E0;}
	.tablesub .rcell, .tablesub .lcell{width:100%; display:block; text-align:center;}
}
.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%; border-right:3px solid #FF9900; margin:auto;}
.whocalls div:last-child{font-size:14px; background:#FFF; opacity:.7; transition:linear .2s; padding:5px;}
.whocalls img{border-radius:100%; width:100px; position:relative; right:-50px; top:30px; transition:linear .3s; border:3px solid #FF9900;}
.whocalls i{color:#0C6; padding:5px; font-size:22px;}
.gotobank{font-size:15px; background:#FFF; padding: 20px; line-height:34px; border-radius: 20px; text-align: right;}
.gotobank span b{color:#2D8E45; font-size:20px;}
.resulton b{font-size:18px; line-height:34px;}
/************* end kharide online - arand ***************/

.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:#0061e3; 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;}


#other_trip{ width:100%;}
@media only screen and (max-width: 768px) {
	#other_trip{ max-width:500px; margin:auto;}
	#other_trip tr:first-child{ display:none;}
	#other_trip tr{ margin-bottom:20px; background:#f4f4f4 !important; display:block;}
	#other_trip tr td{ text-align:center; border:none; display:block;}
	#other_trip tr td:first-child{ padding:9px 5px; background:#373737; color:#fff; font-size:16px; text-shadow:1px 1px 2px #000;}
	#other_trip tr td:before{ padding-left:5px; font-family:samimBold;}
	#other_trip tr td:nth-child(2){ color:#333; font-size:14px;}
	#other_trip td a{ color:#316087;}
	#other_trip tr td:nth-child(1):before{ content:"کد:";}
	#other_trip tr td:nth-child(2):before{ content:"عنوان:";}
	#other_trip tr td:nth-child(3):before{ content:"روز شروع:";}
	#other_trip tr td:nth-child(4):before{ content:"تاریخ:";}
	#other_trip tr td:nth-child(5):before{ content:"مدت:";}
	#other_trip tr td:nth-child(6):before{ content:"ظرفیت:";}
	#other_trip tr td:nth-child(7):before{ content:"قیمت:";}
}

/*Hamzaman & HamGHeymat*/
.tablehalf > div{ max-width: 700px; width:100%; margin: auto;}
@media only screen and (max-width: 768px) {
	.tablehalf #other_trip tr td:nth-child(1) a{ color: #fff;}
	.tablehalf #other_trip tr td:nth-child(1):before{ content: none}
	.tablehalf #other_trip tr td:nth-child(2):before{ content:"مدت:";}
}


/** sayere raveshhaye pardakht**/
#other_pay .subjects{ background:#0061e3; color:#fff; text-shadow:1px 1px 1px #333; transition:all linear .2s; cursor:pointer;}
#other_pay .subjects:hover{ opacity:0.8;}
#other_pay .subjects i{ color:#fff;}
#pay_form table { 
  width: 100%; 
  border-collapse: collapse; 
  border-radius:5px;
  font-size:14px;
  margin:15px 0 15px;
}
/* Zebra striping */
#pay_form tr:nth-of-type(1) { 
	color: #fff; 
	background: #373737;
	text-shadow: 1px 1px 0px #333;
}
#pay_form td, #pay_form tr { 
	text-align: center !important; 
	line-height:30px !important;
	padding:5px; 
	border:1px solid #E8E8E8;
}

@media only screen and (min-width: 40px) and (max-width: 700px) {
	#pay_form table, #pay_form thead, #pay_form tbody, #pay_form th, #pay_form td, #pay_form tr { 
		display: block; 
	}
	#pay_form tr:nth-of-type(1) { 
		display:none;
	}
	#pay_form td, #pay_form tr { 
		padding:0px; 
		border:none;
	}
	#pay_form td { 
		border-bottom: 1px solid #F0F0F0; 
		position: relative;
		border-radius:0px;
		text-align: center !important; 
		padding:4px;
	}	
	#pay_form td:nth-of-type(1):before {content: "نام بانک: "; color:#840000;}
	#pay_form td:nth-of-type(2):before {content: "شماره حساب: "; color:#840000;}
	#pay_form td:nth-of-type(3):before {content: "شماره کارت: "; color:#840000;}
	#pay_form td:nth-of-type(4):before {content: "صاحب حساب: "; color:#840000;}
	/*Registration Table*/
}

#suggest .flexbox{ margin: 20px 0 0; justify-content: center;}
#suggest .each_sug{ width: Calc(25% - 15px); margin-left: 20px; }
#suggest .each_sug:last-child{ margin-left: 0 !important;}
#suggest .each_sug img{ width: 100%; height: 180px; object-fit: cover; display: block;}
#suggest .noflow{ position: relative;}
#suggest h3{ padding: 5px 10px; background: #313131b0; color: #fff; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; font-size: 14px; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
@media only screen and (max-width: 1024px) {
	#suggest .each_sug{ width: Calc(50% - 10px); margin: 0 0 20px 20px;}
	#suggest .each_sug:nth-child(2n){ margin-left: 0;}	
}
@media only screen and (max-width: 500px) {
	#suggest .each_sug{ width: 100%; margin: 0 0 20px;}
}
/**** end tour ****/

/**** tourlist ****/
#banner{ height:400px; background-position:center !important; background-size:cover !important; position:relative;}
#banner h1{position:relative; margin-bottom:10px; color:#fff; font-family:"samimBold"; font-size:23px; line-height:35px; text-shadow:1px 1px 1px #000;}
#banner .bannertxt{ padding:20px 32px; background:rgba(0,0,0,0.4); color:#fff; position:absolute; bottom:0; left:0; right:0; text-shadow:1px 1px 1px #000; font-size:15px; line-height:28px;} 
#banner #navigator, #tripBanner #navigator, .slider #navigator{ color:#fff; text-shadow:1px 1px 1px #000;}
#banner #navigator a, #tripBanner #navigator a, .slider #navigator a{ color:#fff;}
.b_gray{ background: #fbfbfb;}
.b_gray #banner.mainbox{ padding: 0;}

#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; box-shadow:0 6px 8px -6px rgba(0,0,0,.4); border:1px solid #e1e3e4;}
#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:'samimBold'; 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;}
}

/** contact **/
.bg_gray{ padding:50px 15px 50px; background:#f4f4f4;}
#contact .c_title{ padding:20px 0; color:#333; font-family:'samimBold'; line-height: 28px; font-size: 20px;}
#contact .c_title i{ color:#fe6f07; vertical-align:middle;}
#contact iframe{width:100%;}
#contact form ul, #cooperation ul{ font-size:0; padding:0; margin:0 0 5px 0;}
#contact form #part_one li, #cooperation ul:first-child li{ width:33%; display:inline-block;}
#contact form #part_one li:nth-child(2), #cooperation ul:first-child li:nth-child(2){ margin:0 0.5%;}
#contact form ul input, #cooperation ul input{ width:100%; height:40px; padding:0 5px; font-family: 'samim'; font-size:14px; color:#333; border:1px solid #ccc; vertical-align:bottom;}
#contact form #part_two li, #cooperation ul:nth-child(2) li{ width:66.5%; display:inline-block; vertical-align:top;}
#contact form #part_two li:nth-child(2),#cooperation ul:nth-child(2) li:nth-child(2){ width: 33%; margin-right: 0.5%; position:relative;}
#contact form #part_two li:last-child, #cooperation ul:nth-child(2) li:last-child{ position:relative;}
#contact form #part_two li textarea, #cooperation ul li textarea{ width:100%; height:76px; padding:0 5px; color: #333; font-family: 'samim'; font-size:15px; border:1px solid #ccc; resize:none;}
#contact form #part_two input[type="submit"], #cooperation input[type="submit"]{ margin-top:35px; background:#fff; color:#fe6f07; font-size:17px; border:2px solid #fe6f07; transition:all linear 0.3s;}
#contact form #part_two input[type="submit"]:hover, #cooperation input[type="submit"]:hover{ background:#fe6f07; color:#fff;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  direction:rtl !important;
  text-align:right;
}
::-moz-placeholder { /* Firefox 19+ */
  direction:rtl !important;
  text-align:right;
}
:-ms-input-placeholder { /* IE 10+ */
  direction:rtl !important;
  text-align:right;
}
:-moz-placeholder { /* Firefox 18- */
  direction:rtl !important;
  text-align:right;
}
.dis_none{ display: none;}
@media only screen and (max-width:940px){
	#contact{ text-align:center;}
	#contact form ul, #cooperation ul{ margin:0;}
	#contact form #part_one li, #cooperation ul:first-child li{ width:100%; margin-bottom:7px;}
	#contact form #part_one li:nth-child(2), #cooperation ul:first-child li:nth-child(2), #cooperation ul:nth-child(2) li:nth-child(2){ margin:0 0 7px 0;}
	#contact form #part_one, #contact form #part_two, #cooperation{ max-width:450px; margin:auto; text-align:center;}
	#contact form #part_two li, #cooperation ul:nth-child(2) li{ width:100%; margin-bottom:7px;}
	#contact form #part_two li:nth-child(2), cooperation ul:nth-child(2) li:nth-child(2){ margin:0 0 7px 0 !important;} 
	#contact form #part_two input[type="submit"], #cooperation input[type="submit"]{ margin-top:0;}
}

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

/* manshor */
.other_banner #banner{ height:400px;}
.blogtxt{ margin:0 auto; font-size:15px; line-height:27px;}
.blogtxt h3{ margin-bottom:10px; font-family:samimBold;}
.blogtxt a{ color:#8e0002; transition:all linear 0.2s;}
.blogtxt a:hover{ opacity:0.6;}
.blogtxt ul, .main_destiny ol{ padding-right:30px;}
.blogtxt img{ max-width:100%; height:auto; margin:10px auto; display:block;}
.blogtxt .example1{ font-size:13px; color:#5E5E5E; text-align:center; display:block; position:relative; bottom:5px;}
.blogtxt table{ max-width:100%;}
/** 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 {position:absolute;top:0;left:0;width:100%; height:100%; border:none;}

/************************************* faq ****************************************/
#faq{ padding:0 15px 50px;}
#question_box{ background: #fff; font-size: 0;}
#question_box h1{ padding:0 0 15px; line-height:30px;font-family:'samimBold'; font-size:18px;}
#question_box h1 i{ padding-left:3px; color:#fe6f07}
#question_box .txt{ font-size:16px;}
#question > div i{ margin-left:7px; color:#fe6f07; font-size:20px;}
#question > div{ margin-bottom:15px; line-height:26px; color:#316087; font-family:'samimBold'; font-size:15px; cursor:pointer; transition:all linear.3s;}
#question > div:hover{ color:#143075;}
#question > div > div{ padding-right:15px; color:#333; font-family:'samim'; font-size:14px; display:none;}
#question > div i{ font-size:14px; position:relative; top:1px;}

/************************************* search ****************************************/
/**** search box ****/
#search_box{ color: #444; }
#search_box ul{ padding: 0; margin: 0; text-align:right; border-radius:0;}
#search_tab{ font-size: 0; overflow: hidden; }
#search_tab li{ width: 150px; padding: 8px 3px; color: #FFF; margin-left: 2px; text-align:center; background: #999; border:1px solid #A6A6A6; font-size: 15px; text-shadow: 0px 1px 2px #000; display: inline-block; cursor: pointer; transition: all .3s linear; font-family:'samim';}
#search_tab li:hover{ background: #fe6f07; border:1px solid #fe6f07;}
#search_tab li.active{ background: #fe6f07; border:1px solid #fe6f07;}
#search_res{ padding: 10px; border: 1px solid #d7d7d7; overflow: hidden; }

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

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


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

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

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

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

/*.coverinfo .infotr{position:absolute; top:20%; text-align:center; padding:20px; line-height:30px; left:0; right:0; width:100%; margin:auto;}
.coverinfo .infotr h1{ display:block !important; line-height:45px; font-family:'samimBold'; padding-top:15px; color:#FFFFFF; text-shadow: 1px 1px 1px #000;}
.coverinfo .infotr span{color:#FFFFFF; display:block; font-size:18px; padding-top:15px; text-shadow: 1px 1px 1px #000;}*/
.coverinfo .infotr span.cap1, .coverinfo .infotr span.cap2{padding:7px 10px 7px; font-size:14px;}

.newsbody{ max-width:900px; padding:40px 30px 40px 30px; margin:auto; display:block; font-size:15px; line-height:26px;}
.text_body{ max-width:900px; margin: auto;}
.newsbody .example1,.text_body .example1{ color: #888888; position: relative; bottom: 6px; font-size: 13px; font-style: italic; text-align: center; display: block; background: white;} 
.newsbody img,.text_body img,.altimg img{max-width:100%; height:auto; margin:15px auto 10px; display:block;}
.newsbody h3,.text_body h3{ margin: 40px 0 10px; line-height:30px; font-family:'samimBold'; font-size:17px; border-bottom:3px solid #fe6f07; display:inline-block;}
.newsbody h2,.text_body h2{ max-width: max-content; padding: 5px 15px; margin: 40px 0 10px; line-height: 35px; font-family: 'samimBold'; font-size:22px; background: #fff2ec;  border-right: 3px solid #ff6925;}
.toptxt{font-size:13px; color:#939393; padding-bottom:10px;}
.toptxt i{font-size:13px; color:#fe6f07;}
.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:#fe6f07;}
.newsbody a.button{ color:#fe6f07;}
.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-colr:#fff;} 
.newsbody table tr:first-child td,.text_body table tr:first-child td{ background:#2c3e50; color:#fff; font-size:16px;}
.newsbody iframe{ margin: 20px auto 10px; display: block;}

.newsbody .related-tours{ margin-bottom: 15px; padding: 5px; font-size: 16px; line-height: 30px; font-family: "samimBold"; border-bottom: 1px solid #fe6f07; position: relative; display: block; cursor: pointer;}
.newsbody .related-tours::after{ content: "\f053" !important; position: absolute; left: 0; top: 5px; color: #fe6f07; 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: #333; display: none;}

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

/*button effect*/
.example2{ max-width: max-content; margin: 20px auto auto; padding:10px 30px; font-size:23px;font-family:'samimBold'; text-align: center; display: block; position: relative; text-decoration: none; color: #fff !important; text-transform: capitalize; background-color: #fe6f07; min-width: 265px; border-radius: 6px; overflow: hidden; transition: all 0.2s linear 0s;}
.example2 a{ color: #fff !important;}
.example2 i{ vertical-align:middle;}
.example2::before { content: "\f053"; font-family:"Font Awesome\ 5 Free"; font-weight:900;  display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0px; height: 100%; width: 30px; background-color: rgba(255, 255, 255, 0.3); border-radius: 50% 0 0 50%; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; transform-origin: right center; transition: all 0.2s linear 0s;}
.example2::after{ content: "\f360"; text-indent: 0; padding-right:5px; font-family:"Font Awesome\ 5 Free"; font-weight:900; vertical-align:middle; display:inline-block;}
.example2:hover{ text-indent:30px;}
.example2:hover:before{ transform: scale(1,1); text-indent: 0;}
.example2:hover:after{ text-indent: 0;}
@media only screen and (max-width: 300px) {
	.example2{ padding:10px 20px; font-size:19px; min-width: 200px;}
}
/*end button effect*/

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

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

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

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

/***** 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:'samimBold';
    font-size: 18px;
    line-height: 30px;
}
.comm_img{
    margin-left: 10px;
    font-size: 32px;
    color: #fb8686;
    text-align: center;
    position: absolute;
}
.comm_img i{
	width: 28px;
	background:#0061e3;
	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: 'samim';
    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: 'samim';
    font-size: 15px;
    line-height: 28px;
    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:#fe6f07; background:none; font-size:12px; position:relative; right: 12px; bottom: 3px;}
.comm_reply{
    color: #aaaaaa;
    line-height: 30px;
    font-size: 15px;
    display: inline-block;
    cursor: pointer;
    transition: all .2s linear;
}
.comm_reply i{
    margin-left: 2px;
}
.comm_reply:hover{
    color: #fe6f07;
}
/******* 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: 'samim';}
#cancel_reply{
    padding: 0px 10px 0px 0px;
    color: #fe6f07;
    cursor: pointer;
    font-size: 18px;
    display: none;
    transition: all .3s linear;
}
#cancel_reply:hover{
    color: #b91217;
}
#comment_form label{
    line-height: 25px;
    padding: 0 3px 5px;
    font-size: 14px;
    color: #696969;
    display: block;
    font-family: 'samim';
}
#comment_form label i{
    margin-right: 3px;
    font-size: 9px;
    color: #fe6f07;
    position: relative;
    top: -3px;
}
#comment_form textarea{
    min-width: 100%;
    max-width: 100%;
    min-height: 130px;
    max-height: 130px;
	line-height:28px;
    margin-bottom: 15px;
    padding: 5px 10px;
    background: #f4f4f4;
    border: 1px solid #e1e3e4;
    font-family: 'samim';
    font-size: 15px;
	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: 40px;
    padding: 5px 10px;
    background: #f4f4f4;
    border: 1px solid #e1e3e4;
    font-family: 'samim';
    font-size:15px;
	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: samim !important;
}
#matcom_sub{
    text-align: right;
    padding-bottom: 25px;
}
#matcom_sub .more{ margin-top: 20px;}
#matcom_sub #pasokh_sub{
    display: none;
}
@media only screen and (max-width:700px){ /************ responsive matlab 700 px *****************/
    #comment_form .comf_float{
        width: 100%;
        float: none;
    }
    #comment_form .comf_float:first-child{
        padding: 0px;
        margin-bottom: 10px;
    }
    #comment_form .comf_float:nth-child(2){
        padding: 0px;
    }
    .comm_img{
        margin-top: -10px;
        font-size: 30px;
    }
	.comm_img i{ width:30px; line-height:30px; right:0; bottom:-3px;}
    .comment .comm_box{
        padding-right: 35px;
    }
    .comment_ans{
        margin: 15px 5px 0px 0px;
    }
    .comment_ans .comm_img{
        font-size: 30px;
    }
	.comment_ans .comm_img i{ right:0;}
}
@media only screen and (max-width:500px){ /************ responsive matlab 500 px *****************/
    .comment_info{
        line-height: 25px;
    }
	.comment_ans .comm_img i{ bottom:0;}
}

.vtours{ display:inline-block; width:49%; position:relative; transition:linear .4s;}
.vtours:nth-of-type(1){ margin-left: 2%;}
.vtours img{ margin: 0; display:block; width:100%; height: 240px; object-fit: cover; border:5px solid white;}
.vtours b{position:absolute; bottom:5px; right:5px; padding:8px 10px 5px; background:rgba(0,0,0,.5); left:5px;}
.vtours b span{font-size:15px; font-family:'samimBold'; color:white; display:inline-block; padding-left:3px;}
.vtours:hover{opacity:.8;}
#news .vtours:hover{ opacity:1;}
#news .vtours a:hover{ opacity:0.7;}
.shorttxt{background:#F4F4F4; padding:5px 10px;}
.vije{ margin: 40px 0 0; font-size:0; background:#f2f2f2; padding: 20px !important;}
.v_news .title{ margin-bottom: 10px; font-size: 18px; line-height: 30px; visibility: visible;}
.v_news .title i{ margin-left: 5px; color: #fe6f07;}
.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;}

@media only screen and (max-width:1210px){
	.coverinfo .infotl{ margin:auto 20px;}	
}
@media only screen and (max-width:900px){
	.vtours{ width:100%; margin:10px 0; display:block;}
	.vtours img{ border-bottom:none;}
	.vtours b{ padding:10px; background:rgba(0,0,0,.8); position:static; border:5px solid white; border-top:none; display:block;}
	.vtours b a.button{ bottom:15px; left:15px; margin-top:5px;}
	.tl_vije .vtours b{ position:absolute; bottom: 0; left: 0; right: 0; border:none;}
	.tl_vije .vtours b a.button{ height:34px; margin:auto; top:0px; left:9px; bottom:0;}
}
@media only screen and (max-width:450px){
	#t_cover{ max-height:400px; height:400px !important;}
	.isdore{ max-height:230px !important;}
	.vtours b{ text-align:center;}
	.vtours b a.button{ max-width:200px; margin:5px auto auto auto !important; position:static; display:block !important;}
}
@media only screen and (max-width:370px){
	.contenttl .tab{ width:380px; max-width:100%;}
	.contenttl .tab:after{ content:""; clear:both; display:block;}
	.contenttl .tab span{ width:Calc( 50% - 3px); padding:0 3px; line-height:35px; float:right; margin:0;}
	.contenttl .tab span:first-child{ margin-left:6px;}
	.contenttl .tab span i{ display:none;}
}

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

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

.infotr .under div{  display:inline-block;}
.infotr .under div:after{ content:"/"; margin: 0 5px; color:#F3F1E9;}
.infotr .under div:last-child:after{display:none;}
.infotr .under a{ padding:5px 10px; font-size:16px; color:#fff; display:inline-block; transition:all linear 0.3s;}
.infotr .under a:hover{ color:#CBCBCB;}
.infotr .under a.active{opacity:.5; cursor:default;}
.infotr .under a.active:hover{ color:#fff !important;}
.tournav, .tournav a{ color:#fff !important; text-shadow:1px 1px 1px #000 !important;}
#weblog > h2{ padding:15px 0 10px; font-size:30px; line-height:40px; border-bottom: 5px solid rgba(224, 224, 222, 0.5);}
.mainbox #RightBox{ width:68%; margin-left:2%; float:right;}
.mainbox #RightBox .RightMain a{ display:block; transition:all linear 0.2s;}
.mainbox #LeftBox{ width:30%; margin-top:20px; float:right;}
#RightBox .RightMain{ margin-bottom:10px; background:#fff; text-align:center; position:relative; box-shadow: 0 6px 8px -6px rgba(0,0,0,.4); border: 1px solid#e1e3e4;  overflow:hidden; transition:linear .3s;}
#RightBox .RightMain:hover{ background:#f4f4f4;}
#RightBox .RightMain:hover .button{ background:#0061e3; border-color:#fe6f07; color:#fff; text-shadow:1px 1px 1px #333;}
#RightBox .RightMain > div:first-child{ width:43%; float:right;}
#RightBox .RightMain > div:first-child a{ position:relative;}
#RightBox .RightMain > div:first-child img{ width:100%; height: 230px; padding:10px 10px 10px 20px; object-fit: cover; object-position: center; display:block;}
#RightBox .RightMain > div:last-child{ width:57%; padding:10px 0 10px 10px; text-align:right; float:right;}
#RightBox .width100s{ padding:20px;}
#RightBox .width100s > div:last-child{ width:100% !important; padding-left:0; float:none !important;}
#RightBox .RightMain > div:last-child h2{ margin:0 !important; padding:5px 10px 3px 0; line-height: 27px; font-size:17px; font-family:'samimBold'; 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:#fe6f07;}
#RightBox .RightMain > div:last-child .matn{ padding-right:0; line-height:25px; font-size:14px;}
#RightBox .RightMain > div:last-child .more{ margin-top:10px; position:relative; bottom:0px; right:0; float:left;}
#MaxChr{ width:20px; display:inline-block;}
#RightBox #paging ul{ margin: 20px 0 50px 0; padding:0; font-size: 0; text-align: left !important;}
#RightBox #paging ul li{ width: 45px; height: 45px; line-height: 45px; margin:0 0 3px 3px; background: #f4f4f4; font-size: 16px; text-align: center; transition: all 0.3s linear; display: inline-block; font-family:'samim';}
#RightBox #paging ul li:hover{ background:#D3D3D3;}
#RightBox #paging ul li a{ color:#2c3e50; display:block;}
#RightBox #paging ul li.active{ background:#fe6f07; 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{ font-size:13px; text-align:left; margin-bottom:10px;}
#RightBox .paging i{ vertical-align:middle;}
#RightBox .paging span{ color:#ababab;}
#RightBox .paging a{ color:#fe6f07; transition:all linear 0.2s;}
#RightBox .paging a:hover{ opacity:0.6;}
#label{ padding:10px; font-size:0;} 
#LeftBox .tags h3{ font-size: 21px; padding: 10px 5px 10px 10px; margin-top:0; font-family:'samimBold';}
#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: 13px; text-align:center; transition: all linear 0.2s;}
#LeftBox .tags a:hover, #label a:hover{ background:#D3D3D3;}
#LeftBox .tags a.active{ background:#0061e3; color:#fff; text-shadow:1px 1px 1px #000;}
#LeftBox .tags a.active:hover{ color:#fff;}
#LeftBox .tags a.active span{ color:#fff;}
#LeftBox .tags a span{ color:#fe6f07; font-size:12px;}
#LeftBox .tags h3 i{ color:#fe6f07; font-size:17px;}
.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;}
.coverinfo .infotr h1{ display:block !important; font-size:23px; line-height:35px; font-family:'samimBold'; 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;}
.coverinfo .infotr.has_img{ position: static; background: rgba(0, 0, 0, 0.53);}
#news #bg_less .has_img{ position: absolute;}

@media only screen and (max-width: 1000px){
	.mainbox #RightBox, .mainbox #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 #fe6f07;}
	#LeftBox .tags a{ margin-left:0; display:block;}
	#LeftBox .tags a:last-child{ border-bottom:none;}
	#RightBox #paging ul{ text-align:center !important;}
	#RightBox .RightMain:hover{ background:none;}
}
@media only screen and (max-width: 780px){
	#weblog > h2{ text-align:center;}
	#navigator{ text-align:center; padding:20px 0 !important;}
	.tournav{text-align:right !important; padding-right:10px !important}
	#RightBox{ margin-left:0 !important;}
	#RightBox .RightMain{ max-width:600px; padding-bottom:15px; margin:auto auto 20px;}
	#RightBox .RightMain > div:first-child, #RightBox .RightMain > div:last-child{ width:100%; max-width:600px; margin:auto; padding:0px 0 5px 0; float:none;}
	#RightBox .RightMain > div:last-child{ padding:0 15px 5px 15px;}
	#RightBox .RightMain > div:first-child a{ max-width:600px; margin:auto;}
	#RightBox #paging ul{ margin-bottom:40px; text-align:center !important;}
	#RightBox .RightMain > div:first-child img{padding:15px;}
	#RightBox .RightMain:nth-of-type(1) > div{ padding-top:0;}
	#RightBox .paging{text-align:center; background:#E5E4E4; padding:5px; margin-bottom:10px;}
}
@media only screen and (max-width: 700px){
	.coverinfo .infotr h1{ font-size:20px; line-height:33px;}
}

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

/** tour order **/
#order .table_order{ max-width:900px; margin:20px auto; border-radius:3px;}
#order .table_order .order_title{ margin-bottom:15px; font-family:"samimBold"; font-size:20px; line-height:30px; text-align:center;}
#order .table_order .order_title i{ color:#008000;}
#order .table_order .tablesub{ display: table; width: 100%; font-size: 14px; margin: auto; border-collapse: collapse;}
#order .table_order .tablesub > div{ display: table-row; border-bottom:1px solid #dfdfdf;}
#order .table_order .tablesub .rcell { width:160px; display: table-cell; padding:8px 5px; background:#f4f4f4; color:#333; font-family:"samimBold";}
#order .table_order .tablesub .lcell { display: table-cell; padding:8px 5px; text-align: right;}
#order .table_order .topcell{ width:160px; padding:8px 5px; margin:20px 0 5px; background:#373737; color:#fff; text-align:center; text-shadow:1px 1px 1px #333;}
#order .table_order .tablesub .lcell a{ color:#fe6f07; transition:all linear 0.2s;}
#order .table_order .tablesub .lcell a:hover{ opacity:0.7;}
#order .table_order button{ max-width:220px; width:100%;}
#orderFixedBtn{ margin-top: 20px; color: green;}
.succes{ padding: 10px; background: #e4ffef; color: #017e01; font-family: samimBold; font-size: 15px; line-height: 27px;}
.succes a{ color: #006e80; display: inline-block; direction: ltr;}
.succes #acc_info{ margin-top: 10px; color: #333; font-family: samim;}
.succes #acc_info table{ margin: 5px 0 0;}
@media only screen and (max-width: 500px){
	#order .table_order .topcell{ width:100%;}
	#order .table_order .tablesub, #order .table_order .tablesub > div{ border-bottom:none; display:block;}
	#order .table_order .tablesub .rcell, #order .table_order .tablesub .lcell { width: 100%; padding:5px; display: block; text-align: center; border-left:none;}
}

/* underconstruction majid */
#dv_center{ padding:0 10px;}
#message_box{ max-width:900px; padding:10px; margin: auto; margin-top:60px; line-height:40px; background:rgba(255,255,255,0.4); color:#333333; border-radius:10px; }
#message_box span{ color:#333; display:inline-block; direction:ltr;}
#message_box a{font-size:14px; color:#fe6f07; transition:linear .2s;}
#message_box a:hover{color:#fff;}
#message_box a i{font-size:16px; color:#fe6f07;}
#message_box > div:first-child{font-size:20px;}
#message_box > div:nth-child(2){ border-top:2px solid #fe6f07; margin-top:10px;}
#message_box > div{font-size:16px;}
#message_box .button{ max-width:250px; width:100%;}
#message_box .button:hover a{ color:#fff;} 
@media only screen and (max-width: 500px) {
	#construction{ background-position:10% 50% !important;}
}
@media only screen and (max-width: 310px) {
	#message_box>div:nth-child(2){ line-height:50px;}
}

/** rss **/
.box_tour a{ color: #333;}
.box_tour a:hover{ color: #fe6f07;}
.box_tour ul{ margin-bottom: 30px;}

/* majid about */
.matn{ padding-right:10px; font-size:14px; text-align:justify; }
.titr_1{ padding:10px 3px 10px 0; font-size: 20px; color: #333333;font-family: 'SamimBold'; line-height: 30px;}
.titr_1 i{ padding-left:5px; color:#fe6f07;}
.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 */
.titr_1{ padding:10px 3px 10px 0; font-size: 20px; color: #333333;font-family: 'SamimBold'; line-height: 30px;}
.titr_1 i{ padding-left:5px; color:#fe6f07;}
.titr_2{ margin: 15px 0 5px 0; color:#192053; font-size: 16px; display: block;}
.titr_2 i{ color:#fe6f07; font-size:14px;}
.box_type img{ max-width:100%; margin:10px auto; display:block;}
.form_mrg{ margin:40px 0 20px 0;}
.matn{ padding-right:10px; font-size:14px; text-align:justify; }
.matn h2{ background: #cdcdcd; padding: 10px; margin-bottom: 10px; font-size: 17px;}
.butt_close{ padding: 5px 15px 5px; color: #fe6f07; background:#fff; font-size: 13px; border: 1px solid #fe6f07;  border-radius: 3px; transition:all 0.2s linear; }
.butt_close:hover{ color: #FFFFFF !important; text-shadow: 1px 1px 1px #333333; background: #fe6f07; border: 1px solid #fe6f07;}


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

@media only screen and (min-width: 40px) and (max-width: 767px) {
	.errorblock{width:90%; padding-top:0px; margin:auto;}
	.lefttxt{float:none; width:100%; padding:0;}
}

/***************************************** destination ******************************************/
/*Related Articles*/
.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; background-position: center !important; transition:linear .2s; font-size:15px; margin:.5%; border-radius:5px 5px 0 0; position:relative; line-height:25px;}
.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: "samim"; font-weight: normal; position: static !important;}
#relateheigth{ transition: all .5s linear; text-align:center;}
.related ul li i{color:#F60; 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 #fe6f07; 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:"Samim"; font-weight: normal; background:#0061e3; 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*/


/*_______________ comment ________________________*/
#comment{ margin:10px auto;}
#comment #matlab_com{ 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_com{ padding: 30px 0px; margin-bottom: 30px; background: #f9f9f9; border: 1px solid #e5e5e5; }
#matlab_com .contain{ padding: 0 20px; }
.commt{ margin-bottom: 20px; line-height: 15px; position: relative; }
#comment_head{ margin-bottom: 20px; color: #444444; font-size: 20px; font-family: SamimBold; line-height: 30px; padding-right:20px;}
.com_box{ margin-top: 20px; padding: 10px 5px; background: #FFF; font-family: Samim; border: 1px solid #ededed; border-radius: 5px; }
.commt_info{ padding: 5px 25px 5px 5px; color: #aaaaaa; border-bottom: 1px dotted #ededed; font-size: 13px; position: relative; }
.commt_info i{ margin-right: 10px; color: #a6a6a6; display: inline-block; }
.com_img{ margin: auto !important; font-size: 17px !important; color: #fe6f07 !important; text-align: center; position: absolute; right: 5px; top: 0px; }
.commt_info div{ display: inline-block; padding-bottom:5px;}
.commt_info div:first-child{ padding-left: 3px; }
.commt_txt{ padding: 5px 10px; font-size: 15px; color: #444444; line-height: 35px; text-align: justify; text-justify: auto; }
.commt_ans{position: relative; margin-right:20px;}
.commt_ans .com_box{ margin-top: 2px; }
.ans_img{ margin: auto !important; font-size: 21px !important; color: #CCCCCC !important; text-align: center; position: absolute; right: 5px; top: 0px; }
.com_reply{ padding: 0 10px; color: #aaaaaa; line-height: 30px; font-size: 15px; display: inline-block; cursor: pointer; transition: all .2s linear; }
.com_reply i{ margin-left: 2px; }
.com_reply:hover{ color: #fe6f07; }
#NatijeSubmit{ padding: 10px 0; color: #02a449;}

/******* form ersale nazar **********/
#comform_head{ margin: 15px 0 5px 0; color: #444444; font-family: SamimBold; font-size: 18px; line-height: 30px; }
#comform_head span{font-size: 13px; color:#9D9B9B; font-family: Samim;}
#cancel_rep{ padding: 0px 10px 0px 0px; color: #ff4f4f; cursor: pointer; font-size: 14px; display: none; transition: all .3s linear; }
#cancel_rep:hover{ color: #b91217; }
#comment_fm ul{ font-size: 0; padding: 0; margin: 0; }
#comment_fm 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_fm li:nth-child(1){ width: 100%; height: 150px; }
#comment_fm li:nth-child(2){ float:right;}
#comment_fm>ul>li:nth-last-child(2){ width: 66.666%; height: 165px; }
#comment_fm>ul>li:nth-last-child(1){ width: 33.333%; height: 165px; overflow: hidden; }
#comment_fm li span{ line-height: 43px; background: #f9f9f9; position: absolute; top: 1px; right: 10px; display: block; transition: all .3s linear; z-index: -1; }
#comment_fm li.ans_li span{ background: #fff; }
#comment_fm li span i{ font-size: 10px; }
#comment_fm li span.no_place{ padding: 0 5px; line-height: 20px; font-size: 12px; color: #b7b7b7; top: -10px; z-index: 2; }
#comment_fm input,#comment_fm textarea{ width: 100%; height: 45px; padding: 2px 5px; border: 1px solid #e2e2e2; border-radius: 5px; font-family: Samim; font-size: 14px; background: transparent; display: block; position: relative; z-index: 1; }
#comment_fm textarea{ height: 150px; resize: none; }
#comment_fm .ltr,.en_font{ font-family: Tahoma !important; }
#matcm_sub{ text-align: left; padding: 0 0 10px 5px; }
#matcm_sub input[type="submit"]{ width: 150px; margin-top: 25px; padding: 0px 30px; font-size: 15px; border-radius: 3px; font-family: Samim; text-shadow: 0px 1px 3px #000; background: #fe6f07; border: none; color: #FFFFFF; cursor: pointer; transition: all .3s linear; display: inline-block; }
#matcm_sub input[type="submit"]:hover{ background: #102048;}
#matcm_sub #pasokh_sub{ display: none; }
@media only screen and (max-width: 500px) {
	#comment_fm li{ width: 100%;}
}

/****** Style Star Rating Widget *****/
.rating { 
  border: none;
  float: right;
  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 .l_eye,.rating > #s1 .r_eye{ width:6px; height:1.5px; background:#96b2da; position:absolute; top:13.5px;}
.rating > #s1 .l_eye{ left:6px; transform:rotate(20deg);}
.rating > #s1 .r_eye{ left:13.5px;transform:rotate(-15deg)}
.rating > #s5 .mouth{ width:9px; height:1px; background:#96b2da; position:absolute; top:20px; left:8.2px;}
.rating > #s1:before{ content: "\f556";}
.rating > #s2:before{ content: "\f119";}
.rating > #s3:before{ content: "\f11a";}
.rating > #s4:before{ content: "\f118";}
.rating > #s5:before{ content: "\f599";}
.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #96b2da; 
 float: right; 
}
.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:3px; padding-left:5px; padding-right:5px;}
#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;}

.tripline{background:#efefef; padding:10px; margin-bottom:10px; border:1px solid #E5E5E5;}
.tripline:after{clear:both; display:block; content:"";}
.tripline .name{font-size:15px; color:#333;}
.tripline .name .date{font-size:13px; color:#666;}
.tripline .name .orange{font-size:13px;}
.tripline .name .status{background:#d4fe30; padding:0 10px 0; float:left; margin-left:15px; font-size:14px;}
.flr{ float: right;}
.name{padding-top:2px;}
.name .code{float:left; color:#999; font-size:13px;}
.name h1{font-size:18px; display:inline; font-family:'SamimBold';}
.name i{color:#e44a21; font-style:normal; padding-right:5px; display:inline-block;}
.together span:last-child:before{content:"|"; color:#333; padding-left:5px;}
@media only screen and  (max-width: 1000px){
	.tripline .name .status{float:none; display:block; margin-top:10px; max-width:180px;}
}
@media only screen and  (max-width: 820px){
	.name .code{float:none; }
	.name .together{display:block;}
	.name i{padding-right:0px;}
	.name .code{float:none; display:inline-block; }
}

.destination{line-height:33px; position:relative;}
.destination #navigator{ padding: 75px 0 20px;}
.destination .main .tour img{max-width:100%; height:auto;}
#dest_nav #navigator{ padding: 75px 32px 0; position:absolute; right: 0; z-index:950;}
#dest_nav #navigator a{ color:#FFFFFF; transition:linear .2s;}
#dest_nav #navigator a:hover{ color: #FF9933;}
/*destination & trip*/
.tripline .stars{float:left;}
.tripline .stars img{width:40px; height:auto;}
.tripline .stars i{color:#F7BB06 !important;}
.tripline .stars span{font-size:13px; display:inline-block; margin-top:4px;}
.tripline h1, span.results {
    font-size: 18px;
    display: inline;
    font-family: 'SamimBold';
}
span.results{font-size: 14px !important; margin:0 !important; display:inline !important; color:#519B08;}
span.results a{ margin-right:10px; color: #e44a21;}
span.results a:hover{ opacity: 0.6;}
/*destination*/
.destins{font-size:0; padding-right:0 !important; text-align:center;}
.destins li{display:inline-block; background-size:cover !important; background-position:center; position:relative; height:100%; overflow:hidden;}
.destionsAv3 li{width:33%; margin-left:.5%;}
.destionsAv2 > li{width:49%; padding:15px; margin-left:1%;}
.destionsAv2 li div, .destionsAv1 li div{ max-width:366px !important; margin:auto !important;}
.destionsAv1 > li{padding:15px;}
.destionsAv1 .onewidth{ max-width:200px; width:100%; display:inline-block;}
.destionsAv1 li div{ text-align:center;}
.destins li:hover img{opacity:.5;}
.destins li:hover div{background:rgba(255,255,255,1); }
.destins ul{font-size:12px; color:#333; border-top:2px solid #000000; margin:5px 15px 15px; padding-right:0px;}
.destins ul li{font-size:13px; display:inline-block; margin:0; width:auto; color:#000;}
.destins ul li:hover{cursor:default;}
.destins ul li:first-child:before{visibility:hidden;}
.destins ul li:before{content:"/"; display:inline-block; padding:5px;}
.destins li img{
	top: -50%;
	left: -50%;
	z-index: -1;
	opacity: .8;
	right: -50%;
	bottom: -50%;
	height: 100%;
	width: 100%;
	margin: auto;
	position: absolute;
	transition:linear .4s;
	}
.destionsAv1 li{width:100%;}
.destionsAv2 img{width:100% !important; height:auto !important;}
.destionsAv1 img{
	width:100% !important;
	height:auto !important;
	}
.destins li div{background:rgba(255,255,255,1); height:100%; margin:15px; border:1px solid rgba(255,255,255,.1); transition:linear .2s; border-radius:5px;}
.destins li div b{font-size:48px; line-height:30px; color:#fe6f07; padding-left:5px; text-shadow:1px -1px 0px white;}
.destins li div span.tname{font-size:16px; color:#333; line-height:30px; font-family:'SamimBold';}
.destins .tname b.all{font-size:18px; color:#DD6F00; line-height:27px; font-family:'SamimBold'; text-shadow:none; padding-top:7px;display: inline-block;}
.destins li div a{background:#0061e3; border:1px solid #fe6f07; font-size:13px; display:block; margin:10px; padding:2px; color:#FFF; font-family:'SamimBold'; text-shadow:1px 1px 1px #000000; transition:linear .1s;}
.destins li div a:hover{background:#6c6c6c; border-color: #6c6c6c;}

.destionsAv3 li:nth-of-type(3n){margin-left:0;}
.destionsAv2 li:nth-of-type(2n){margin-left:0;}
.tellme{ background-attachment:fixed !important; background-position:center !important; background-size:cover !important; padding:200px 10px 90px; position:relative;}
.tellme:after{ content:""; background:rgba(255,255,255,0.7); position:absolute; top:0; left:0; right:0; bottom:0; display:block;}
.tellme > div{background:rgba(255,255,255,.8); padding:10px; position:relative; z-index:1;}
.onlineact2 form { text-align: center;}
.onlineact2 select, .onlineact2 input{ border:1px solid #CCC; max-width:250px; width:100%; padding:5px;}

.onlineact2 .formtop>div>div:first-child{display:inline-block; font-size:14px; background:#464748; width:100%; border:1px solid #464748; padding:5px; border-radius:3px 3px 0 0; font-family:'SamimBold'; color:#FFF; text-shadow:1px 1px 1px #000000;}
.onlineact2 .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;}
.onlineact2 .formtop>div:nth-child(1){width:24%}
.onlineact2 .formtop>div{width:25%; vertical-align:top; display: inline-block; text-align: center; margin-left: 0.25%;}
.onlineact2 button[type="submit"]{ background: #e44a21; display: block; padding: 5px 15px 5px; margin:10px auto auto; color: WHITE; font-size:15px; text-shadow: 1px 1px 1px #333; border: none; transition: linear .2s;}
.onlineact2 button[type="submit"]:hover{ opacity: 0.8;}

.tellme .onlineact2{border:5px solid #fed100; border-left:none; border-right:none;}
.tellme .onlineact2 #num{width:60px; text-align: center;}
.tellme .onlineact2 .formtop > div{ margin-bottom:5px;}
.tellme .onlineact2 .title{position:absolute; top:-70px; font-size:40px; color:#333; font-family:'SamimBold';}
.tellme .onlineact2 .title i{transform:rotate(30deg); color:#fed100; text-shadow:2px 1px 0px #333333;}
@media only screen and (max-width: 935px){
	.onlineact2 .formtop > div { width: 49.3% !important;}
}
@media only screen and (max-width: 575px){
	.onlineact2 .formtop > div, .onlineact2 .formbottom > div { display: block; width: 100% !important;}
}

.inpic{ height:750px; position:relative; background-size:cover !important; background-attachment: fixed !important; background-position: center !important; display: flex; flex-direction: column; justify-content: center;}
.inpic .mainbox{ width: 100%;}
.inpic .main_vid{ width: Calc(50% - 10px); margin: 0 auto 0 0;}
.inpic #video{ margin: auto; position: relative; z-index: 10;}
.inpic #video video{ width: 100%; max-height: 550px; margin: auto; background: #373737; display: block;}
.inpic:after{ content:""; background:rgba(0,0,0,0.5); position:absolute; top:0; right:0; bottom:0; left:0;} 
#list_in{ flex-direction: row-reverse;}
#list_in .top_list{ width: Calc(50% - 10px); padding: 20px; margin: 0 0 0 20px; background: #ffffffd4; border-radius: 10px; position: relative; z-index: 5;}

#part1{ padding-top: 70px;}
.parts{ position:relative; padding:0 5px 9%; padding-bottom:50px; background-size:cover !important; background-attachment: fixed !important;}
.parts .des_title{ font-size:35px; text-align:right; padding:45px 32px 10px; line-height:60px; color:#FFF; text-shadow:2px 0px 1px #000000;}
.parts ul{display:block; margin:0px auto 0px; font-size:0; z-index:11111;}
.parts ul li:first-child{border-radius:0; border:none; margin:0; color:#FFF; padding:5px 30px 5px; width:200px; background:#1c1d1e;}
.parts ul li{display:inline-block; text-align:center; font-size:15px; text-shadow:1px 1px 1px #000; margin:1px 0px 1px; background:rgba(255,255,255,.8); margin-left:1px;}/*background:#174671;border-top:1px solid #2E5781; border-left:1px solid #2E5781; border-bottom:1px solid #2E5781; */
.parts ul li a{display:inline-block; padding:5px 30px 5px; color:#000; text-shadow:none;}
.parts ul li a:hover{ background:#FFF}
.parts ul li a span{ position:relative; right:0; transition:all linear 0.2s;}
.parts ul li a:hover span{ right:15px;}

.backg{padding: 15px 0 30px; background: #f8f7ee;
background: -moz-linear-gradient(top, #f8f7ee 2%, #fbfaf4 12%, #fcfbf7 17%, white 29%);

background: -webkit-gradient(left top, left bottom, color-stop(2%, rgba(248,247,238,1)), color-stop(12%, rgba(251,250,244,1)), color-stop(17%, rgba(252,251,247,1)), color-stop(29%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(248,247,238,1) 2%, rgba(251,250,244,1) 12%, rgba(252,251,247,1) 17%, rgba(255,255,255,1) 29%);
background: -o-linear-gradient(top, rgba(248,247,238,1) 2%, rgba(251,250,244,1) 12%, rgba(252,251,247,1) 17%, rgba(255,255,255,1) 29%);
background: -ms-linear-gradient(top, rgba(248,247,238,1) 2%, rgba(251,250,244,1) 12%, rgba(252,251,247,1) 17%, rgba(255,255,255,1) 29%);
background: linear-gradient(to bottom, #f8f7ee 2%, #fbfaf4 12%, #fcfbf7 17%, white 29%);
border-top:1px solid #E5E5E5;
}
.destination .tour i{font-size:55px;}
.destination .tour .info i,.destination .tcategory  i{ font-size:18px;}
.destination .tcategory{ margin: 40px 0;}
.destination .tcategory  i{ color: #fe6f07;}
.destination .tcategory .title{ color: #444444; font-family: 'samimBold'; font-size: 20px; line-height: 30px;}
.informme .title{position:static !important; font-size:18px !important; text-shadow:none !important; color:#292929 !important;}
.informme .title i{padding-left:5px;}
.informme .buynow1{padding:5px 25px 5px;}
@media only screen and (max-width: 1200px) {
	.parts ul li a:hover{ padding-right:30px;}
}

@media only screen and (max-width: 870px) {
	.destionsAv3 li{ width:49%; margin-left:0;}
	.destionsAv3>li:nth-of-type(1){margin-left:2%;}	
}
@media only screen and (max-width: 800px) {
	#part1 { padding-top: 20px;}
	.parts{ background-position:top !important;}
}
@media only screen and (max-width: 610px) {
	.parts .des_title{ padding-top:60px; text-align:center;}
	.parts ul{ max-width:250px; padding:0; margin-bottom:30px;}
	.parts ul li{ display:block; width:auto !important;}
	.parts ul li a{ padding:5px 0; display:block;}
	.parts ul li a:hover{padding-right:0; }
	.destins>li{ width:100% !important;}
	.inpic{ min-height:400px; height: inherit; background-attachment: scroll !important;}
	.inpic .main_vid{ width: 100%; margin-top: 30px;}
	.inpic #video{ margin: auto;}
	.inpic #video video{ max-height: 380px; margin: auto;}
	
	#list_in{ padding: 0; flex-direction: row;}
	#list_in .top_list{ width: 100%; padding: 15px; margin: 20px;}
	
	.parts .on_shadow{ position:relative; z-index:900;}
	.parts{background-size:auto !important; border-bottom:3px solid #FFFFFF;}
	.destination .shadow{ background:rgba(0,0,0,0.6); position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; z-index:11;}
	.destins li img{width:100%; height:auto !important;}
}
@media only screen and (max-width: 820px) {

	.destionsAv2 img{width:auto !important; height:100% !important;}
}
@media only screen and (max-width: 420px) {
	.destins li img{width:auto; height:100% !important;}
	.destionsAv1 img{
		height:auto !important;
		width:auto !important;
	}
}

/*** FAQ ***/
.faq_des{ background: #f4f4f4; padding: 20px;}
.faq_des h3{ margin-top: 0;}
.each_ques{ margin-bottom: 15px; padding: 5px; font-size: 16px; line-height: 30px; font-family: "samimBold"; border-bottom: 1px solid #fe6f07; position: relative; display: block; cursor: pointer;}
.each_ques::after{ content: "\f053" !important; position: absolute; left: 0; top: 5px; color: #fe6f07; font-family:"Font Awesome\ 5 Free"; font-weight:900; display: block; transition: all linear 0.2s;}
.each_ques.show::after{ transform: rotate(-90deg);}
.ans_ques{ padding: 0 15px 20px 0; color: #888; display: 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:#0061e3; 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:"تولد: ";}
	select,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;}

/*Selected Tours*/
.tselected .title{max-width:1300px; margin:auto; font-size:20px; color:#fff; font-family:'SamimBold'; line-height:30px; padding-bottom:5px;}
.tselected .title i{color:#fe6f07;}
.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:#fe6f07;}
.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 #fe6f07; color:#fe6f07; text-shadow: none;}
.tourbox span:last-child a:hover{color:#FFFFFF !important; text-shadow: 1px 1px 1px #333333; background:#0061e3;}
.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;
	}
}


/**** footer ****/
/*Instagram*/
#insta_Box{ padding:5px; background:#0061e3;}
#insta_Box #insta_logo{ width:400px;}
#insta_Box #insta_logo img{ max-width:325px; width:100%; margin:40px auto auto; display:block;}
#insta{ width:Calc(100% - 400px); text-align:center;}
#insta:after{ content:""; clear:both; display:block;}
#insta ul{ padding:0; margin:0; font-size:0;}
#insta ul li{ width:16.666%; height:150px; position:relative; font-size:15px; display:inline-block; float:right; overflow:hidden;}
#insta ul li a{ height:100%; background-size:cover !important; background-position: center !important; display:block; transition:all linear 0.3s;}
#insta ul li:hover a{ transform: scale(1.1);}
#insta ul li:hover .instashow{ visibility:visible; opacity:1;}
#insta ul li:hover .insta_info{ visibility:visible; opacity:1;}
#insta ul li i.insta{ position:absolute; top:10px; right:10px; color:#fe6f07; font-size:20px; display:none;} 
#insta .instashow{ background:rgba(0,0,0,0.6); display: block; position: absolute; visibility: hidden; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease;}
#insta .description { -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); font-size: 12px;}
#insta .insta_info{ display: block; position: absolute; visibility: hidden; z-index: 3; width: 80%; max-height: 80%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-40%); transform: translateX(-50%) translateY(-40%); text-align: center; color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease;}
#insta .insta_count + .insta_count{ margin-right: 16%;}
@media only screen and  (max-width: 1200px){
	#insta_Box #insta_logo{ width:200px;}
	#insta_Box #insta_logo img{ max-width:200px;}
	#insta{ width:Calc(100% - 200px);}
}
@media only screen and  (max-width: 1024px){
	#insta{ width:100%;}
	#insta_Box #insta_logo{ display:none;}
	#insta ul li:first-child i.insta{ display:block;}
}

#footer{ background:#373737 url(images/logo/foot_logo.png) no-repeat; background-position:25% 0% !important; background-size:380px !important; position:relative; color:#fff;}
#footer_info{ padding:70px 0; font-size:12px; align-items:center;} 
#footer_info > div:nth-child(2){ margin-right:auto;}
#footer_info .links{ margin-left:25px;}
#footer_info .links > a{ padding-bottom:5px; color:#fff; font-size:13px; display:block;}
#footer_info .links > a:hover{ color:#fe6f07;} 
#footer_info .links > a i{ color:#fff; font-size:9px;}
#footer_info .links h2{ margin-bottom:10px; font-family:samimBold; font-size:15px;}
#footer_info .socials a{ margin:0 4px; display:inline-block;}
#footer_info .socials a i{ width:30px; height:30px; background:rgba(255,255,255,.1); color:#fe6f07; text-align:center; line-height:30px; font-size:15px; text-shadow:none; border-radius:5px; transition: all linear .2s;}
#footer_info .socials a:hover i{ opacity:0.7;}
#footer_info .contact{ max-width:300px; margin-left:25px;}
#footer_info .contact > div{ padding-bottom:5px;}
#footer_info .contact > div a{ color:#fff;}
#footer_info .contact > div span{ direction:ltr; display:inline-block;}
#footer_info .contact i{ margin-left:4px; font-size:10px; color:#fe6f07; text-shadow:none;}
#footer_info .foot_logo img{ width:123px; margin:20px auto auto; opacity:0.3; display:block; transition:all linear 0.3s;}
#footer_info .foot_logo img:hover{ opacity:0.6;}
#footer_info .enamad img{ padding:10px; margin:auto; background:rgba(255,255,255,0.1); display:block;}

footer .copyright{ padding:6px 0; font-size:12px; text-align: center; clear: both; line-height:26px; border-top:1px solid rgba(249,249,249,.05);}
footer .copyright .left{ color:#FFFFFF; font-family:tahoma; font-size:12px; direction:ltr; float:left;}
footer .copyright .right{ color:#FFFFFF; float:right;}
footer .copyright a{ color:#FFFFFF; font-size:11px; transition: all linear 0.3s;}
footer .copyright a:hover{ color:#fe6f07; text-shadow:none;}
#back_up{ width: 47px; height: 47px; line-height: 45px; text-align: center; background:rgba(255,92,1,0.6); color: #FFF; font-size: 20px; text-shadow:1px 1px 0px gray; position: fixed; bottom:4px; right:4px; z-index: 999; cursor: pointer; transition: all .3s linear; display: none; }
#back_up:hover{ background:rgba(255,92,1,1);}
#goftino_w{ bottom: 50px !important; right: -5px !important;}
@media only screen and  (max-width: 870px){
	#footer{ background-position:50% 90% !important;}
	#footer_info > div{ width:100% !important; text-align:center;}
	#footer_info .contact{ max-width:100%; width:100%; margin-left:0;}
	#footer_info .links{ width:100%; margin:20px 0 30px !important;} 
	#footer_info .links > a{ margin-bottom:10px; border-bottom:1px solid rgba(249,249,249,.05);}
	#footer_info .links > a:last-child{ border-bottom:none;} 

	#footer_info .socials{ justify-content:center;}
	#footer_info > div:nth-child(2){ justify-content:center !important;}	
	#back_up{ bottom:0; right:10px;}
}
@media only screen and  (max-width: 500px){
	footer .copyright .left, footer .copyright .right{ float:none;}
}

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

#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;}
}
.brday select{ width: 30%!important;}
.brday{margin-right: 5px!important;}
.cust{width:30%!important}
.cyst{margin-left:5px!important}
@media only screen and (max-width: 1024px) {
	.cust{ width:Calc(50% - 5px)!important;}	
	.cyst,.brday{margin-right: 0px!important;}
}
@media only screen and (max-width: 650px) {
	.cust{ width:100%!important; margin-left:0 !important}	
}