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

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

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

/*** Default CSS ***/
.drtl{direction:rtl;}.dltr{direction:ltr;}.FloatR{float:right;}.FloatL{float:left;}
.clr,.clear{clear:both;}.Tright{text-align:right;}.Tleft{text-align:left}.Tjustify{text-align:justify;}.Tcenter{text-align:center;}
.red{color:#990e00;} .green{color:#0BA67A;} .orange{color:#f7941e;}
/*** End Default CSS ***/
	
html,body{ width:100%; height:100%; padding:0px; margin:0px; line-height:30px; font-family:'Sahel'; font-size:17px; color:#333; direction:rtl;}
*{ box-sizing:border-box; text-decoration:none;}
a, button{ transition:all linear 0.2s; cursor:pointer;}
.main{ max-width: 1208px; margin:auto; padding: 0 20px;}
.flexbox, .flexbox2{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items: center; justify-content: center;}
.flexbox2{ align-items: stretch}
.flex_items{ align-items: flex-start;}
.en_font{ font-family:tahoma !important;}
.ltr{ direction: ltr; display: inline-block}
.more{ min-width: 150px; width: max-content; padding: 5px 20px 5px 20px; margin: 20px auto auto; font-size:16px; line-height: 28px; background: #163c16; color:#fff; text-align:center; text-shadow: 1px 1px 0px rgba(99,99,99,0.8); border: none; border-radius: 10px; display:block; transition:all linear .2s;}
.more:hover{ opacity: 0.7;}
.more i{ margin-right: 4px; vertical-align: middle;}
.more_bt{ min-width:48%; background: #163c16; text-shadow: 1px 1px 1px rgba(0,0,0,.5); line-height:30px; padding:10px 10px; margin-top:20px; color:#fff; font-size:16px; text-align:center; display:block; transition:all linear 0.2s; font-family: SahelB;border-radius: 10px;}
.more_bt:hover{ opacity: 0.7;}

#hide_overflow { position: relative; overflow: hidden;}
b,strong{ font-family:'SahelB'; font-weight: normal;}
.scroll{ width: 100%; overflow:hidden;}
.title2{ margin: 0 0 25px; font-family: "SahelB" !important; font-size: 35px; line-height: 50px; display: block;}
.title2::before{ content: ""; width: 20px; height: 6px; margin-left: 15px; background: #f05c2c; display: inline-block;}
.title2.no_bef::before{ display: none;}
.title2 i{ padding-left: 5px; color: #f05c2c;}
.text{ font-size: 18px; line-height: 30px;}
.mar0top{ margin-top: 0 !important;}
.mar0bt,.common.mar0bt{ margin-bottom: 0 !important;}
.pad30top{ padding-top: 30px !important;}

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

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

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

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


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

#menubar{ padding: 10px 0 10px 20px; color: #555555; font-size: 20px; display: none; transition: all linear 0.2s;}
#menubar i{ font-size: 0;  transform: rotate(0deg); transition: all linear .3s;}
#menubar span i{ font-size: 25px; vertical-align: middle;}
#menubar.for_i i{  font-size: 30px; transform: rotate(180deg);}
#menubar.for_i span{ display: none;}
.resmenu_cover{ margin: auto; /*background: rgba(0,0,0,.6);*/ position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; display: none; z-index: 9;}

@media only screen and (min-width: 768px){
    header nav{ display: block !important;}
}

@media only screen and (max-width: 768px){
	header nav{ width: 300px; height: 100%; padding: 15px 40px 40px; background-color: #163c16; color: #fff; position: fixed; top: 0; left: -300px; right: auto; overflow: auto; display: block !important; opacity: 0; z-index: 1002; transition: all ease-in-out 0.5s;}
	header nav .res_logo img,#menubar{ display: block;}
	header nav ul li a{ color: #fff;}
	header nav ul li i{ padding: 10px 10px 0 0; position: absolute; top: 10px; transform: rotate(90deg); transition: all linear 0.2s;}
	header nav .main > ul > li{ margin: 0 0 10px; display: block;}
	header nav ul ul{ padding: 0; background: transparent; position: static; opacity: 1; visibility: visible; display: none; transition: none;}
	header nav ul ul li{ font-size: 16px; white-space: normal;}
	header nav > .main{ padding: 0 !important; position: static;}
	header nav ul li a.angel i{ padding: 0 10px 0 0; transform: rotate(0);}
	header nav.show{ left: 0; opacity: 1;}
	.resmenu_cover{ background: #fbfaf1a1; z-index: 1000;}
	header #head_top{ padding: 5px 20px; z-index: 1001;}
	header #head_top > div{ width: 50%;}
	/* header #head_top > div:last-child{ display: none;} */
	header .logo img{ margin: 0 auto 0 0;}
}
/*#spacing{ height:56px;}*/
.shadow::before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(255,255,255,0.8464519596901261) 0%, rgba(27,11,11,0.028524788821778668) 27%, rgba(255,255,255,0.0341270297181373) 46%, rgba(0,0,0,0.5943511193539917) 100%);  z-index: 100;}

/***************************************************** index *****************************************************/
/** slider **/
#slidebox{ padding: 75px 0 0;}
#indexSlider{ width: 100%; height: 100vh; background: #eee; position: relative;}
.InSlide{ position: relative;}
#indexSlideBox{ height: 100vh; position: relative; /*overflow: hidden;*/}

.indexSlideImg > .info_in{ max-width: 100%; height: 100%; padding: 150px 0 20px; background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.1862380938703606) 50%); color: #fff;}
.indexSlideImg > .info_in .main{ width: 100%; height: 100%;}
#on_slide{ max-width: 580px; padding: 20px; background: #fff; color: #000; position: absolute; right: 0; bottom: -100px; border-radius: 5px; z-index: 10;}
.indexSlideImg h1{ margin-bottom: 20px; font-family: "sahelB"; font-size: 55px; line-height: 80px;} 
.indexSlideImg .more{ min-width: 120px; padding: 5px 10px; margin: 20px 5px 0; background: #f05c2c; border: 2px solid #f05c2c;}
.indexSlideImg .g_map{ background: transparent; color: #000; text-shadow: none; border-color: #000;}
.g_map i{ margin: 0 0 0 3px; color: #f05c2c; position: relative; top: -1px;}
.indexSlideImg #album_box{  background: transparent; overflow: hidden;}

#galleryBox2{ max-width: 580px; width: 100%; background: transparent; position: absolute; left: 0; bottom: -100px; border: 3px solid #fff; white-space: wrap !important; border-radius: 5px; overflow: hidden;}
#galleryBox2 li{ width: 50%; height: 153px !important; border-left: 3px solid #fff;}
#galleryBox2 li:nth-child(even){ border-left: none;}
#galleryBox2 li:nth-child(1),#galleryBox2 li:nth-child(2){ border-bottom: 3px solid #fff;;}
#galleryBox2 li.disnone{ display:none;}
#galleryBox2 .more_than:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #f05d2cc5 !important; display: block;}
#galleryBox2 .more_than:after{ content:"+"; position:absolute; top:50%; right:0; left:0; transform: translateY(-50%); color:#fff; font-size:56px; font-family:'sahelB'; text-shadow:1px 1px 1px #000; transition:all linear 0.5s;}

#indexSlideBox .title{ max-width: max-content; margin: auto; background: #163c16; position:absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align:center; opacity: 0; border-radius: 5px; transition: all 2s;}
#indexSlideBox2 .label{ padding: 5px 10px; background: #163c16; color: #fff; position: absolute; left: 20px; bottom: 20px; font-family: "Yekan"; font-size: 20px; line-height: 33px; border-radius: 5px;}
#indexSlideBox2 .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{ line-height:50px; color:#fff; font-size:35px; font-family:"SahelB"; text-shadow: 1px 1px 1px #333;}
#indexSlideBox .title span{ width:100px; margin-top:20px; background:#ff5c01; 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{opacity: 1}
.indexSlideImg{ width: 100%; height: 100vh; position: absolute; opacity: 0; transition: all 1s linear; }
.indexSlideImg img{ max-width: 700px; width:100%; margin: auto; display: block; }
.indexSlideImg.pre{ opacity: 0;transition:all linear 0.3s;transform: scale(1)}
.indexSlideImg.next{ opacity:0;transition:all linear 0.3s;transform: scale(1) }
.indexSlideImg.show{  opacity:1;z-index:90;transition:all linear 0.3s;}
.indexSlideArrow{ width: 60px; margin: auto; text-align: center; font-size: 46px; color: #fff; position: absolute; top: 0; bottom: 0; cursor: pointer; display:block; z-index:100;}
.indexSlideArrow:hover i{ opacity:1;}
.indexSlideArrow i{ height: 50px; margin: auto; position: absolute; top:0; bottom:0; left:0; right:0; text-shadow: 1px 1px 1px #000; opacity:0.3; transition:all linear 0.2s;}
.indexSlideArrow img{ margin: auto;}
#indexLeftSlide{ left: 0px; }
#indexRightSlide{ right: 0px; }
#indexSlideBtn{ width:100%; margin-top: 30px; position:absolute; bottom:15px; text-align: center;z-index: 100;}
#indexSlideBtn>span{ width: 20px; height: 2px; margin: 0 1px; background: rgba(37,29,18,.5); display: inline-block; cursor: pointer; }
#indexSlideBtn>span.indexSlideActive{ background: rgba(255,255,255,.5); }
.chevron img{ width:15px; display: block; position: absolute; left: 0; right: 30px; bottom:35px; opacity: .2; animation: 2.5s ease 0s normal none infinite running chevloop2; z-index: 100;}
@-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: 1200px){
    .indexSlideImg h1{ font-size: 40px; line-height: 60px; text-align: center;}
    #indexSlider,.indexSlideImg, #indexSlideBox{ height:auto;}
    .indexSlideImg,#on_slide,#galleryBox2{ position: static;} 
    #on_slide{ margin: auto auto 20px;}
}
@media only screen and  (max-width: 450px){
    .indexSlideImg .more{ width: 100%; display: block;}
    .indexSlideImg .more:last-child{ margin-top: 5px;}
}
/*
@media only screen and  (max-width: 880px){
        #indexSlider{ width: 100% !important;}
	#indexSlider,.indexSlideImg, #indexSlideBox{ height:400px;}
	#indexSlideBox .title h1, #indexSlideBox .title > div > div{ padding:0 10px;}
	.indexSlideArrow i{ display:none;}
	.chevron{ display:none;} 
}
@media only screen and  (max-width: 550px){
	#indexSlider, .indexSlideImg,#indexSlideBox{ height:250px;}
	#indexSlideBox .title h1{ font-size:30px; line-height:40px;}
	#indexLeftSlide{ width:30px; left: 0; }
	#indexRightSlide{ width:30px; right: 0; }
	#indexSlideBox .title a{ font-size:23px;}
}*/

/*about us*/
#aboutus{ padding: 120px 20px 60px; background: #f4f4f4; position: relative;}
#aboutus .curve{ max-width: max-content; position: absolute; bottom: -35px; left: 0; right: 0; margin: auto; display: block;}
#aboutus .curve img{ display: block;}
#aboutus .curve i{ color: #163c16; position: absolute; top: 10px; left: 0; right: 0; margin: auto; text-align: center; transition: all linear 0.2s;}
#aboutus .curve:hover i{ color: #f05c2c;}
#aboutus .main{ padding: 20px 30px; background: #fff; color: #000; border-radius: 5px;}
#aboutus h3{ margin-bottom: 20px; font-family: "sahelB"; font-size: 23px; line-height: 35px;} 
#aboutus h3:before{ content: ""; width: 20px; height: 6px; margin-left: 15px; background: #f05c2c; display: inline-block;}
@media only screen and  (max-width: 1200px){
    #aboutus{ padding: 60px 20px;}
}
@media only screen and  (max-width: 1024px){
    #aboutus{ height: auto; background-attachment: scroll !important;}
    #aboutus .main{ padding: 20px;}
}

#our_serv{ padding: 60px 0; position: relative;}
#our_serv:after{ content: ""; background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.1862380938703606) 50%); position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: block;}
#our_serv .main{ position: relative; z-index: 10;}
#our_serv h2{ font-size: 45px; line-height: 70px; color: #fff; font-family: "sahelB"; text-shadow: 1px 1px 1px #333;}
#our_serv .flexbox2{ gap: 15px; position: relative; top: 100px;}
#our_serv .flexbox2 > div{ width: Calc(20% - 12px); padding: 20px; background: #f4f4f4; font-size: 16px; line-height: 26px; border-radius: 5px;}
#our_serv .each_item{ padding: 0 0 10px; margin-bottom: 10px; font-size: 18px; line-height: 30px; font-family: "sahelB"; text-align: center; display: block;}
#our_serv .each_item i{ margin-bottom: 10px; color: #f05c2c; font-size: 40px; display: block;}
#our_serv ul li{ margin-bottom: 10px;}
#our_serv ul li::marker{ color: #f05c2c;}
@media only screen and  (max-width: 800px){
    #our_serv h2{ font-size: 40px; line-height: 60px;}
    #our_serv .flexbox2{ position: static; margin-top: 20px;}
    #our_serv .flexbox2 > div{ width: Calc(50% - 10px);}
    #blog{ margin: 60px 0 !important;}
}
@media only screen and  (max-width: 550px){
    #our_serv .flexbox2 > div{ width: 100%;}
}

/*** blog news index ***/
#blog{ margin: 100px 0 60px 0;}
#blog > .flexbox{ align-items: stretch; justify-content: center;}
#blog .newsbox{ width: Calc(25% - 7.5px); padding: 20px 20px 50px; margin: 0 0 0 10px; border-radius: 5px; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); position: relative;}
#blog .newsbox:last-child{ margin-left: 0;}
#blog .newsbox .news_img{ height: 200px; width: 100%; background-size: cover !important; background-position: center !important; display: block;}
#blog .newsbox .news_img:hover{ opacity: 0.7;} 
#blog .newsbox h3 a{ margin: 15px 0 5px; color: #163c16; font-size: 16px; line-height: 24px; font-family: "sahelB"; display: block;}
#blog .newsbox h3 a:hover{ opacity: 0.7;}
#blog .newsbox .txt{ padding: 5px 0; font-size: 13px; line-height: 22px;}
#blog .more{ min-width: 300px; margin: 20px 0 0;}
.b_more{ padding: 12px 20px; color: #f05c2c; position: absolute; bottom: 0; left: 0; right: 0; font-size: 14px; text-align: left; display: block; transition: all linear .2s;}
.b_more:hover{ opacity: 0.7;}
@media only screen and (max-width:1024px){
	#blog .newsbox{ width: Calc(50% - 5px); margin: 0 0 10px 10px;}
	#blog .newsbox:nth-child(2n){ margin-left: 0;}
}
@media only screen and (max-width:600px){
	#blog .newsbox h3 a{ font-size: 18px; line-height: 30px;}
	#blog .newsbox .txt { font-size: 15px; line-height: 27px;}
	#blog .newsbox{ width:100%; margin: 0 0 10px;}
	#blog .newsbox:nth-child(2n){ margin-left: 0;}
	#blog .more{ width: 100%;}
	#blog .b_more{ font-size: 15px;}
}
	
/** courses **/
#c_tour{ padding: 60px 0; background: #f4f4f4;}
#c_tour .title2{ color: #333;}
.c_box{ margin-top: 40px;}
.c_box > div{ width: Calc(33.33% - 10px); padding: 10px; margin: 0 0 10px 10px; background: #fff;  flex-direction: row-reverse; border-radius: 10px;}
.c_box > div:last-child{ margin-left: 0;}
.c_box > div a{ color: #1b1b1b;}
.c_box > div a:hover img{ opacity: 0.7;}
.c_box > div a:hover h3{ background: rgba(255, 255, 255, 0.781);}
.c_box > div h3{ background: #ffffff93; padding: 5px 10px; font-family:"SahelB"; font-size: 18px; line-height: 28px; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; transition: all linear .2s;}
.c_box img{ width: 100%; object-fit: cover; background: #efefef; display: block; transition: all linear .2s;}
.c_box .more{ width: max-content; padding: 5px 10px; margin-top: 0; background: #01a54e; color: #fff; border-radius: 10px; display: block;}
@media only screen and (max-width:800px){
	.c_box > div{ width: Calc(50% - 5px);}
    .c_box > div:nth-child(2n){ margin-left: 0;}
}
@media only screen and (max-width:550px){
	.c_box > div{ width: 100%; margin: 0 0 10px !important;}
}

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

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

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

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

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

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

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

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


/*writer*/
.writer{ margin: 40px 0 0; display:table; width:100%; background:#f5f5f5; padding:0 20px 0; color:#5B5B5B; border-right:3px solid #D8D8D8;}
.writer > a{font-size:18px; display:inline-block; padding-bottom:5px;}
.writer p{font-size:14px; margin:0; line-height:26px;}
.writer div:after{content:""; clear:both; display:block;}
.writer div:first-child{width:14%; display:table-cell; padding:2% 0 2% 2%;}
.writer div:first-child img{width:100%; margin:0; border-radius:50%; border:4px solid #FFF;}
.writer div:last-child{display:table-cell; vertical-align:middle; width:86%;}
.end{ margin-top: 7px; line-height:20px; font-size:12px;}
@media only screen and (max-width:725px){
	.writer{padding:0 3% 0;}
	.writer div:first-child{width:20%; padding:2% 0 2% 2%;}
	.writer div:last-child{ width:80%; padding:2% 0 4%;}
}

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

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

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

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

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

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

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

/*********************************************** course ****************************************************/
.trip_txt{ max-width:800px; padding-top:30px;padding-bottom:30px; margin: 0; position: relative; overflow: hidden;}
.trip_txt h1,.other_txt h1{ color: #000; line-height: 35px; font-family: 'SahelB'; font-size: 23px;}
.trip_txt h2,.other_txt h2{ width: max-content; padding: 5px 10px 5px; margin: 50px 0 15px; background: #f9f9f9; color: #000; line-height: 35px; font-family: 'SahelB'; font-size: 23px; border: 1px dashed #ccc; display: block;}
/* .trip_txt > h2,.other_txt > h2,.trip_txt > h3,.other_txt > h3{ margin-top: 0;} */
.trip_txt h2 + h3,.other_txt h2 + h3{ margin-top: 5px;}
/**** show more content ******/
#add_bt{ background:#fff; color:#FFF; text-align:center; font-size:14px; cursor:pointer; position: relative; z-index: 3; transition: all .5s linear; }
#add_bt i{ color:#f05c2c; font-size:15px; vertical-align:middle; transition: all .5s linear; }
#add_bt:before{ content:""; height:100px; background: -moz-linear-gradient(90deg, rgba(242,242,242,1) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.05)), color-stop(0%, rgba(242,242,242,0.05)), color-stop(1%, rgba(242,242,242,0.05)), color-stop(90%, rgba(242,242,242,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(255,242,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f2f2f2',GradientType=0 ); /* ie6-9 */  position:absolute; left:0; right:0; bottom:36px; display:block;}
#add_bt .addButton{ padding:5px 10px; line-height:30px; font-family:'SahelB'; font-size: 17px; font-weight: normal; color:#f05c2c; transition: all .5s linear; border-radius:5px 5px 0 0; display:inline-block;}
#add_bt.open{ background:transparent; bottom:-10px; margin: 20px auto 0 auto; color:#FFF;}
#add_bt.open i{ transform: rotateX(180deg);}
#add_bt{ position:absolute; left:0; right:0; bottom:0; text-align: right;}
#add_bt .addButton:hover{ opacity:0.6;}
#add_bt.open:before{ display:none;}


.course_title,.other_title{ padding:15px 0 15px; font-family:"SahelB"; font-size:22px; line-height:43px; text-align: right;}
.course_title .x_stl, #course_tb .x_stl{ color:#f05c2c; padding-left:4px; font-size:20px; vertical-align:middle;}
.course_title .ex_txt{ font-family: Sahel; font-size: 16px; line-height: 28px; font-weight: normal; display: inline-block;}
.other_title{ font-size: 24px; line-height: 36px;}
.other_title i{ width: 40px; line-height: 40px; text-align: center; background: #fff1ed; color: #f05c2c; vertical-align: middle;}

#courseInfo{ padding-top: 93px; margin:0 0 30px; background:#153915; color:#fff;}
#courseInfo .rightInfo{ width:50%; padding:0 80px; font-size:14px; line-height:25px;}
#courseInfo .rightInfo .txt{ font-size:17px; line-height:30px;}
#courseInfo .rightInfo .items{ width:100%; border-bottom:1px dashed #809994; display:table;}
#courseInfo .rightInfo .items i{padding-right: 10px; color:#f05c2c}
#courseInfo .rightInfo .items:last-of-type { border: none;}
#courseInfo .rightInfo .items > div{ padding:8px 10px; display:table-cell;}
#courseInfo .rightInfo .items > div:first-child{ width:145px; font-family:"SahelB"; font-size:15px; border-left:1px dashed #809994;}  
#courseInfo .rightInfo .more_bt{ min-width: 100%; margin: 10px auto 10px 0; background: #3AA683; color: #FFF; border-color: #3AA683; display: inline-block;}
#courseInfo .rightInfo .more_bt:hover{ opacity:0.8;}
#courseInfo .rightInfo .more_bt span{ font-size: 12px;}
#courseInfo .rightInfo .consult{ background: #4c5e4c; cursor: pointer;}
#courseInfo .leftInfo{ min-height:470px; width:50%; background-position:center !important; background-size:cover !important; background-repeat:no-repeat !important; position:relative;}  
.leftInfo.gold_border{ border:3px solid #ffcb00 !important;}
.all_cost .o_cost{ margin-left:15px; text-decoration:line-through; font-size:12px; color:#CACACA;}
.all_cost .c_cost i{ vertical-align:middle; padding-right:5px !important;}
#p_course #courseInfo .course_title{ font-size: 29px;}
.no_course{ padding: 4px 0; margin-top: 20px; border-bottom: 2px solid #ff6657; color: #fff; font-family: sahelB; display: inline-block;}
.anim_bt{ animation: 2s infinite anim_shadow;}

#pop_after #show_mess{ max-width: 400px; width: 100%; padding: 20px; background: #fff; color: #333; position: relative; text-align: center; z-index: 11;}
#show_mess i{ color: #2fc52f; font-size: 30px;}
#show_mess .fa-ban{ color: #ff4d4d;}
#c_popup,#pop_after{ width: 100%; height: 100vh; padding: 0 20px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: none; z-index: 1001;}
#c_popup > div,#pop_after > div{ height: 100%; display: flex; align-items: center; justify-content: center;}
#c_popup form{ max-width: 405px; width: 100%; margin: auto; padding: 30px; background: #fff; position: relative; border: 1px solid #eee; z-index: 15;}
#c_popup form .txt{ margin-bottom: 10px; color: #333; font-size: 17px;}
#c_popup form .txt i{ color: #f05c2c;}
#c_popup form > div{ margin-bottom: 10px;}
#c_popup form > div:last-child{ margin-bottom: 0;}
#c_popup form input,#c_popup form textarea{ width: 100%; height: 40px; padding: 5px 10px; color: #333; border: 1px solid #eee;}
#c_popup form textarea{ height: 100px; resize: none;}
#c_popup form button{ min-width: 100%; height: 40px; padding: 0; margin: 10px auto 0 0; border: none;}
#c_popup .close_bt,#pop_after .exit{ font-size: 30px; color: #fff; position: absolute; left: 20px; top: 15px; cursor: pointer; transition: all linear 0.2s; z-index: 11;}
#c_popup .close_bt:hover,#pop_after .exit:hover{ color: #e1473e;}
.close_box{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10;}
.scroll{ width: 100%; overflow:hidden;}
@media only screen and (max-width:768px){
	#c_popup form input,#c_popup form button{ height: 50px; font-size: 18px;}
}

@keyframes anim_shadow {
	0% { box-shadow: 0 0 0 0px #3AA683;}
	100% { box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);}
}
@media only screen and (min-width:1600px){
	#p_course #courseInfo .rightInfo{ padding-right:230px;}
}
@media only screen and (min-width:1500px){
	#p_course #courseInfo .rightInfo{ padding-right:180px;}
}
@media only screen and (min-width:1400px){
	#p_course #courseInfo .rightInfo{ padding-right:130px;}
}
@media only screen and (max-width:1100px){
	#courseInfo .rightInfo, #courseInfo .leftInfo{ width:100%;}
	#courseInfo .leftInfo{min-height: 250px; background-position:50% 20% !important;}
	#courseInfo .rightInfo{ padding:40px 80px 40px;}
}
@media only screen and (max-width:768px){
	#courseInfo .rightInfo .more_bt{ padding: 15px; position: fixed; bottom: 0; left: 0; right: 0; margin: 0; animation: none; opacity: 1 !important; z-index: 1000;}
	#courseInfo .rightInfo .consult{ position: static !important; margin: 20px 0 0 0 !important;}
	.padd_bt{ padding-bottom: 35px !important;}
	#back_up.right_top{ bottom: 65px; right: inherit; left: 10px;}
}
@media only screen and (max-width:500px){
	#courseInfo .rightInfo{ padding:40px 20px 40px;}
	#consult #courseInfo .rightInfo{ padding:80px 20px 40px;}
	#courseInfo .rightInfo .items > div:first-child{width: 99px;}
}

.navigate a{font-size: 12px; color: white;}
.navigate a:hover{ color:#f05c2c;}
.navigate i{padding: 0 7px; font-size: 10px; color:#f05c2c;}
.commonBox{ margin:60px 0;}
.commonBox:nth-of-type(odd){ flex-direction:row-reverse;}
.commonBox > div{ width:100%; text-align:justify;}
.commonBox > div:first-child{ padding:0 30px;}
.commonBox > div:first-child img{ width:100%; max-width:500px; margin:auto; display:block;}
#syllabus{ color: #000;}
#syllabus > div{ width:75%;}
#about_crs .other_title{ display: none;}
@media only screen and (max-width:1200px){
	.commonBox{ padding-bottom:30px;} 
	#syllabus > div{ width:100%;}
	#about_crs .other_title{ display: block;}
	.trip_txt{ padding-top: 15px;}
}

/**** call me *****/
.call_adina{ max-width: max-content; padding: 15px; margin: 50px auto; background: #3aa683; color: #fff; font-size: 18px; text-align: center; animation: 2s infinite anim_shadow1; display: none;}
@keyframes anim_shadow1 {
	0% { box-shadow: 0 0 0 0px #3aa683;}
	100% { box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);}
}
@media only screen and (max-width:768px){
	.call_adina{ display: block;}
}


/*** member ***/
#crs_mem{ max-width: 800px; margin: 0 auto 60px auto;}
#crs_mem > div > div{ width: 50%; align-items: stretch; background: #fff1ed;}
#crs_mem > div > div:first-child b{ width: 65px;}
#crs_mem i{ width: 50px; height: 50px; background: #f05c2c; color: #fff; font-size: 20px; display: flex; align-items: center; justify-content: center;}
#crs_mem b{ width: 80px; padding-left: 5px; color: #163c16; font-size: 20px; text-align: left; display: inline-block;}
#crs_mem span{ width: Calc(100% - 50px); padding: 0 15px; display: flex; align-items: center;}
@media only screen and (max-width:1200px){
	#crs_mem{ width: 100%; margin: 60px auto;}
	#crs_mem > div > div{ width: 100%; border-bottom: 1px solid #fbcec1;}
}

/*** choise course ****/
#register_form .more_bt{ min-width: inherit; width: 150px; margin: 20px auto auto; border: none;}
#register_form .more_bt i{ padding-right: 4px; position: relative; top: 2px;}
.impodesc .title, #list-of-questions .title{ margin-bottom: 8px;}
.impodesc .text, #list-of-questions .text{ color: #000; font-size: 15px; line-height: 28px; text-align: center;}
.impodesc table{ width: 100%; margin: 10px auto 0px auto; font-size: 14px; text-align: center; border-collapse: collapse; color: #000; background: #FFFFFF;}
.impodesc table tr{transition:linear .2s;}
.impodesc tr:first-child,.impodesc tr:first-child:hover{ background: #153915 !important; color: #FFFFFF !important; font-family: sahelB;  font-size: 15px;}
.impodesc tr:nth-child(2n+1){ background: #f8f8f8;}
.impodesc tr,.impodesc td label input{ cursor:pointer;} 
.impodesc tr:first-child{ cursor:default;}
.impodesc tr:first-child td{ padding: 5px;}
.impodesc td label{ padding: 5px; display: block; cursor: pointer;}
.impodesc td label input{ font-size: 0; vertical-align: middle;}
.impodesc tr.active td{ background: #bceccb !important;}
.impodesc tr:hover{ background: #e9e9e9 !important;}
.add_item{ padding: 10px; background: #3AA683; border: 1px solid #3AA683; color: #fff; font-size: 18px; display: inline-block; cursor: pointer; transition: all linear 0.2s; width: 210px;}
.impodesc tr.active td .add_item{ background: #278B2C; border: 1px solid #278B2C;}
.choice-btn{ display: none;}
.sum_spc{ position: relative; left: 4px; font-family: sahel;}

#course_step{ padding: 0;  list-style:none; font-size:0; text-align:center; margin:10px auto auto; display:flex; display:-webkit-flex; display:-ms-flexbox;}
#course_step li{ width: 33.33%; margin:5px 0px 5px; padding:15px 10px; position:relative; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items:center;}
#course_step li:nth-child(1){ background:#fff1f0;}
#course_step li:nth-child(1):after{ border-right: 15px solid #fff1f0;}
#course_step li:nth-child(2){ background:#ffe4e2;}
#course_step li:nth-child(2):after{ border-right: 15px solid #ffe4e2;}
#course_step li:nth-child(3){ background:#ffcdca;}
#course_step li:after{ content:""; width: 0; height: 0; position:absolute; right:100%; top:0; z-index:10; border-top: 30px solid transparent; border-bottom: 30px solid transparent;}
#course_step li:last-child:after{ display:none;}
#course_step li .numerical{ width:50px; font-size:50px; color: #1b345f; font-family:sahelB; display:block; vertical-align:top; position:relative; top:5px;}
#course_step li .SelectCourse{ width:Calc(100% - 50px); color: #000; font-size:14px; text-align:right; display:block;}

@media only screen and (max-width:1200px){
	.impodesc table{ background: none;}
	.impodesc td label{ display: inline-block;}
	.choice-btn{ display: block; text-align: center!important;}
    #t_desc tbody,#t_desc tr,#t_desc td{ display: block !important;}
    #t_desc tr:first-child{ display: none !important;}
    #t_desc tr{ height: auto; margin-bottom: 20px;}
    #t_desc td{ width: auto; padding: 5px 10px; background: #f4f4f4; text-align: right; border-bottom: 1px solid #eeeeee !important;}
	#t_desc td:before{ font-size: 15px; color: #153915; font-family: sahelB;}
	#t_desc td:nth-child(2){ background:#153915 !important; color:#fff; font-family: sahelB; text-align: center;}
    #t_desc td:nth-child(1){ display: none!important;}
    #t_desc td:nth-child(2):before { content: "انتخاب "; color: #fff;}
    #t_desc td:nth-child(3):before { content: "کد دوره: ";}
    #t_desc td:nth-child(4):before { content: "عنوان دوره: ";}
    #t_desc td:nth-child(5):before { content: "طول دوره: ";}
    #t_desc td:nth-child(6):before { content: "روز برگزاری: ";}
    #t_desc td:nth-child(7):before { content: "ساعت برگزاری: ";}
	#t_desc td:nth-child(8):before { content: "تاریخ برگزاری: ";}
    #t_desc td:nth-child(9):before { content: "مدرس: ";}
    #t_desc td:nth-child(10):before { content: "قیمت: ";}
	#t_desc td:nth-child(11):before { content: "ظرفیت: ";}
	.impodesc #t_desc2 tr td:first-child{ width:100%;}
    #t_desc2 tbody,#t_desc2 tr,#t_desc2 td{ display: block !important;}
	#t_desc2 tr{ height: auto; width:100% !important;}
    #t_desc2 td{ width: auto; padding: 5px 10px !important; text-align: center !important; border-bottom: 1px solid #eeeeee !important;}
	#course_step li:after{ border-top: 58px solid transparent; border-bottom: 58px solid transparent;}
}
@media only screen and (max-width:768px){
	#course_step{ display:block;}
	#course_step li{ width:100%; padding:15px 10px; margin:0px auto !important; display:inline-block;}
	#course_step li:after{ top:100%; left:0; right:0; margin:auto; border-bottom:none; border-left: 20px solid transparent; border-right: 20px solid transparent !important; border-top: 15px solid transparent;}
	#course_step li:nth-child(1):after{ border-top: 20px solid #fff1f0;}
	#course_step li:nth-child(2):after{ border-top: 20px solid #ffe4e2;}
	#course_step li span{ display:inline-block !important;}
}
/* fix nav course */
.courseNav ul{ font-size:0; padding:0; text-align:center;}
.courseNav ul li{width:14.28%; display:inline-block; position:relative; vertical-align:bottom; z-index:2 !important;}
.courseNav ul li a{font-size:14px; padding:6px 0; font-family:'SahelB'; color:#000; border-bottom:3px solid #ddd; position:relative; display:inline-block; width:100%;  text-align:center;}
.courseNav ul li a.active{border-bottom:3px solid #f05c2c;}
.courseNav ul li a.active::after{content:""; right: calc(50% - 5px); position:absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #f05c2c; bottom:-7px; }
.courseNav ul li a:hover{border-bottom:3px solid #f05c2c; cursor:pointer; transition:linear .2s;}
.courseNav ul.addnav{ background:#fff; margin-top:0; position:fixed; top:0; right:0; left:0; font-size:0; text-align:center; z-index:1000; transition:all 0.3s linear;}
#spacing{ height:50px;}/*ava*/
.anchor{ padding-top:40px;}
.register a{ padding:3px; color:#fff !important; text-shadow: 1px 1px 1px #333;}
.register a span{ width:125px; padding:4px; background:#3AA683; font-family:'SahelB'; display:inline-block; transition: linear .2s;}
.register a span:hover{ opacity:0.8;}
#FixNav{height: 51px;}
@media only screen and (max-width:1200px){
	#FixNav{ display:none;}
}
.sylbs{ padding:15px 0; justify-content: space-between; align-items:flex-start; border-bottom:1px solid #f05c2c; margin-bottom: 7px;}
.sylbs > div:nth-of-type(1){max-width: 240px;width: 20%; padding:0 0 0 15px; text-align: center;}
.sylbs > div video{ width:100%; height:auto; vertical-align:middle;}
.sylbs > div:nth-of-type(2){ width: 80%;display: flex; flex-direction: column;}
.no_video > div{ width:100% !important; max-width:100% !important; text-align:right !important; margin-bottom:0 !important; padding:0 !important;}
.info_crs{ width:100%; margin-bottom:7px;}
.info_crs > p:first-child{ color: #f05c2c; font-family: SahelB; font-size:18px; line-height:30px;}
.info_crs > p:first-child i{color: #f05c2c; font-size: 23px; margin-left: 8px;}
.info_crs > p:nth-child(2){margin-top: 20px;font-family: SahelB;font-size: 20px;color: black;}
.info_crs >div> p i{color: #518985; font-size: 23px; margin-left: 5px;}
.info_crs >div> p {font-size: 13px;}
.dtls_crs{ font-size:14px; display: none;}
.dtls_crs i{height: 7px; width: 7px; display: inline-block;}
.dtls_crs p i{color:#2A73CC; margin-left: 10px;}
.dtls_crs a{display: block; margin:5px; color: #363b42; font-size: 13px;}
.dtls_crs a:hover{color: #0275d8;}
.img_pop{ margin-top: 15px; font-size: 0; display: flex; flex-wrap: wrap;}
.img_pop img{ height: 200px; margin: 0 0 10px 10px; display: inline-block;}
.img_pop img:last-child{ margin-left: 0;}
#pop_box{ width: 100%; height: 100vh; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 99999999999; overflow: auto;}
#pop_box img{ max-width: 100%; max-height: 450px; margin: 0 auto; display: block; position: relative; z-index: 40;}
#pop_box .flexbox{ /**height: 100vh;**/ padding: 0 20px; align-items: flex-start;}
#book_close{ width: 100%; padding: 20px; color: #fff; font-size: 35px; text-align: center; cursor: pointer; display: block; transition: all linear .2s; z-index: 50;}
#book_close:hover{ color: #ff4848;}
.close_shadow{ width: 100%; height: 100vh; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10;}

.pos_box{ position:relative;}
.pos_box .continue{ padding: 22px 100% 10px 10px; position:absolute; top:0; left:0; font-size:18px; color:#f05c2c; display:block; cursor:pointer;} 
.txt_flow .continue{ padding:10px 10px 22px 100%; transform:rotate(180deg);}
@media only screen and (max-width:768px){
	#pop_box{ display: none !important;}
	.img_pop img{ max-width: 100%; height: auto;}
	.sylbs{ padding:15px 15px 15px 38px;}
	.sylbs > div:nth-of-type(1){ width:100%; max-width:100%; padding:5px 0 5px; text-align:right;}
	.sylbs > div video{ max-width:210px;}
	.sylbs > div:nth-of-type(2){ width:100%;}
	/* .txt_flow .info_crs > p:first-child, .txt_flow .dtls_crs p{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} */
	/*.txt_flow .info_crs > p:first-child{ min-height: 30px; padding-left:30px;}*/
	/*.info_crs{ position:relative; z-index:5;}*/
	.txt_flow .img_pop{ display: none;}
	
	/** responsive font size **/
	.dtls_crs, .trip_txt,.other_txt, #our_mentors .flexbox > div:last-child h3,#our_mentors .flexbox > div:last-child .mentor_ex,
	.opinions .tribox > div,#element div > div,#crs_mem span,.impodesc .text,
	#list-of-questions .text,#course_step li .SelectCourse,.collapsible,.content,#weblog.p_course .flexbox > div > h3 a,
	#other_crs .c_items h3 a,#other_crs .more_bt,#p_course #courseInfo .rightInfo, .comment_txt,.comm_reply,#courseInfo .rightInfo .more_bt,
	#t_desc td::before,#t_desc td,#checkrule{ font-size:18px !important; line-height: 32px !important;}
	#course_step li{ padding: 20px 10px !important;} 
	.comment_info{ font-size: 15px !important;}
	#comform_header span{ font-size: 14px !important;}
}


.title{ margin:0 0 25px; color: #000; font-family: "SahelB"; font-size: 29px; line-height: 46px; text-align: center;}
#main_course{ padding:100px 0 90px; background-image: linear-gradient(to bottom, #000000, #3b3b3b, #777777, #b9b9b9, #ffffff);}
#main_course .title{ color:#fff; text-shadow:1px 1px 1px black;}
#main_course .flexbox{ justify-content:center;}
#main_course .flexbox > div{ width:Calc(33.333% - 13.333px); padding:3px; margin:0 0 30px 20px; background:#fff;}
#main_course .flexbox > div:last-child, #main_course .flexbox > div:nth-child(3n){ margin-left:0;}
#main_course .flexbox > div > a{ height:190px; background-size:cover !important; background-position:center !important; position:relative; display:block;}
#main_course .flexbox > div > a:hover{ opacity:0.7;}
#main_course .flexbox > div h3 a{ padding:15px; color:#333; font-family:"SahelB"; font-size:17px; display:block;}
#main_course .flexbox > div h3 a:hover{ color:#baebef;}
#main_course .flexbox > div h3 a i{ vertical-align:middle; color:#baebef;}
#main_course .course_time{ padding:0;}

.each_course{ padding:20px 0;}
.each_course .flexbox2{ align-items:stretch; justify-content:center;}
.right_justify{ justify-content: right !important;}
.each_course h2 a{ margin-bottom:10px; font-family:SahelB; font-size:19px; line-height:29px; text-align:right; color:#fff; text-shadow:1px 1px 1px #333; display:block;}
.each_course h2 a:hover{ opacity:0.6;}
.each_course h2 i{ color:#f3b6a1; vertical-align:middle; margin-left:3px; font-size:16px;}
.c_items h3 a:hover{ color:#f05c2c;}
.each_course .c_items{ width:Calc(33.333% - 13.333px); margin:0 0 20px 20px; background:#fff; border:3px solid #fff; border-radius: 10px; overflow: hidden;}
.each_course .c_items:last-child, .each_course .c_items:nth-child(3n){ margin-left:0;}
.each_course .box_img{ height:190px; width:100%; position:relative; background-position:center !important; background-size:cover !important; display:block; transition:all linear 0.2s;}
.each_course .box_img:hover{ opacity:0.8;}
.box_img .co_info{ padding-left:0;}
.box_img .co_info span{ margin-left:10px;}
.c_items h3 a{ margin:10px 13px 10px; color:#333; font-family:"SahelB"; font-size:15px; text-align: center; display:block;}
.each_course .more_bt2{ min-width:auto; width:auto; padding:5px 0 2px; line-height:18px; margin:auto; background:transparent; font-size:11px; font-family:Sahel; border-bottom: 1px solid #fff; display:block; float:left;}  
.each_course .more_bt2:hover{ opacity:0.6;}
.each_course .registerBox{ align-items:center;}
.each_course .registerBox .more_bt{ width:100%; min-width:inherit; margin: 0 auto !important; padding:5px 10px;}
@media only screen and  (max-width: 1200px){
	#main_course .flexbox > div{ width:Calc(50% - 10px);}	
	#main_course .flexbox > div:nth-child(3n){ margin-left:20px;}
	#main_course .flexbox > div:last-child, #main_course .flexbox > div:nth-child(2n){ margin-left:0;}
	.each_course .c_items{ width:Calc(50% - 10px);}
	.each_course .c_items:nth-child(2n){ margin-left:0;}
	.each_course .c_items:nth-child(3n){ margin-left:20px;}
	.each_course .c_items:last-child{ margin-left:0;}
	.each_course .flexbox2{ justify-content:center;}
}
@media only screen and  (max-width: 768px){
	#main_course .flexbox > div{ width:100%; margin-left:0 !important;}
	.each_course .c_items{ width:100%; margin:0 0 30px !important;}
	.each_course .c_items:last-child{ margin-bottom:0 !important;}
}

#about_course{ padding:100px 0;}
#about_course .text{ font-size:16px; line-height:30px; text-align:justify;} 
#about_course .main{ max-width:1000px;}
@media only screen and  (max-width: 1200px){
	#about_course .main{ max-width:720px;}
}
@media only screen and  (max-width: 768px){
	#about_course .main{ max-width:630px;}
}
@media only screen and  (max-width: 650px){
	#about_course .main{max-width:480px;}		
}

#course_tb{ margin:70px auto;}
#course_tb table{ width:100%; margin:auto; color:#000;}
#course_tb table tr:first-child{ color:#f05c2c; font-family:"SahelB";}
#course_tb table tr:first-child td{ font-size:17px !important;}
#course_tb table td{ padding:2px 5px; font-size:14px; border-bottom:1px solid #ddd; text-align:center;}
#course_tb table td:nth-child(1){ width:100px;}
#course_tb table td:nth-child(2){ width:20%;}
#course_tb table td:nth-child(3){ width:20%;}
#course_tb table td:nth-child(4){ text-align:right;}
#course_tb table td a{ color:#1b1bf2; transition:all linear .2s;}
#course_tb table td a:hover{ opacity:0.6;}
#course_tb table .more_bt{ width:150px; min-width:150px; padding: 5px; margin:0 auto 0 0; color:#fff; font-size:14px; line-height:26px;}
#course_tb table .more_bt:hover{ opacity:1;}
@media only screen and (max-width:1200px){
	#course_tb table tr, #course_tb table td{ width:100% !important; border-bottom:none; display:block;}
	#course_tb table tr:first-child{ display:none;}
	#course_tb table tr{ margin-bottom:40px;}
	#course_tb table td{ padding:5px;}
	#course_tb table td:nth-child(4){ text-align:center;}
	#course_tb table td:first-child{ color:#f05c2c; border-bottom:2px dashed #f05c2c;}
	#course_tb table .more_bt{ padding:8px 5px; margin:auto; min-width:100%;}
}

#element{ padding:0 0 50px; justify-content:center; align-items:stretch;}
#element > div{ width:Calc(16% - 8px); padding:20px; margin:0 0 10px 10px; background:#eee; color:#000; border-radius: 5px;}
#element > div:last-child{ margin-left:0;}  
#element div > div{ font-family:SahelB; font-size:15px; line-height:26px;}
#element > div i{ margin-bottom:10px; color:#f05c2c; font-size:20px;}
@media only screen and (max-width:1200px){
	#element{ padding: 0;}
	#element > div{ width:Calc(50% - 5px);}
	#element > div:nth-child(2n){ margin-left:0;}
}
@media only screen and (max-width:650px){
	#element > div{ width:100%; margin:0 0 20px !important; display:flex; display:-webkit-flex; display:-ms-flexbox; align-items:center;}
	#element > div i{ margin:0 0 0 30px; font-size:35px;}
	
}

#weblog2{ padding:50px 0 80px; background:rgba(228,228,228,1.00);}
#weblog2 .txt{ margin-bottom:35px; text-align:center;}
#weblog2 .title i{ color:#baebef;}
#weblog2 .flexbox{ padding:20px; background:#fff; justify-content:center; align-items:normal;} 
#weblog2 .flexbox > div, #relate_course .flexbox > div{ width:Calc(25% - 15px); padding:3px; margin:0 0 20px 20px; border-radius: 10px;}
#weblog2 .flexbox > div:last-child, #weblog .flexbox > div:nth-child(4n), #relate_course .flexbox > div:last-child, #relate_course .flexbox > div:nth-child(4n){ margin-left:0;}
#weblog2 .flexbox > div > a{ display:block;}
#weblog2 .flexbox > div > a img{ width:100%; height: 170px; object-fit: cover; display:block; transition:all linear 0.2s;}
#weblog2 .flexbox > div > a img:hover{ opacity:0.7;} 
#weblog2 .flexbox > div > h3 a, #relate_course .flexbox > div > h3 a{ padding:15px; color: #000; font-family: "Sahel"; font-size: 16px; line-height: 26px; text-align:center; display: block; transition: all linear 0.2s;}
#weblog2 .flexbox > div > h3 a:hover, #relate_course .flexbox > div > h3 a:hover{ color:#9b8168;}
#weblog2 .flexbox > div > h3 i, #relate_course .flexbox > div > h3 i{ color:#f05c2c; vertical-align:middle;}
#weblog2 .more_bt{ min-width:inherit; padding:10px 15px; margin-top:0; font-family: "Sahel";}
#weblog2 .more_bt i{ padding-right:10px; vertical-align:middle; display:inline-block;}
#relate_course .flexbox > div > a{ height:190px; background-size:cover !important; background-position:center !important; display:block; transition: all linear .2s;}
#relate_course .flexbox > div > a:hover{ opacity: 0.7;}
.flex_align{ align-items: stretch;}

#weblog2.p_course{ padding: 100px 0; background: #f4f4f4 !important;}
#weblog2.p_course .flexbox > div{ padding: 5px; background: #fff;}
#weblog2.p_course .bg_course{ padding: 20px 0 0; background: transparent;}
#weblog2.p_course .flexbox > div{ margin-bottom: 0;}
#weblog2.p_course .flexbox > div > a{ position: relative;}
#weblog2.p_course .flexbox > div > h3 a { position: relative;}
#weblog2.p_course .film::before{ font-family: "Font Awesome\ 5 Free"; font-weight: 900; content: "\f04b"; font-size:40px; color:#FFF; position:absolute; top: 50%; transform: translateY(-50%); z-index:1; left:0; right:0; text-align: center; text-shadow:1px 1px 0 black;}

@media only screen and (max-width:1200px){
	#weblog2 .flexbox > div, #relate_course .flexbox > div{ width:Calc(50% - 10px);}
	#weblog2 .flexbox > div:nth-child(2n), #relate_course .flexbox > div:nth-child(2n){ margin-left:0;}
	#weblog2.p_course .flexbox > div { margin-bottom: 20px;}
}
@media only screen and (max-width:768px){
	#weblog2 .flexbox > div, #relate_course .flexbox > div{ width:100%; margin-left:0 !important}
}

/*** online payment ***/
#page1{ padding: 100px 0; background:#f4f4f4;}
#page1 .h_title{ font-size:35px; line-height:60px;}
#page1 .h_title:after{ height:11px; background:#f05c2c; bottom:6px;}
#page1 .old_mem{ padding:5px 10px; display:inline-block; background:#bfcecb; color:rgb(22, 36, 70); transition:all linear 0.2s;}
#page1 .old_mem a{ color:#0632FF;}
#page1 .old_mem a:hover{ text-decoration:underline; opacity:.7;} 
#onlinePay{ margin: 35px auto 0 auto; display: flex; }
#onlinePayRight{ width: calc(100% - 250px); padding-left: 35px; }
#onlinePayLeft{ width: 250px; padding-top:28px;}
.onlinePayFlex{ display: flex; }
.onlinePayFlex>div{ width:33.333%;}
.onlinePayHead{ width: 100%; font-size: 14px; color:#334441; padding:0 5px; font-family:SahelB;}
.onlinePayHead i{ margin-left:5px; font-size:20px; color: #fba2a1;}
.onlinePayInput{ min-height:50px; padding:0 5px; margin-bottom: 10px; font-size: 0; border-bottom: 4px solid #e1e1e1; display: block; }
.onlinePayInput.birthday{ display: flex;}
.onlinePayInput.birthday select{ height: 40px !important; text-align: center;}
.onlinePayInput.birthday select:nth-child(2){ margin: 0 1%;}
.onlinePayInput.birthday select option{ font-family: tahoma;}
.onlinePayInput.birthday select:nth-child(1){ width: 25% !important;}
.onlinePayInput.birthday select:nth-child(2){ width: 45% !important;}
.onlinePayInput.birthday select:nth-child(3){ width: 40% !important;}
#onlinePayRight input, .form_box input{ width: 100%; border:1px solid #fff;max-width:100%;font-size: 14px; height: 40px;padding: 0 5px;}
#onlinePayRight select{ width: 100%; height: 40px; background: #fff; font-size: 14px; border:1px solid #fff;}
#buycost div{ margin-bottom:6px;}
#buycost div div:first-child{ padding:5px; background:#ffdfd6; color:#333; text-align:right; font-family:SahelB;}
#buycost div > i{ color:#fba2a1; font-size:23px; position:relative; top:1px;}
#buycost div div:last-child{ padding:0 5px;}
#buycost div:last-child div:first-child{ background:#f05c2c;}
#onlinePayButton{ max-width: 300px; width:100%; padding:3px; margin: 5px auto; text-align: center; background: #3AA683; color: WHITE; border-radius: 10px; transition: linear .2s; border: solid 1px #3AA683; display: flex;justify-content: center;align-items: center;line-height: 35px;font-size: 16px; text-shadow:1px 1px 1px rgba(0,0,0,.7); font-family:SahelB;}
#onlinePayButton i{ margin-right: 10px;}
#onlinePayButton:hover{ opacity: 0.7;}
.w_hlf{ width:50% !important;}
.no_code .w_hlf{ width:100% !important;}
.input_off input{ width: Calc(100% - 112px) !important; background: #ffe9e9; border:1px dashed #baebef !important;}
.input_off{width: 40%!important;}
#NatijeTakhfif{margin-bottom: 10px;}
.flex_off{ display: flex;align-items: flex-end;flex-wrap:wrap;}
.flex_off2{ display: flex;justify-content: space-between;align-items: center;}
.mob_txt{ color:rgba(255,79,81,1.00); font-size:13px;}
#checkrule{ padding-top:15px; text-align:center; font-size:14px;}
#checkrule input[type='checkbox']{ -webkit-appearance:none; width:16px; height:16px; background:white; border:1px solid #f05c2c; vertical-align:middle;}
#checkrule input[type='checkbox']:checked { background: #f05c2c;}
#checkrule a{ color:#448a78;}
#checkrule a:hover{ color:#3E845A;}
#count-takhfif{background:#f34f4e; color:white; border:none; padding:5px 10px; font-family:'SahelB'; font-size: 13px; margin-right: 4px;cursor: pointer;}
.wrong-code{color:red;font-size: 14px;margin-right:10px;margin-top: 5px;}
.correc-code{color:#ff014a;font-size: 14px;margin-right:10px;margin-top: 5px;}
.btn{max-width: 330px;height: 47px;width: 100%;line-height: 35px;padding: 5px;text-align: center; background: #baebef;color: #fff;font-size: 16px;text-shadow: 1px 1px 1px rgba(0,0,0,.7);font-family: SahelB;
    border: 1px solid #baebef;display: block;transition: all linear 0.2s;}    
#onlinePay input[type="checkbox"],#onlinePay input[type="radio"]{ height: 12px!important; width: 12px!important; -webkit-appearance: none; -moz-appearance: none;	-ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #A5A6A4!important; background:#FFFFFF; vertical-align:middle; cursor:pointer;}
#onlinePay input[type="radio"]{ border-radius:50%;}
#onlinePay input:checked{ background: #baebef; border: 1px solid #baebef;}
.green { color: #35ac68 !important;}
#citySection{ font-size: 14px;}
#citySection span{ padding-top: 6px; display: block;}
@media only screen and  (max-width: 1200px){
	#onlinePayRight input{ width:100%; max-width:100%;}
    #onlinePay{ display: block; }
    #onlinePayRight{ width: 100%; padding-left: 0; }
    #onlinePayLeft{ width: 100%; padding-top:0;}
	
	#buycost > div{ padding: 5px !important; display: flex; background: #fff1ed;}
	#buycost > div > div{ padding: 0 !important; margin-bottom: 0;}
	#buycost div div:first-child{ min-width: 132px; background: none; border-left: 1px dashed #91a19e;}
	#buycost div div:last-child{ padding-right: 15px !important;}
	#buycost > div:last-child{ background: #f05c2c;}
	.w100{ width: 100px; display: inline-block;}
}
@media only screen and  (max-width: 768px){
    .onlinePayFlex{ display: block; }
    .input_off,#NatijeTakhfif,.onlinePayFlex>div{ width: 100%; }
	#onlinePayRight select{ max-width:100%;}
	.w_hlf{width: 100%!important;}
	#page1 .h_title { font-size: 30px; line-height: 50px;}
	
	.onlinePayHead, #onlinePayRight select,#onlinePayRight input, #buycost, #onlinePayButton{ font-size: 18px;}
	#onlinePayRight select, #onlinePayRight input{ height: 50px !important; }
	.onlinePayInput{ min-height: 60px;}
	#count-takhfif{ padding: 11px 10px;}
	.onlinePayHead, #buycost{ line-height: 35px;}
	#checkrule{ font-size: 16px;}
}

/************* pish faktor css **********/
#bpishfaktor{
    padding: 15px 0;
    margin: auto;
    line-height: 20px;
    font-size: 14px;
}
#bpishfaktor .title b::before{ height:51px; width:1px; border-right:1px dashed #baebef; right:30px; top:100%;}
#bpishfaktor .title span{ color:#900; font-size:13px; padding-right:10px;}
#bpish_head{
    padding: 10px 0;
    margin-bottom: 10px;
	border-bottom: 4px solid #baebef;
	align-items:flex-end;
}
.printing{ display:none;}
/**print**/
@media print {
	.printing{ display:block !important;}
}
#bpishfaktor td > span:first-child{color: #f05c2c;}
#bpish_head img{ width:150px; display: block;}
#bpish_head .x_stl{ color:#baebef; font-size:30px;}
#bpish_date{ margin-right:auto;}
#bpish_date label{width: 40px;display: inline-block;}
#bpish_date input{
    width: 45px;
    padding: 0 5px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #444444;
    background: #f1f1f1;
}
#bpish_titr{
    padding: 0 5px;
	line-height:30px;
    text-align: center;
    font-size: 19px;
    color: #444444;
	font-family: 'SahelB';
}
#bpishfaktor table{width: 100%;margin: 5px 0;}
#bpishfaktor td{
    padding: 8px;
    font-size: 15px;
    vertical-align: middle;
    border: 1px solid #c2c2c2;
}
#bpish_buyer input{
    padding: 0 5px;
    font-size: 14px;
    background: #f6f6f6;
    border: 1px solid #C2C2C2;
}
#bpish_buyer tr:first-child td{
    width: 72px;
    text-align: center;
	background:#e2e4e9;
}
#bpish_seller tr:first-child td:first-child{ width: 72px; background:#e2e4e9;}
#bpish_seller td:nth-child(1){ }
#bpishfaktor td:nth-child(1){ width:55%;}
#bpish_seller td:nth-last-child(2){  }
#bpish_seller tr:nth-child(3) td:last-child b{ font-family:Sahel; display:inline-block; direction:ltr;}
#bpish_buyer td:last-child input{ width: 107px;}
#bpish_buyer tr:nth-child(2) td:nth-child(1) input{ width: 505px;}
#bpish_buyer tr:nth-child(2) td:nth-child(2) input{ width: 70px;}
#bpish_buyer tr:nth-child(3) td:nth-child(1) input,#bpish_buyer tr:nth-child(4) td:nth-child(1) input{ width: 656px;}
#bpish_buyer label{ width: 70px;display: inline-block;}
#bpish_services tr:first-child{ height: 35px;background:#e2e4e9;}
#bpish_services tr:nth-child(2){height: 35px;}
#bpish_services tr:first-child td{ font-size: 15px !important;}
#bpish_services td{ padding: 0 !important; text-align: center;}
#bpish_services input,#bpish_services textarea{
    height: 30px;
    min-height: 30px;
    padding: 5px;
    text-align: center;
    background: transparent;
    font-size: 13px;
    border: none;
}

#bpish_services td:nth-child(4),
#bpish_services td:nth-child(6) ,
#bpish_services td:nth-child(7) ,
#bpish_services td:nth-child(8) {background: none;}
#bpish_services tr:last-child td{padding: 5px 3px !important;}
#bpish_services tr:nth-child(1) td:nth-child(1){text-align: center;padding-right: 5px !important;}
#bpish_services td:nth-child(1) textarea{width: 98% !important;text-align: centercenter;}
#bpish_services td:nth-child(1){width:35%;}
#bpish_services td:nth-child(2),#bpish_services td:nth-child(2) input{width: 13%}
#bpish_services td:nth-child(3),#bpish_services td:nth-child(3) input,
#bpish_services td:nth-child(4),#bpish_services td:nth-child(4) input,
#bpish_services td:nth-child(6),#bpish_services td:nth-child(6) input{width:  13%}
#bpish_services td:nth-child(3),#bpish_services td:nth-child(3),
#bpish_services td:nth-child(4),#bpish_services td:nth-child(4),
#bpish_services td:nth-child(6),#bpish_services td:nth-child(6){width:  13%}
#bpish_services td:nth-child(5),#bpish_services td:nth-child(5) input{width:  13%}
#bpish_services td:nth-child(7),#bpish_services td:nth-child(7) input{width:  20%}
#bpish_services tr:last-child td{padding: 5px !important;}
#bpish_services tr:last-child td:last-child{font-family: 'SahelB';font-size: 15px !important;}
#bpish_txt{ font-family: Tahoma;font-size: 12px;}
#bpish_txt input{
    width: 25px;
    background: #f6f6f6;
    border: 1px solid #C2C2C2;
    text-align: center;
}
#maliat{ display: none;}
.form_bott{ margin-bottom:20px; display:flex; display:-webkit-flex; justify-content:center;}
.form_bott button{ margin:inherit !important;}
#bpishfaktor .print{ width:100px; height:47px; line-height:33px; margin-left:3px; padding:0px 3px; background:rgba(170,186,199,.5); color:rgba(33,69,98,1.00); font-family:"SahelB"; font-size:16px; border:1px solid rgba(170,186,199,1.00); display:flex;align-items: center;justify-content: center; text-align:center; transition:all linear 0.2s; cursor:pointer;}   
#bpishfaktor .print:hover{ opacity:0.7;}
#bpishfaktor .print i{ padding-left:6px; font-size:14px;}
#bpishfaktor .h_title, #p_receipt .h_title{ font-size:24px; line-height:42px;}
#bpishfaktor .h_title .title, #p_receipt .h_title .title{ text-align: right;}
#bpishfaktor .h_title::after, #p_receipt .h_title::after{ bottom:8px; height:10px;} 

.login button{ max-width:330px; height:47px; width:100%;line-height:35px; padding:5px; margin:auto; text-align:center; background:#3AA683; color:#fff; font-size:16px; text-shadow: 1px 1px 1px rgba(0,0,0,.7); font-family: SahelB; border:1px solid #3AA683; display:block; transition:all linear 0.2s;}
.login button:hover{ opacity: 0.7;}
@media only screen and (max-width: 1200px){
	#bpishfaktor tr, #bpishfaktor tr td{ width:auto !important; font-size:14px; text-align:center !important; display:block;}
	#bpishfaktor tr td{ border-top:none;}
	#bpish_buyer tr:first-child td, #bpish_seller tr:first-child td{ background:#f05c2c !important; color:#fff; font-family: 'SahelB'; font-size:15px;}
	#bpish_services tr:first-child{ display:none;} 
	#bpish_services tr{ height:auto !important;} 
	#bpish_services tr:nth-child(2):before{ content:"شرح خدمات"; background:#f05c2c; color:#fff; display:block; padding:5px 0; font-size:15px; font-family: 'SahelB';}
	#bpish_services tr td:before{ padding-left:3px; color:#f05c2c;}
	#bpish_services tr td:nth-child(1):before{ content:"نام دوره:";}
	#bpish_services tr td:nth-child(2):before{ content:"تعداد:";}
	#bpish_services tr td:nth-child(3):before{ content:"مبلغ واحد:";}
	#bpish_services tr td:nth-child(4):before{ content:"ارزش افزوده";}
	#bpish_services tr td:nth-child(5):before{ content:"مبلغ تخفیف:";}
	#bpish_services tr td:nth-child(6):before{ content:"مبلغ نهایی:";}
	#bpish_head img, #bpish_date{ float:none;}
}
@media only screen and (max-width: 420px){
	#bpish_head {
    flex-wrap: wrap; 
    display: flex; 
		 justify-content: center;
	}
}
/************* /pish faktor css **********/

/*****/
#p_receipt h1{ margin-bottom:15px; font-family:SahelB; font-size:21px; line-height:31px;}
#receipt{ max-width:800px; margin:50px 0 80px; padding:35px 10px; border-top:3px solid #baebef; border-bottom:3px solid #baebef;}
#receipt .success{ font-family:SahelB;}
#receipt .success i{ color:#baebef; font-size:28px;}
#receipt .rec_txt{ color: black;}
#receipt .rec_log{ padding: 5px 25px;margin: 0 10px;background: #baebef;border-radius: 50px;font-family: Sahel;color: white;}
.user_txt{ padding:3px 0;}
.user_txt i{ color:#baebef;}
#pre_factor{ margin-top: 93px;}
#pre_factor #navigator{ padding: 10px 20px 0;}
#pre_factor #navigator,#pre_factor #navigator a{ color: #333;}
@media only screen and (max-width: 768px){
	#pre_factor #navigator{ max-width:630px;}
}
@media only screen and  (max-width: 650px){
	#pre_factor #navigator{max-width:480px;}		
}

/************************************************************** courselist ***********************************************************/
#courselist{ margin-top: 93px;}
/****sort****/
.introduce .navigator a, #banner_serv .navigator a{color:#fff; transition:linear .2s;}
.introduce{	position:relative; overflow:hidden; background:#153915;}
.introduce .flexbox{ justify-content: flex-start;}
.introduce > div{ padding:20px 40px 25px 15px; color:#FFF; text-align:justify; margin:auto !important;}
#banner_serv .main{ padding: 20px 40px 25px 15px; color: #FFF; text-align: justify; margin: auto !important;}
.introduce div h1.b_title{ margin-top: 20px; display:block; font-family:'SahelB'; font-size:29px; text-align:right; line-height:55px;}
@media only screen and  (max-width: 1250px){
	.introduce > div{margin: 0 10px 0;}
}
@media only screen and  (max-width: 1200px){
	.introduce > div, #banner_serv .main{ padding:20px 15px 20px;}
}
.soldout, .limited{position:absolute; top:-10px; right:-10px; width:110px; transform:rotate(20deg); height:110px; background:url(images/icon/soldout.png);}
.limited{background:url(images/icon/limited.png);}
.soldout:after, .limited:after, .limited:before{font-size:27px; position:absolute; color:#FFF; text-shadow:1px 1px 1px #666666;}
.limited:after{content:'محدود'; top:62px; right:32px;}
.limited:before{content:'ظرفیت'; top:37px; right:32px; font-size:18px;}
.soldout:after{content:'تکمیل'; top:50px; right:32px;}

/**new page**/
#courselist .bannerInfo{ width:Calc(100% - 300px); padding-left:20px;}
#courselist #starBox{ width:300px; margin-right:auto;}
#courselist #starBox .stars{ margin-bottom:9px;}
#courselist #starBox #wantstar:hover{ color:#fc3;}
#courselist #starBox .rate_box{ background:#575757;}
@media only screen and  (max-width: 1200px){
	#courselist .bannerInfo{ width:100%; padding-left:0px;}
	#courselist #starBox{ width:100%; margin:20px 0 0; text-align:right;}
	#courselist #starBox .stars{ text-align:right;}
}

/**why we**/
#why_we{ margin: 100px auto;}
#reg_doc{ margin: 100px auto;}
.other_txt{ max-width:800px; margin: 0;}

/******************faq**********************/
#list-of-questions {max-width: 1000px; margin: 100px auto;}
#list-of-questions .text{ margin-bottom: 15px;}
.collapsible {background-color: #f4f4f4;color: #000;cursor: pointer;padding: 14px 25px 14px 12px;width: 100%;border: none;text-align: right;outline: none;font-size: 16px;border-top: 1px solid #bfbfbf;border-right: 1px solid #bfbfbf;border-left: 1px solid #bfbfbf;font-family: 'SahelB';display: flex;justify-content: space-between;align-items: flex-start;transition: all .5s; position: relative;}
.collapsible:last-of-type{border-bottom: 1px solid #bfbfbf;}
.collapsible:nth-of-type(2n) {background-color: #f8f8f8;}
.collapsible i {transition: transform .5s;color:#f05c2c}
.collapsible i.active {-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.icon-collapse{ padding-right: 10px;}
.content {padding:0 18px;overflow: hidden;background-color: white;border-right: 1px solid #ddd;border-left: 1px solid #ddd;display: none;;color:#000;}
.content a{color:#004f8c;}
.content span{color:#004f8c}
.content p{padding: 18px 0;text-align:justify;}
.collapsible.active,.collapsible:hover {background-color: #fff1ed;}
.titr-faq{margin-bottom: 20px; margin-top:20px; color: #004f8c;font-size: 18px;display: inline-block;font-family:'SahelB'}
.fq_box:last-of-type .collapsible{ border-bottom: 1px solid #bfbfbf; }
.fq_box:last-of-type .content{ border-bottom: 1px solid #ddd;}
.collapsible:before{ content:"\f068"; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size: 10px; color: #f05c2c; position: absolute; right: 10px; top:16px; display: block;}

/** album **/
#t_album .sectiontxt{ color:#fff; margin-bottom:0;}
#t_album .sectiontxt i{ padding-left:5px; color:#C7E844; font-size:17px;}
#t_album .pictxt{ color:white; font-family:'Sahel'; font-size:15px;}
/***#t_album .click img{ width:125px; margin-top:10px; display:block;} ***/
#attractions{ margin:20px auto; color:#fff;}
#attractions div{ font-family:'sahel';}
#attractions div b, .txt_bold{ padding-left:5px; font-size:18px; color: #C7E844;}
#t_album{ margin: 50px auto; background:url(images/background/cbg.png); overflow:hidden;}
#t_album .tsubject i{ color:#C7E844;}
#album_box{ position:relative;} 
#galleryBox,#galleryBox2{ padding:0; margin:auto; font-size:0; text-align:center; background:#fff; transition: all .5s linear; white-space:nowrap;}
#galleryBox:after,#galleryBox2:after{ content:''; clear:both; display:block;}
#galleryBox li,#galleryBox2 li{ height:200px; background-size:cover !important; background-position:center !important; position:relative; font-size:14px; display:inline-block; vertical-align:bottom; cursor: pointer; list-style:none; transition: all linear .2s;}
#galleryBox li:before,#galleryBox2:before{ content:"\f00e"; color:#fff; position:absolute; top:50%; right:0; left:0; transform: translateY(-50%);font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:30px; visibility:hidden; opacity:0; transition:all linear 0.5s;}
#galleryBox li:first-child:after,#galleryBox2 li:first-child:after{ content:"کلیک کنید"; position:absolute; top:50%; right:0; left:0; transform: translateY(-50%); color:#fff; font-size:16px; font-family:'sahelB'; text-shadow:1px 1px 1px #000; transition:all linear 0.5s;}
#galleryBox li:hover,#galleryBox2 li:hover{ opacity: 0.7;}
#galleryBox li:hover:before,#galleryBox2 li:hover:before{ visibility:visible; opacity:0.8;}
#galleryBox li:hover:after,#galleryBox2 li:hover:after{ visibility:hidden; opacity:0;}
#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{ line-height: 30px; font-size: 18px; font-family:'sahelT'}
#galleryShowdetail{ line-height: 18px; font-size: 12px; }
#galleryShow.active{ opacity: 1; visibility: visible; }
#morePic{ min-width: inherit; width:160px; padding:10px; margin:20px auto 0; border: 2px solid #fff; color: #fff; font-size: 18px; text-align:center; cursor:pointer; display:none;}
#morePic:hover{ opacity:0.5;}
#morePic i{ color: #fff; vertical-align: middle;}
#about_trip{ padding:20px; background:url(images/background/bg.jpg);}
#about_trip .tsubject{ margin-bottom:0; font-size:18px;}
.fontl{font-size:13px;}
#nex_mtlbkh,#pre_mtlbkh{ 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_mtlbkh{ padding-left:15px; right: 0px; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );}
#nex_mtlbkh{ padding-right:15px; left: 0px; background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );}
#nex_mtlbkh:hover,#pre_mtlbkh:hover{ opacity:0.4; }

@media only screen and  (max-width: 1200px){
	#galleryBox{ width:auto !important;}
	#galleryBox li{ width:50% !important; height:280px;}
	#galleryBox li.disnone{ display:none;}
	#morePic{ display:block;}
	#nex_mtlbkh,#pre_mtlbkh{ display:none !important;}
}

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

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

/***** comment ********/
#p_course #matlab_comm{
    padding: 50px 0px;
	background:#eee;
}
#p_course #matlab_comm .container{
    padding: 0px 20px;
	padding-top:20px;
	max-width:800px; 
	margin:auto;
}
#p_course .comment{
    width: 100%;
    margin-bottom: 50px;
    position: relative;
}
#p_course #comment_header{
    margin-bottom: 30px;
	color: #000;
	font-family:'SahelB';
    font-size: 29px;
    line-height: 55px;
}
#p_course .comm_img{
	width: 28px;
	background:#f05c2c;
	line-height:28px;
	font-size:11px;
	text-align: center;
	color:#fff;
	position:absolute;
	right: 12px;
	top: 18px;
	border-radius:50%;
	z-index: 10;
}
#p_course .comment_info{
    padding: 5px 0px;
    color: #aaaaaa;
    font-family: 'Sahel';
    font-size: 13px;
	line-height: 25px;
}
#p_course .comment_info i{
    margin-right: 10px;
    color: #a6a6a6;
    display: inline-block;
}
#p_course .comment_info div{
    display: inline-block;
}
#p_course .comment_info div:first-child{
    padding-left: 3px;
}
#p_course .comment .comm_box{
	background: #e7e7e7;
	border: 1px dashed #999;
	padding: 15px 50px 15px 15px;
	position: relative;
}
#p_course .comment_txt{
    padding: 5px 0px;
    font-family: 'Sahel';
    font-size: 15px;
    line-height: 28px;
    text-align: justify;
    text-justify: auto;
	color:#000;
}
#p_course .comment_ans{
    margin: 15px 60px 0px 0px;
	position: relative;
}
#p_course .comment_ans .comm_img .x_style{ padding : 5px; display: inline-block; font-family: tahoma; font-weight: bold;}
#p_course .comment_ans .comm_img{ color:#f05c2c; background:none; font-size:12px; text-align: center; position:absolute; top: 19px; right: 5px;}
#p_course .comment_ans .comm_box{ padding: 15px 33px 15px 15px;}
#p_course .comm_reply{
    color: #aaaaaa;
    line-height: 30px;
    font-size: 15px;
    display: inline-block;
    cursor: pointer;
    transition: all .2s linear;
}
#p_course .comm_reply i{
    margin-left: 2px;
}
#p_course .comm_reply:hover{
    color: #f05c2c;
}
/******* form ersale nazar **********/
#p_course #comform_header{
    margin: 15px 0px 10px 0px;
    color: #444444;
    font-size: 18px;
    line-height: 30px;
}
#p_course #comform_header span{ font-size: 12px; color: #9D9B9B; font-family: 'Sahel';}
#p_course #cancel_reply{
    padding: 0px 10px 0px 0px;
    color: #f05c2c;
    cursor: pointer;
    font-size: 18px;
    display: none;
    transition: all .3s linear;
}
#p_course #cancel_reply:hover{
    color: #b91217;
}
#p_course #comment_form label{
    line-height: 25px;
    padding: 0 3px 5px;
    font-size: 14px;
    color: #696969;
    display: block;
    font-family: 'Sahel';
}
#p_course #comment_form label i{
    margin-right: 3px;
    font-size: 9px;
    color: #fb6666;
    position: relative;
    top: -3px;
}
#p_course #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: #fff;
    border: 1px solid #D5D5DD;
	border-radius:5px;
    font-family: 'Sahel';
    font-size: 15px;
    transition: all .3s linear;
}
#p_course #comment_form .comf_float{
    width: 50%;
    float: right;
}
#p_course #comment_form .comf_float:first-child{
    padding: 0px 0px 0px 10px;
}
#p_course #comment_form .comf_float:nth-child(2){
    padding: 0px 10px 0px 0px;
}
#p_course #comment_form input{
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #D5D5DD;
	border-radius:5px;
    font-family: 'Sahel';
    font-size:15px;
    transition: all .3s linear;
}
#p_course #comment_form input:hover,#p_course #comment_form textarea:hover,#p_course #comment_form input:focus,#p_course #comment_form textarea:focus{
	box-shadow: 0px 0px 5px #fff1ed; 
	border-color:#fff1ed;
}
#p_course #comment_form .ltext{
    font-family: Sahel !important;
}
#p_course #matcom_sub{
    text-align: right;
    padding-bottom: 25px;
}
#p_course #matcom_sub #pasokh_sub{
    display: none;
}
#p_course #NatijeSubmit{ color: #006653;background: #cce5df;padding: 5px 10px;border: 1px dashed #006653;margin-top: 25px; line-height: 25px;}
#p_course #NatijeSubmit:empty{ display:none;}
#p_course .button{ width:140px; margin-top:20px; line-height:45px; background:#163c16; color:#fff; font-family:'SahelB'; font-size:15px; text-shadow:1px 1px 1px #333; text-align:center; border:none; border-radius: 10px; display:inline-block; transition:all linear.2s;}
#p_course .button:hover{ opacity: 0.7;}
#p_course .button i{ padding-right: 5px; position: relative; top: 2px;}
@media only screen and (max-width:1200px){  
    #p_course #matlab_comm .container{ max-width: 720px;}
}
@media only screen and (max-width:768px){  
    #p_course #matlab_comm .container{ max-width: 630px;}
}
@media only screen and (max-width:650px){  
    #p_course #matlab_comm .container{ max-width: 480px;}
}
@media only screen and (max-width:1000px){ /************ responsive matlab 1000 px *****************/
    #p_course #matlab_comm .container{
        padding:20px 15px 0;
    }
}
@media only screen and (max-width:700px){ /************ responsive matlab 700 px *****************/
    #p_course #comment_form .comf_float,#p_course #matcom_sub .button{
        width: 100%;
        float: none;
    }
    #p_course #comment_form .comf_float:first-child{
        padding: 0px;
        margin-bottom: 10px;
    }
    #p_course #comment_form .comf_float:nth-child(2){
        padding: 0px;
    }
    #p_course .comment_ans{
        margin: 15px 20px 0 0;
    }
	
	/** responsive font size **/
	#p_course #comment_form label,#p_course #comment_form textarea,#p_course #comment_form input, .button{ font-size: 17px;}
	#p_course #comform_header{ font-size: 20px;}
	#p_course #comment_form input{ height:50px;}
	
}
@media only screen and (max-width:500px){ /************ responsive matlab 500 px *****************/
    #p_course #matlab_comm .container{
        padding: 20px 20px;
    }
	#p_course .comment_ans .comm_img i{ top: 15px; bottom:0;}
}

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

/***************************************************** entry *****************************************************/
#enter_form{ color: #000;}
.has_bg{ background: url(images/background/entry.webp); padding: 1px 0; background-size: cover !important;}
.min_hgt{ min-height: calc(100vh - 180px); display: flex; flex-direction: column; justify-content: center;}
.return{ max-width: max-content; padding: 10px; margin: 20px 20px 10px 0; background: #f4f4f4; border-radius: 5px;}
.return img{ width: 100%; max-width: 30px; margin-right: 10px; display: inline-block;}
.return a{ max-width: max-content; color: #333;}
.return a:hover{ color: #f05c2c;}
.return a i{ padding: 0 5px 0 5px; position: relative; top: -1px; transition: all linear 0.2s;}
.entry_flex{justify-content: right;}
.tiny_tedad{padding: 0 0 0 5px !important;}
#choise_id{ max-width: 900px; margin: 25px auto 0; gap: 20px; grid-template-columns: repeat(3,1fr); display: grid;}
#choise_id > a{ height: 250px; padding: 20px; background: #f05c2c; color: #fff; font-size: 25px; line-height: 40px; text-align: center; border-radius: 5px; display: flex; flex-direction: column; justify-content: center;}
#choise_id i{ margin-bottom: 10px; color: #fff; font-size: 55px; display: block; transition: all linear 0.2s;}
#choise_id > a:hover{ background: #163c16;}
#choise_id > a:hover i{ color: #fff}
@media only screen and  (max-width: 600px){
    #choise_id{ gap: 10px; grid-template-columns: repeat(2,1fr);}
    #choise_id > a{ height: 165px; padding: 10px; font-size: 20px; line-height: 30px;}
    #choise_id i{ font-size: 40px;}
    .min_hgt{ min-height: inherit;}
}


#permit{ margin-top: 60px;}
.gridbox{ margin: 20px 0; display: grid; gap: 10px; grid-template-columns: repeat(4,1fr);}
.gridbox.one_column{ grid-template-columns: repeat(1,1fr);}

.tiny{ padding: 0 5px; font-size: 14px; line-height: 23px; display: block;}
.st_form .title2{ margin-bottom: 5px; font-size: 18px; line-height: 28px;}
.st_form .title2:before{ content: ""; width: 12px; height: 4px; margin-left: 5px; background: #f05c2c; display: inline-block;}
.st_form.wh_half{ max-width: 750px;}
.st_form{ padding: 10px; background: #fff; font-size: 15px; line-height: 27px;}
.st_form input[type=text],.st_form input[type=tel],.st_form input[type=email],.st_form select{ width: 100%; height: 40px; padding: 0 5px; background: #fff; border: 1px solid #ddd; border-radius: 4px;}
.st_form select option{ font-family: tahoma;}
.st_form .select_col{ display: grid; gap: 0 3px; grid-template-columns: 1fr 2fr 1.5fr;}
.st_form .for_bg:nth-of-type(2n){ padding: 10px; background: #f4f4f4; border-radius: 5px;}
.st_form .more{ background: #46ac2e;}
.st_form .print{ background: #0391bd;}
.st_form .print i{ padding-left: 5px;}

.for_cost{ padding: 10px; background: #f0fff7; border: 1px solid #0BA67A; border-radius: 5px;}
.for_cost select{ width: 50px; margin-left: 5px;}
.for_cost .s_cost b{ min-width: 70px; text-align: left; font-size: 18px; display: inline-block;}
.for_cost .s_cost span{ font-family: "SahelB";}
.for_cost > .flexbox > div:first-child{ width: 50px; margin-left: auto;}
.for_cost > .flexbox > div:last-child{ width: calc(100% - 70px);}

.date_list{ margin: 20px 0;}
.date_list label{ height: 40px; line-height: 40px; padding: 0 10px; background: #fff; border: 1px solid #ddd; border-radius: 4px; cursor: pointer;}
.date_list label:has(input:checked) { background: #f0fff7; border-color: #0BA67A;}

.plate{ padding-right: 2px; gap: 0 2px; background: #f4f4f4; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; flex-wrap: nowrap;}
.plate input[type=tel], .plate select{ height: 34px; background: #fff; text-align: center; border: none;}
.plate > div{ position: relative;}
.plate > div:nth-child(1),.plate > div:nth-child(4){ width: calc(20% - 2.8px);}
.plate > div:nth-child(2),.plate > div:nth-child(3){ width: calc(28% - 2.8px);}
.plate .flag{ height: 40px; width: 21px; padding: 0 2px; margin-right: auto; background: #1d48e1; font-size: 8px; line-height: 10px; color: #fff; text-align: left; direction: ltr; display: flex; flex-direction: column; justify-content: center;}
.plate .flag img{ max-width: 12px; width: 100%; padding: 5px 0; margin: 0 auto; display: block;}
.plate .country span{ font-size: 10px; line-height: 15px; position: absolute; top: -6px; left: 0; right: 0; text-align: center;}
.plate .country input[type=tel]{ height: 22px; position: relative; top: 7px;}

.resultbox{ grid-template-columns: repeat(2,1fr);}
.resultbox .each_info{ padding: 5px; border: 1px dashed #ddd; border-radius: 4px;}
.each_info b{ width: 120px; padding: 3px 5px 2px;; background: #f4f4f4; display: inline-block;}
.each_info > span{ width: Calc(100% - 125px); padding-right: 5px; display: inline-block;}
.permit_result{ max-width: 425px; width: 100%; padding: 15px 20px; margin: 20px 0; background: #f0fff7; border: 1px dashed #0BA67A; border-radius: 4px; font-family: "SahelB"; font-size: 21px; line-height: 33px;}
.permit_result i{ padding-left: 5px; color: #0BA67A; font-size: 20px; position: relative; top: 2px;}
.result_logo{ max-width: max-content; display: block;}
.result_logo img{ width: 100%; max-width: 80px; margin: 20px 0; display: block;}

.new_price{ display: none;}
.new_price label{ margin: 0; padding: 5px; border: 1px solid #ddd; border-radius: 4px; display: inline-block; cursor: pointer;}
.new_price label:has(input:checked),.choise_car label:has(input:checked){ background: #f0fff7; border-color: #0BA67A;}
.choise_car label{ min-width: 100px; margin: 0 0 0 8px; padding: 5px; border: 1px solid #ddd; border-radius: 4px; text-align: center; display: inline-block; cursor: pointer;}

.done_res{ max-width: 470px; padding: 30px 40px; margin: 20px 0; background: #fff; font-size: 21px; line-height: 35px; border-radius: 5px;}
.done_res .green{ color: #81B340;}
.done_res i{ color: #81B340;}
.done_res .on_sub{ margin-bottom: 5px; font-size: 25px; line-height: 38px; display: block;}
@media only screen and  (max-width: 1024px){
    .gridbox{ grid-template-columns: repeat(2,1fr);}
    .date_list label{ height: 60px; line-height: 60px;}
    .plate input[type=tel], .plate select{ height: 54px;}
    .plate .country input[type=tel]{ height: 40px; top: 9px;}
    .st_form{ font-size: 19px;}
    .st_form input[type=text],.st_form input[type=tel],.st_form input[type=email],.st_form select,.plate .flag,.new_price label,.choise_car label{ height: 60px;}
    .new_price label,.choise_car label{ line-height: 50px;}
    .st_form .more{ padding: 15px 20px 12px 20px; font-size: 21px; line-height: 32px;}
    .plate .country span{ font-size: 13px;}
    .tiny{ font-size: 17px; line-height: 29px;}
    .each_info b{ width: 117px; padding: 15px 10px 12px;}
    .each_info > span{ width: Calc(100% - 120px);}
    .permit_result{ padding: 15px; font-size: 23px; line-height: 38px;}
    .for_cost .s_cost b{ font-size: 21px; line-height: 34px;}
    #whitebox{ padding: 15px;}
}
@media only screen and  (max-width: 800px){
    /*.each_info b{ width: 100%;}
    .each_info > span{ width: 100%; padding: 15px 5px 5px;}*/
}
@media only screen and  (max-width: 600px){
    .gridbox{ grid-template-columns: repeat(1,1fr);}
    .st_form .more{ width: 100%;}
    .new_price label,.choise_car label{ width: 100%; margin: 0 0 5px; display: block;}
}

/***************************************************** footer *****************************************************/
footer{ background: #f4f4f4; color: #333; border-top: 1px solid #ccc;}
.column{ margin: 50px 0; align-items: flex-start}
.column .logo{ width: 100px; margin-left: 50px;}
.column .logo img{ width: 100%;}
.column .Tright{ width: Calc(100% - 150px); align-items: flex-start; justify-content: flex-start;}
.column .Tright > div{ width: 25%; padding-left: 20px; font-size: 16px; line-height: 26px;}
.column .Tright > div:last-child{ padding-left: 0;}
.column .Tright > div h3{ margin-bottom: 7px; font-family: "SahelB"; font-size: 20px; line-height: 30px;}
.column .Tright > div a{ padding: 2px 0; color: #333; display: block;}
.column .Tright > div a:hover{ color: #f05c2c}
.column .links a{ margin-left: 5px; font-size: 30px; color: #333 !important; display: inline-block !important;}
.column .links a:hover{ transform: scale(1.1);}
.namad img{ width: 100%; max-width:100px; margin-right: auto ; padding: 10px; background: #fff; display: block;}
#newsletter{ width: 100%; max-width: 320px; height: 50px; position: relative; }
#newsletter input{ width: 100%; height: 100%; padding: 0 5px 0 65px; color:#333; border: 1px solid #eee; direction: ltr;}
#newsletter input::placeholder{ text-align: right;}
#newsletter button{ width: 60px; height: 100%; padding: 0 5px; background: #fff; color: #333; position: absolute; left: 0; top: 0; border: none; transition: all linear 0.2s;}
#newsletter button:hover{ opacity: 0.7;;}
@media only screen and  (max-width: 900px){
	.column .logo{ margin: 0 auto 30px;}
	.column .Tright{ width: 100%;}
	.column .Tright > div{ width: 100%; margin: 30px 0; padding: 0; text-align: center;}
	#newsletter{ margin: auto;}
    .namad img{ margin: auto;}
}

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

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

/**** end footer ****/
@media print {
    .noprint{ display: none !important;}
    #permit{ margin-top: 0 !important;}
}