@charset "utf-8";
/*Eric Meyer's*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0; line-height: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block; vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent; transition:linear .2s;}/*color:#069; */
a:active,a:hover{outline:0;}/* color:#06C;*/
abbr[title]{border-bottom:1px dotted}
/*b,strong{font-weight:bold}*/
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}
img{border:0; 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:25px;}
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; }
select option{ font-family: "tahoma";}
/* CSS Document */
@font-face{
	font-family: 'Samim';
    src: url('includes/fonts/Samim.eot');
    src: url('includes/fonts/Samim.eot?#iefix') format('embedded-opentype'),
		 url('includes/fonts/Samim.woff') format('woff'),
		 url('includes/fonts/Samim.ttf') format('truetype');
	font-weight: normal;
	}
@font-face{
    font-family: 'SamimBold';
    src: url('includes/fonts/Samim-Bold.eot');
    src: url('includes/fonts/Samim-Bold.eot?#iefix') format('embedded-opentype'),
		 url('includes/fonts/Samim-Bold.woff') format('woff'),
		 url('includes/fonts/Samim-Bold.ttf') format('truetype');
	font-weight: bold;
	}
	@font-face {
		font-family: 'Sahel';
		src: url('includes/fonts/Sahel.eot');
		src: url('includes/fonts/Sahel.eot?#iefix') format('embedded-opentype'),
			 url('includes/fonts/Sahel.woff') format('woff'),
			 url('includes/fonts/Sahel.ttf') format('truetype');
		}
	@font-face{
		font-family: 'SahelB';
		src: url('includes/fonts/Sahel-Bold.eot');
		src: url('includes/fonts/Sahel-Bold.eot?#iefix') format('embedded-opentype'),
			 url('includes/fonts/Sahel-Bold.woff') format('woff'),
			 url('includes/fonts/Sahel-Bold.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:28px; font-family:'samim'; font-size:15px; color:#333; direction:rtl;}
*{ box-sizing:border-box; text-decoration:none;}
a, button{ transition:all linear 0.2s; cursor:pointer;}
.main{ max-width: 1208px; margin:auto; padding: 0 25px;}
.flexbox, .flexbox2{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items: center; justify-content: center;}
.flexbox2{ align-items: stretch}
.en_font{ font-family:tahoma !important;}
.ltr{ direction: ltr; display: inline-block}
.more{ min-width: 150px; width: max-content; padding: 8px 20px; margin: 20px auto auto; font-size:17px; line-height: 30px; background: #15426A; color:#fff; text-align:center; text-shadow: 1px 1px 0px rgba(99,99,99,0.8); border: none; border-radius: 5px !important; display:block; transition:all linear .2s;}
.more:hover{ opacity: 0.7;}
.more i{ margin-right: 4px; vertical-align: middle;}
#hide_overflow { position: relative; overflow: hidden;}
b,strong{ font-family:'samimBold'; font-weight: normal;}
.scroll{ width: 100%; overflow:hidden;}
.title{ margin: 0 0 25px; font-family: "samimBold" !important; font-size: 22px; line-height: 35px;}
.title i{ margin-left: 5px; color: #f05c2c;}
.text{ font-size: 18px; line-height: 30px;}
.mar0top{ margin-top: 0 !important;}
.pad30top{ padding-top: 30px !important;}

/** checkbox style**/
input[type="checkbox"]{ height: 12px; width: 12px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #D2D3D0;	background:#FFFFFF;	position:relative; top:2px; left:2px; cursor:pointer;}
input[type="checkbox"]:checked { background: #f05c2c; border: 1px solid #f05c2c;}


/***************************************************** header *****************************************************/
header{ margin-bottom: 30px; border-bottom: 1px solid #ddd;}
.top_head{ padding: 20px 25px; flex-direction: row-reverse;}
.top_head > a{ color: #15426A; margin-left: auto; font-family: "samimBold"; font-size: 22px; line-height: 35px;}
.top_head img{ max-width: 60px; width: 100%; display: block;}
@media only screen and (max-width: 500px){
	.top_head{ text-align: center; display: block;}	
	.top_head img{ margin: 0 auto 15px;}
}


/***************************************************** index *****************************************************/
.min_hgt{ min-height: Calc(100vh - 164px);}
.condition ul li{ list-style: none;}
.condition ul li:before,.title2::before{ content: "\f0c8"; margin-left: 10px; color: #f05c2c; font-size: 8px; font-family:"Font Awesome\ 5 Free"; font-weight:900; display: inline-block;}
.title2{ padding-right: 10px; margin: 30px 0 10px; font-family: "samimBold"; font-size: 18px; line-height: 40px; border-right: 3px solid #f05c2c;}
.title2::before{ margin: 0; font-size: 14px; position: relative; top: 1px; right: -17.3px;}
.condition form{ margin-top: 30px; padding: 30px 0; border-top: 1px solid #ddd;}
.condition form select{ padding: 5px 10px; background: transparent; border: 1px solid #ddd; border-radius: 5px;}
.condition form label{ cursor: pointer;}
.condition form .more{ margin: 20px auto 0 0;}

.condition p::before{ content: "\f0c8"; margin-left: 10px; color: #f05c2c; font-size: 8px; font-family:"Font Awesome\ 5 Free"; font-weight:900; display: inline-block;}
.condition p{ padding-right: 10px; margin: 30px 0 10px; font-family: "samimBold"; font-size: 18px; line-height: 40px; border-right: 3px solid #f05c2c;}
.condition p::before{ margin: 0; font-size: 14px; position: relative; top: 1px; right: -17.3px;}
/***************************************************** page1 *****************************************************/
.route{ width: 100%; margin-bottom: 0; padding: 0 35px 50px 0; border-right: 1px dashed #15426A; position: relative; z-index: 20;}
.route .subject{ margin: 50px 0 30px; color: #15426A; font-family: "SahelB"; font-size: 20px; line-height: 33px; position: relative; top: -23px;}
.route .subject b{ padding: 10px 30px; background: #D2E0EF; border-radius: 5px; display: inline-block;}
.route .subject b::before { content: ""; width: 34px; height: 1px; border-top: 1px dashed #15426A; position: absolute; right: -34px; top: 23px;}
.route .circle{ height: 52px; line-height: 52px; width: 52px; background: #D2E0EF; color: #15426A; font-family: 'samimBold'; font-size: 17px; text-align: center; position: absolute; right: -26px; display: inline-block; border-radius: 50%; transition: all linear 0.2s;}
.route:hover .circle{ background:#004f8c; color:#fff;}
.route .sec_title{ margin: 10px 0 20px; color: #15426A; font-family: "samimBold"; font-size: 17px; display: inline-block;}
.route .th_title{ max-width: max-content; padding: 10px; margin: 30px 0 10px 0; background: rgb(255, 239, 224); color: #333; border-right: 3px solid #f05c2c; border-radius: 5px;}
.route .th_title span,.sec_title span{ font-size: 13px;}
.route ul {	padding: 0;	margin: 0; font-size: 0; display: flex; display: -webkit-flex; flex-wrap: wrap;}
.route ul li{ width: 25%; margin-bottom: 15px; padding-left: 10px; font-size: 14px; list-style: none;}
.route ul li span:nth-of-type(1){ margin: 0 5px 5px 0; line-height: 20px; font-size: 13px; color: #15426A; font-family: "SamimBold"; display: block;}
.route ul li span:nth-of-type(1) b,.error_msg{ color: #dc1f0e !important; display: inline-block !important;}
.route select,.route input[type="text"], .route input[type="tel"],.route input[type="email"]{ max-width: 180px; width: 100%; height: 40px; padding: 0 5px; background: transparent; border: 1px solid #ddd; border-radius: 5px;}
.route ul .birth select:nth-of-type(1){ width: 40px;}
.route ul .birth select:nth-of-type(2){ width: 100px;}
.route ul .birth select:nth-of-type(3){ width: 60px;}
.dis_none{ display: none;}
.w100 { width: 100% !important;}
.sub_box{ max-width: max-content; padding: 10px; margin: 20px 0; background: #fff; border: 1px solid #ddd; border-radius: 5px;}
.sub_box b{ color: #15426A;}
.tb_style td{ padding: 5px; border: 1px solid #ccc; text-align: center;}
.tb_style tr:first-child td{ background: #15426A; color: #fff; font-family: "samimBold";}
.ques_box{ max-width: 808px; margin-bottom: 5px; justify-content: flex-start;}
.ques_box i{ margin-left: 5px; color: #f05c2c; vertical-align: middle;}
.ques_box > div{ width: Calc(100% - 242px); margin-left: 20px;}
.ques_box input[type = "file"]{ max-width: 180px; border: 1px solid #ddd; padding: 5px; border-radius: 5px;}
.buttbox{ margin-right: auto; text-align: left;}
.buttbox .more{ display: inline-block;}
.buttbox a{ margin-left: 10px; color: #004f8c; display: inline-block;}
.buttbox a:hover{ color: rgb(223, 125, 27);}
.captchabox{ padding: 0 35px 30px 0;}
.message{ margin:40px 0px 10px 0px; font-family: sahelB; font-size: 17px; text-align: center;}
.reg_mess{ max-width: max-content; margin: 0 auto 15px; color: green; font-size: 22px; line-height: 35px; border-bottom: 2px solid green;}
.messbox{ font-family: sahelB; font-size: 17px; text-align: center;}
.lock{ max-width: max-content; margin: 0 auto 15px; font-family: "sahelB"; font-size: 20px; line-height: 35px; border-bottom: 2px solid #f05c2c;}
.lock i{ color: #f05c2c;}
.repeat_mess,.f_sahel{font-family: "sahelB";}
.repeat_mess a{ padding: 5px 10px; color: #15426A;	font-size: 17px;}
.repeat_mess a:hover{ opacity: .7;}
.warning{ max-width: max-content; margin: 0 auto 15px; color: #990000; font-size: 22px; line-height: 35px; border-bottom: 2px solid #990000;}
.textstyle{ text-align: justify; font-family: sahel;}
@media only screen and (max-width: 950px){
	.route ul li{ width: 50%;}
}
@media only screen and (max-width: 650px){
	.route ul li{ width: 100%; margin-bottom: 20px;}
	.ques_box{ margin-bottom: 30px;}
	.ques_box > div{ width: 100%; margin-bottom: 10px;}

	.tb_style{ width: 100%;}
	.tb_style td, .tb_style tr{ width: 100%; border-bottom: none; display: block;}
	.tb_style td:last-child{ border-bottom: 1px solid #ccc;}
	.tb_style tr{ margin-bottom: 15px;}
	.tb_style tr:first-child{ display: none;}
	.tb_style tr td:first-child{ background: #15426A; color: #fff; font-family: "samimBold";}	
	.tb_style tr td::before{ margin-left: 5px; color: #15426A; font-family: "samimBold"; display: block;}
	.tb_style tr td:nth-child(1)::before{ content: "ردیف"; color: #fff; display: inline-block;}
	.tb_style.mode1 tr td:nth-child(2)::before{ content: "مقطع";}
	.tb_style.mode1 tr td:nth-child(3)::before{ content: "رشته و گرایش تحصیلی";}
	.tb_style.mode1 tr td:nth-child(4)::before{ content: "محل تحصیل و نام آموزشگاه";}
	.tb_style.mode2 tr td:nth-child(2)::before{ content: "عنوان دوره";}
	.tb_style.mode2 tr td:nth-child(3)::before{ content: "از تاریخ";}
	.tb_style.mode2 tr td:nth-child(4)::before{ content: "تا تاریخ";}
	.tb_style.mode2 tr td:nth-child(5)::before{ content: "نام موسسه یا آموزشگاه";}
	.tb_style.mode3 tr td:nth-child(2)::before{ content: "نام محل خدمت";}
	.tb_style.mode3 tr td:nth-child(3)::before{ content: "از تاریخ";}
	.tb_style.mode3 tr td:nth-child(4)::before{ content: "تا تاریخ";}
	.tb_style.mode3 tr td:nth-child(5)::before{ content: "سمت";}
}
@media only screen and (max-width: 768px){
	.buttbox{ width: 100%; margin-top: 30px; text-align: center;}
	.buttbox a{ margin-left:0; display: block;}
	.captchabox{ padding: 0 0 30px 0;}
}

/***************************************************** footer *****************************************************/
footer{ background: #15426A;}
footer .copyright{ padding: 10px 0; font-size:12px; text-align: center; clear: both; line-height:26px;}
footer .copyright .left{ margin-right: auto; color:#fff; font-family:tahoma; font-size:13px; direction:ltr;}
footer .copyright .right{ color:#fff;}
footer .copyright a{ color:#fff; font-size:13px; transition: all linear 0.3s;}
footer .copyright a:hover{ color:#f05c2c; text-shadow:none;}
/*
#back_up{ width: 47px; height: 47px; line-height: 45px; text-align: center; background:rgba(199,163,98,0.6); color: #FFF; font-size: 20px; text-shadow:1px 1px 0px gray; position: fixed; bottom:4px; right:4px; z-index: 999; cursor: pointer; transition: all .3s linear; display: none; }
#back_up:hover{ background:rgba(199,163,98,1);}
@media only screen and  (max-width: 870px){
	#back_up{ bottom:0; right:10px;}
}
*/
@media only screen and (max-width: 768px){
	footer .copyright .left,footer .copyright .right{width: 100%;}
}

/**** end footer ****/
