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

@font-face{
	font-family: 'Samim';
    src: url('includes/font/Samim.eot');
    src: url('includes/font/Samim.eot?#iefix') format('embedded-opentype'),
		 url('includes/font/Samim.woff') format('woff'),
		 url('includes/font/Samim.ttf') format('truetype');
	font-weight: normal;
	}
@font-face{
    font-family: 'SamimBold';
    src: url('includes/font/Samim-Bold.eot');
    src: url('includes/font/Samim-Bold.eot?#iefix') format('embedded-opentype'),
		 url('includes/font/Samim-Bold.woff') format('woff'),
		 url('includes/font/Samim-Bold.ttf') format('truetype');
	font-weight: bold;
	}
@font-face {
    font-family: 'BKoodakBold';
    src: url('includes/font/BKoodakBold.eot?#') format('eot'),
    url('includes/font/BKoodakBold.woff') format('woff'),
    url('includes/font/BKoodakBold.ttf') format('truetype');
}
@font-face {
    font-family: 'OSans';
    src: url('en/includes/font/opensans-light.eot');
    src: url('en/includes/font/opensans-light.eot?#iefix') format('embedded-opentype'),
    url('en/includes/font/opensans-light.woff') format('woff'),
    url('en/includes/font/OpenSans-Light.ttf') format('truetype'),
    url('en/includes/font/OpenSans-Light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bjadid';
    src: url('includes/font/B Jadid (Bold).TTF');
}
@font-face {
	font-family: 'Yekan';
    src: url('includes/font/Yekan.eot') format('eot'),
    url('includes/font/Yekan.woff') format('woff'),
    url('includes/font/Yekan.ttf') format('truetype');
	}
html,body{
    width: 100%;
    height: 100%;
}
body{direction:rtl; font-size:14px; line-height:28px; color:#000;}
*{
    box-sizing: border-box;
    font-family: 'Samim';
}
a{
    text-decoration: none;
}
ul,ol{
    padding: 0px;
    margin: 0px;
}
#top_strip{
    width: 100%;
    height: 3px;
    background: #bc6c1b;
}
h1,h2,h3{
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

.main{
    max-width: 1400px;
    margin: auto;
}
.clear{
    clear: both;
}
.cgreen{
    color: #5EB728!important;
}
.cgreen2{
	color:#3b7c14!important;
}
.corange{
    color: #ea8635!important;
}
.cred{
    color: #ea2c2c!important;
}


/*jadval tozihat*/
.impodesc table{
    width: 100%;
    margin: 10px auto 0 auto;
    text-align: center;
    border-collapse: collapse;
    color: #4d4d4d;
    background: #FFFFFF;
}
.impodesc table tr{transition:linear .2s;}
.impodesc tr:first-child,.impodesc tr:first-child:hover{
    background: #bc6c1b !important;
    color: #FFFFFF !important;
    font-size: 14px;
}
.impodesc tr:nth-child(2n+1){
    background: #f8f8f8;
}
#PactPay .impodesc tr{ cursor:pointer;}
#PactPay .impodesc tr:first-child{ cursor:default;}
.impodesc td{
    padding: 5px;
}
.impodesc td label{ display: block; cursor: pointer; }
.impodesc a{
    color: #bc6c1b;
}
.impodesc a:hover{
    color: #292e44;
}
.impodesc tr:hover{
    background: #e9e9e9 !important;
}
.impodesc ul{padding-right:25px;}
.impodesc #t_desc2 tr td{text-align:right; padding-right:10px;}
.impodesc #t_desc2 tr td:first-child{ width:150px; background:#2b2d42 !important; color: #fff; border-bottom:1px solid #fff;}
.impodesc #t_desc2 tr td:last-child{ color:#444 !important; }
.impodesc #t_desc2 tr td:last-child{border-bottom:1px solid #DADADA;}
.impodesc #t_desc2 tr:nth-child(1) td:last-child{ background:#f8f8f8 !important;}
.impodesc #t_desc2 tr:nth-child(1) td:last-child:hover{ background:#e9e9e9 !important;}
@media only screen and (max-width:700px){
	.impodesc td label{ display: inline-block;}

    #t_desc, #onlinePay ,#onlinePayLegal ,#table2{
		max-width:400px !important;
    }
    #t_desc tbody,#t_desc tr,#t_desc td,#table2 tbody,#table2 tr,#table2 td{
        display: block !important;
    }
    #t_desc tr:first-child,#table2 tr:first-child{
        display: none !important;
    }
    #t_desc tr,#table2 tr{
        height: auto;
    }
    #t_desc td,#table2 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
		border-left: 1px solid #eeeeee !important;
		border-right: 1px solid #eeeeee !important;
    }
    #table2 td{
        text-align: center;
    }
/*	#t_desc td:nth-child(1){ background:#2b2d42; color:#fff; }*/
    #t_desc td:nth-child(1):before{
        content: "نام: ";
        font-size: 15px;
          color: #bc6c1b;
    }
	#t_desc td:nth-child(1){
		border-top: 1px solid #eeeeee !important;
	}
    #t_desc td:nth-child(2):before {
        content: "نام خانوادگی: ";
        font-size: 15px;
        color: #bc6c1b;
    }
    #t_desc td:nth-child(3):before {
        content: "کد دوره: ";
        font-size: 15px;
        color: #bc6c1b;
    }
    #t_desc td:nth-child(4):before {
        content: "نام دوره: ";
        font-size: 15px;
        color: #bc6c1b;
    }
    #t_desc td:nth-child(5):before {
        content: "تاریخ شروع: ";
        font-size: 15px;
        color: #bc6c1b;
    }
    #t_desc td:nth-child(6):before {
        content: "تاریخ پایان: ";
        font-size: 15px;
        color: #bc6c1b;
    }
    #t_desc td:nth-child(7):before {
        content: "مدت دوره: ";
        font-size: 15px;
        color: #bc6c1b;
    }
	#t_desc td:last-child:before {
		content: "نمره: ";
		font-size: 15px;
		color: #bc6c1b;
    }

	.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;
		border: 1px solid #eeeeee !important;
	}
    #t_desc2 td{
        width: auto;
        padding: 5px 10px !important;
        text-align: center !important;
        border-bottom: 1px solid #eeeeee !important;

    }
}

.no-spinners { -moz-appearance:textfield;}
.no-spinners::-webkit-outer-spin-button,.no-spinners::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
/********notification for pay*********/
.announce{font-size: 16px;line-height: 36px;padding: 10px 30px;background: #bc6c1b0d;border-right: 1px solid rgba(249,202,202,1.00);margin: 30px auto 50px;color: rgba(140,32,32,1.00);font-family: SamimBold;}
.announce p i{margin-left: 4px;}
#msg_print{width: 95%; max-width: 1250px; margin-bottom: -10px;text-align: right;}
@media only screen and  (max-width: 740px){
    #onlinePay ,#onlinePayLegal{ display: block; }
    #onlinePayRight{ width: 100%; padding-left: 0; }
    #onlinePayLeft{ width: 100%; }
	#selectItem{ display:flex; display:-webkit-flex; display:-ms-flexbox;}
	#msg_print{margin-top: 235px;}
}
@media only screen and  (max-width: 560px){
    .onlinePayFlex{ display: block; }
    .onlinePayFlex>div{ width: 100%; }
	#onlinePayRight select{ max-width:100%;}
}

@page { size: auto;  margin: 0mm; }
.print{display:none;}

@media print {
    .noprint,#back_top{display:none !important;}
	#main-list{margin-top: 0!important;padding-top: 0!important;}
	* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /*Firefox*/
	}
}
/***************************** certificate ************************************/

/************************************* Header ****************************************/
header.certfc{padding:10px 0;position: absolute;background: #ffffffbd;width: 100%;top: 0;}
header.certfc .main{ display:flex; display:-webkit-flex; align-items:center; flex-direction:row-reverse; -webkit-flex-direction: row-reverse;}
header.certfc .main > a{ margin-right:auto;display: flex;justify-content: flex-end;}
/* header.certfc . { font-family:'SamimBold'; font-size:20px; line-height:36px;} */
header.certfc .co_name a{ color: #333; display:inline-block; transition:all linear .2s;font-family: SamimBold;font-size: 18px;}
header.certfc .co_name a:hover{ opacity:.6;}
header.certfc img{ width:80%; max-width:90px; display:block}
#nSaat{margin-left: 5px;}
.second-row-header { width: 100%;height: 36px;background: #2226393b;position: absolute;top:100%;left: 0px;right: 0px;bottom: 0px;
 color: rgba(9, 9, 9, 1.00);align-items: center;display: flex;font-size: 11px;justify-content: space-between;transition: all 0.2s;}
.second-row-header > div:first-child {width: 1250px;display: flex;justify-content: space-between;margin: 0 auto;}
.main {max-width: 1250px;margin: auto;display: block;padding-left: 15px;padding-right: 15px;}
.name-page {width: 30%;margin-right: 20px;}
.name-page a{color:#004f8c!important;text-decoration: none;}
.info-user { width: 40%; margin-left: 20px;text-align: left;display: flex;justify-content: flex-end;}
.info-user a{color: #004f8c!important;text-decoration: none;display: flex;align-items: center;}
.info-user a i{margin-left: 3px; color: #900;}
.info-user div:nth-child(4) {padding: 0 10px 0;color: rgba(237, 115, 117, 1.00)}
.info-user div:nth-child(3) {width:47px;margin-left:5px;}
.info-user div:last-child {margin-right:5px;}
.alarm-ntfc p{color:white;text-align: center;margin-top: 200px;background: #a6919157;border: 1px dashed white; border-radius: 3px;width: 50%;margin: a;margin-left: auto;
    margin-right: auto; padding: 8px;line-height: 42px;font-size: 16px;margin-bottom: 200px}

@media only screen and (max-width: 650px) {
	header.certfc .main{ display:block;}
	header.certfc img{ margin:auto !important;width: 30%;}
	header.certfc .co_name{ padding:20px 0 5px; text-align:center;}
	#member.certfc .mem_box{padding:3px 3px 20px;}
	#member.certfc .mem_box .mem_info input[type = "number"]{max-width:280px !important; height:65px !important;}
	#member.certfc .mem_box .mem_info button{max-width:280px !important;}
}
/************************************* footer ****************************************/
footer.certfc{ padding:20px 0 10px; background:#222639; color:#FFFFFF; font-size:13px;}
footer.certfc #info{ display:flex; display:-webkit-flex; align-items:center; flex-direction:row-reverse; -webkit-flex-direction: row-reverse;justify-content: space-between;}
footer.certfc #info .contact > div{ padding:3px 0;}
footer.certfc #info .contact > div a{ transition:all linear 0.2s;}
footer.certfc #info .contact > div a:hover, footer #info .web_link a:hover{ opacity:0.7;}
footer.certfc #info .contact > div .add_i{ font-size:20px;}
footer.certfc #info .phone a{ color:#FFFFFF;direction: ltr!important; text-align: right;}
footer.certfc #info .phone i{ margin-left: 3px; font-size:15px; transform: rotate(-90deg)}
footer.certfc #info .web_link{ display:flex; display:-webkit-flex; flex-wrap:wrap;}
footer.certfc #info .web_link a{ width:120px; margin: 5px 0 5px 5px; color:#222639; display:block; text-align:right !important; transition:all linear 0.2s; padding:3px 25px 3px 0; border:1px solid #b9bcbc; background:#c3cdcf; border-radius:5px;}
footer.certfc #info .web_link a.faq-link{width:140px;background: #d07821;color:white;border: 1px solid #d07821;}
footer.certfc #info .web_link a:last-child{ margin-left:0;}
footer.certfc #info .web_link a:before{ content:"\f104"; padding-left:5px;font-family:"FontAwesome"; font-weight: 900; vertical-align:middle;color: #d07821;}
footer.certfc #info .web_link a:first-child:before{color: white;}
footer.certfc #info .enamad{ margin-right:auto; }
footer.certfc #info .enamad img{ width:125px;}
footer.certfc #info i{ color:#fc725a;}

footer.certfc #copyright{ padding-top:10px; margin-top:15px; line-height:24px; border-top:1px dashed #AEAEAE; display:flex; display:-webkit-flex; font-size:12px;}
footer.certfc #copyright > div{display: flex;align-items: center;}
footer.certfc #copyright > div a{ color:#FFFFFF; transition:all linear .2s;}
footer.certfc #copyright > div a:hover{ color:#FFFFFF;}
footer.certfc #copyright > div:last-child{ margin-right:auto; line-height:18px; font-family:tahoma; direction:ltr;}

@media only screen and (max-width: 650px) {
	footer.certfc #info{ display:block; text-align:center;}
	footer.certfc #info .enamad{ margin-bottom:15px;}
	footer.certfc #info .web_link{ justify-content:center;}
	footer.certfc #copyright{ text-align:center; display:block;}
	footer.certfc #info .phone a{text-align: center;}
	footer.certfc #copyright > div{ justify-content:center;}
 }
@media only screen and (max-width: 420px) {
	footer.certfc #info .web_link a{ max-width:200px; width:100% !important; padding:3px; text-align:center !important; margin:0 0 5px 0;}
	footer.certfc #info .contact > div a{ display: flex;justify-content: center;align-items: center;}
}
/******************* main *************************/
#cer-ind #course_step{justify-content: center; list-style:none; font-size:0; text-align:center; margin:auto; display:flex; display:-webkit-flex; display:-ms-flexbox;}
#cer-ind #course_step li{height: 60px; margin:5px 0px 5px;color: white; padding:15px 18px; position:relative; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items:center;}
#cer-ind #course_step li:nth-child(1){ background:#09c5b1;}
#cer-ind #course_step li:nth-child(1):after{ border-right: 12px solid #09c5b1;}
#cer-ind #course_step li:nth-child(2){ background:#00a694;}
#cer-ind #course_step li:nth-child(2):after{ border-right: 12px solid #00a694;}
#cer-ind #course_step li:nth-child(3){ background:#2b2f46;}
#cer-ind #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;}
#cer-ind #course_step li:last-child:after{ display:none;}
#cer-ind #course_step li .numerical{ width:30px; font-size:35px; color: #fffef1; font-family:SamimBold; display:block; position:relative; top:5px;}
#cer-ind #course_step li .SelectCourse{ font-size:14px; text-align:right; display:block;}
#cer-ind #course_step li div{display: flex;margin: auto;text-align: right;justify-content: center;}
@media only screen and (max-width: 580px){
	#cer-ind #course_step{ max-width:580px; display:block;width: 95%;}
	#cer-ind #course_step li{ width:100%; padding:15px 10px; margin:0px auto !important; display:inline-block;}
	#cer-ind #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;}
	#cer-ind #course_step li:nth-child(1):after{ border-top: 10px solid #09c5b1;}
	#cer-ind #course_step li:nth-child(2):after{ border-top: 10px solid #00a694;}
	#cer-ind #course_step li span{ display:inline-block !important;}
	#cer-ind #course_step li{padding: 20px 10px;}
	#cer-ind #course_step li div{ width: 180px;justify-content: flex-start;}
}
.sec-1{margin: 150px 0 50px}
.certf-main{min-height:Calc(100vh - 131px);background: url(images/blue.png);overflow: hidden;background-size: cover; background-position: center !important;}
.dis-flex{display: flex; justify-content: space-between;align-items: flex-end;flex-wrap: wrap;max-width: 1250px;margin:0 auto;}
.dis-flex > div{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 50%;min-width:570px;margin: 0 auto;}
.box-phone{height: auto;min-height: 231px; background: #fff;display: flex;flex-direction: column;align-items: center;margin:5px 10px 50px;border-radius: 5px;justify-content: space-around;padding:10px 30px;width:550px;}
.box-phone form{display: flex;align-items: center;flex-direction: column}
.titr-box{font-size: 18px;color: #000; margin: 20px 0;text-align: center;}
.text-box-phone{text-align: center;padding: 10px 0 0;min-height: 82px;}
.cng-mobile{color: #f49dbd;border-bottom: 1px dashed #f49dbd;font-size: 11px;}
.text-box-phone p{font-size: 15px;text-align: center;color:#000;padding: 8px 0 0;}
.error-style p{color: #f46565;text-align:center;font-family: SamimBold}
.error-style{display: flex;align-items:center;justify-content: center; margin: 10px auto 50px;border-radius: 4px;background: #2226395e;padding: 5px;
    width: max-content;width: 600px;}
.certf-list{min-height:Calc(100vh - 131px);padding: 5px 5px 100px;}
.padL7px{padding-left:7px} .pad5px{padding:5px;}
.non-active-cer{color: #9c9c9c}
#input-phone {border: 1px solid #ddd;height: 32px;width: 220px;margin: 20px 0 0;background: #ddd;letter-spacing: 8px;font-size: 18px;padding: 0 10px;border-radius: 2px;}
#input-num {direction: ltr;padding-left: 27px;border: none;-webkit-box-shadow: none;box-shadow: none;outline: none;letter-spacing: 20px;font-size: 21px;width: 10em;margin-bottom: 0;
    padding-bottom: 0;background: transparent;color: white;}
.estelam-input{border: 1px solid #ddd;letter-spacing: 4px;height: 32px;width: 120px;margin: 20px 0 0;background: #ddd;font-size: 18px;padding: 0 10px;border-radius: 2px;}
.estelam-input::placeholder{direction: rtl;font-size: 16px;letter-spacing: 1px;}
#estelam p{color: #000;font-size: 40px;margin-top: 26px;padding: 0 5px;}
#print-cer{margin:0;text-align: center;}
.banner_text {
    text-align: right;
    color: #FFFFFF;
    font-size: 51px;
    text-shadow: 1px 1px 0px rgba(0,0,0,.7);
	width: 550px;
margin: 0 0 10px;}
.banner_text h1 {
    font-size: 15px;
    background: rgba(0,0,0,.3);
    display: inline-block;
    line-height: 40px;
    padding: 3px 10px;
    border-radius: 5px;
	font-family: 'SamimBold';}
@media only screen and (max-width: 1139px){
	.dis-flex >div {width: 100%; }
	.banner_text{margin: 0px auto 15px!important;}
	.banner_text_2{margin: 70px auto 15px!important;}
	.error-style{margin: 10px auto 35px;}
	.box-phone{margin: 15px auto 0;}
}

@media only screen and (max-width: 650px){
	.sec-1 {margin: 220px auto 50px}
}
@media only screen and (max-width: 600px){
	.box-phone{width: 95%;}
	.dis-flex > div{min-width: inherit}
	.banner_text{width: 95%;}
}
@media only screen and (max-width: 768px){
#print-cer {
    overflow: scroll;}
}
.cer-card{position: relative;background: url(images/cer.jpg);overflow: hidden;background-size: cover;width:297mm;height: 210mm;background-position: center !important;margin:0 auto;transform: scale(0.8);transform-origin: center;}
.num-card{position: absolute;top:175px;right:85px;}
.num-card span{font-family: SamimBold}
.num-card div{display: flex;justify-content: space-between;width: 135px;}
.num-card div p{font-family: Yekan;font-size: 14px;}
.name-bold{position:absolute;top:323px;width: 100%;color: #bc6c1b;font-size: 50px;font-family:Bjadid;font-weight: bold}
.text-card{position: absolute;top: 430px;padding: 0px 160px;font-size:17px;line-height:65px;text-align: justify; font-family: Yekan}
.text-card p{font-family: Yekan;font-size: 18px;}
.text-btm{position: absolute;bottom:188px;width: 100%;font-family: Yekan;font-size: 16px;}
.pa-nevesht{position: absolute;top: 738px;width: 100%;}
.pa-nevesht p{font-size: 12px;color: #5a5a5a;}
.notfc{font-size: 16px;line-height: 36px;padding: 10px 30px;margin-bottom: 30px;color: rgb(72, 140, 32);font-family: SamimBold;}
.border-input {height: 2px;width: 12em; margin-top: 0;padding-top: 0;background-image: -webkit-gradient(linear,left top,right top,from(#ffffff ),color-stop(75%,#ffffff ),color-stop(75%,transparent),to(transparent));background-image: linear-gradient(90deg,#ffffff ,#ffffff  75%,transparent 0,transparent);
 background-size: 2.4em 1px;border: none; }
.recieve-code{color: white;font-size: 14px;cursor: pointer;}
/*#alarm-text{color: white;font-size: 16px;}*/
#alarm-text{color: white;min-width: 200px;display: flex;justify-content: center}
#recive-code-again{background: #a6919157;border: 1px dashed white;border-radius: 3px;color: white;min-width: 200px;display: flex;justify-content: center;display: none;}
#timer{width: 40px;}
.cer-main{text-align: center;padding-bottom: 100px;max-width: 1250px;margin:  180px auto 0;}
.none-active-cer{color:#838383 }
.none-active-cer i{margin-left: 4px;}
.active-cer{ color:#004f8c!important;}
@media print {
	#print-cer{margin:0;}
	.cer-card{transform: scale(1)}
	.cer-main{margin: 0}
}

@media only screen and (max-width: 1000px){

	.error-style{width: 70%}
}
@media only screen and (max-width: 450px){
	.box-phone{width: 95%;}
	#cer-ind{width: 100%;}
	.error-style{width: 95%}
	.cer-card{transform: scale(0.6)}
	.error-style p{font-size: 15px;}
}
.btn-grn{background: #d07821;color: white;border: 1px solid #d07821;border-radius: 2px;margin:20px 0 25px;transition: all .2s;height: 32px;width: 220px;}
.btn-grn:hover{background: #bc6c1b;}
#bton-print{margin-top: 0}
.certf{color: black!important;margin-bottom: 100px;}
#main-list{padding-top: 170px;min-height:Calc(100vh - 242px);}
@media only screen and (max-width:700px){
}
.h_text{
    padding: 0px 5px 2px 5px;
    margin: 30px auto 30px auto;
    color: #222222;
    text-align: center;
    font-size: 18px;
	font-family:'SamimBold';
}
.h_text span{
    padding: 0px 30px;
    border: 1px solid #bc6c1b;
    border-left: none;
    border-right: none;
    position: relative;
    display: block;
	line-height:40px;
	font-family:'SamimBold';
}
.h_text span i{
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: auto;
    font-size: 20px;
    color: #bc6c1b;
    background: #FFFFFF;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -12px;
}
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 #A5A6A4; background:#FFFFFF; vertical-align:middle; cursor:pointer;}
input[type="radio"]{ border-radius:50%;}
input:checked{ background: #2d8666; border: 1px solid #2d8666;}
@media only screen and (max-width: 600px){  /***************** responsive h_text for 600 px ****************************/
    .h_text{
        font-size: 22px;
    }
}
/* 404.html */
#header-t{ text-align: center; padding-bottom: 0; }
#img-logo{ max-width: 100px; margin: 30px auto;}
.header-txt{border-top:1px solid #cfd6e8;background-color: #e2e4e9;}
#header-txt-link{margin: 30px 100px;}
.header-txt.co_name a {
    color: #222639;
    display: inline-block;
    transition: all linear .2s;
	font-family: 'SamimBold';
    font-size: 20px;
    line-height: 36px;
}
#main-t{ position: relative; width: 70%; margin: 50px auto 30px; text-align: center;min-height: Calc(100vh - 415px);}
#code-khata{margin: 30px auto; color: firebrick; text-align: center; font-size: 27px;}
#error-text{ line-height: 1.5; font-size: 22px; text-align: center; right: 0; left: 0; color: rgba(34, 34, 34, 0.925); margin: 0 auto; border-bottom:1px solid #cfd6e8; padding:10px 0 60px 0;}
.pageasli-btn{ margin: 30px auto 10px auto;}
.phone-t{line-height: 1.5;  color: #222; font-family: 'Samim'; margin: 5px 0 15px 0;  text-align: center; padding:10px 0; }
#phone-t-link{color: #222; font-family: 'Samim'; font-size: 20px;}
#phone-title{font-size: 18px;}
#footer-t{ padding: 15px 0; border-bottom:1px solid #cfd6e8;}
#nav-footer{ display: flex; padding-right: 10px; justify-content: center;}
#nav-footer > a{color: #222; padding: 0 10px;}
#hammura-link-box{text-align: center;}
#hammura-link{color: black;}
.add_item{ width:auto; padding:0 10px; background:#278B2C; border:1px solid #278B2C; height:35px; line-height:35px; margin-top:10px; color:#fff; font-size:14px; border-radius:5px; display:inline-block; cursor:pointer; transition:all linear 0.2s;}
@media only screen and (max-width: 450px){
    #header-txt-link{
        font-size: 18px;
        margin: 20px auto;
    }
    #code-khata{
        margin: 15px auto;
        font-size: 25px;
    }
    #error-text{
        font-size: 18px;
        padding: 10px 0 30px 0;
    }
    #main-t{
        margin: 20px auto;
    }
    #phone-title{
        font-size: 16px;
    }
}
@media only screen and (max-width: 400px){
    #header-txt-link{
        font-size: 16px;
        margin: 20px auto;
    }
    #img-logo{margin: 10px auto; }
    #code-khata{
        margin: 15px auto 10px;
        font-size: 22px;
    }
    #error-text{
        font-size: 16px;
        padding: 10px 0 20px 0;
    }
    #phone-title{
        font-size: 15px;
    }
    #phone-link{
        font-size: 17px;
    }
    .pageasli-btn{
        margin: 15px auto;
    }
}

.msg-last-step-box{display: flex;align-items: center;margin: 20px auto;}

.msg-last-step {width: 50%;min-width: 300px;margin:auto auto;color: #222639;font-family: 'SamimBold';font-size: 16px;line-height: 36px;padding: 20px 30px;border: 1px dashed #ef1b690d;background: #bc6c1b0d;
text-align: center;vertical-align: middle;
}
.msg-last-step i{color: rgb(39, 139, 44)}
.Ared{color:#F55252 !important;}
@media only screen and  (max-width: 740px){
    #onlinePay ,#onlinePayLegal{ display: block; }
    #onlinePayRight{ width: 100%; padding-left: 0; }
    #onlinePayLeft{ width: 100%; }
	#selectItem{ display:flex; display:-webkit-flex; display:-ms-flexbox;}
}
@media only screen and  (max-width: 560px){
    .onlinePayFlex{ display: block; }
    .onlinePayFlex>div{ width: 100%; }
	#onlinePayRight select{ max-width:100%;}
}

.di_header{
    margin-top: 35px;
    text-align: center;
    font-size: 19px;
}
.di_header:first-child{
    margin-top: 0px !important;
}
.di_header i{
    position: relative;
    color: #bc6c1b;
    display: block;
}
.dih_box{
    display: block;
}
.dih_box div{
	line-height:26px;
	font-family:SamimBold !important;
	font-size:16px;
	padding:10px;
}
.dtop_border,.dbottom_border{
    /*width: 200px;*/
    border-top: 1px solid #474747;
    display: block;
}
.dtop_border{
    position: relative;
}
.dtop_border i{
    width: 30px;
    margin: auto;
    font-size: 22px;
    background: #f2f2f2;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -12px;
}
.dbottom_border i{
    color: #2a2a2a;
    font-size: 23px;
    top: -9px;
}
#dore_info ul,#dore_info ol{
    margin-bottom: 15px;
}
.postMdrk{background:url(images/pay5.png); background-size:100px;padding-bottom: 10px; border-top:1px solid rgba(229,229,229,.7);}
.seprtr{max-width: 850px;margin: 0 auto;padding:100px 0 40px;width: 95%;}
.titrPst{font-size: 16px;margin:  30px auto 20px}
.titrPst span{display: block;margin-top: 10px;}
.titrPst span i{font-size: 16px;margin-left: 4px;}
@media only screen and (max-width: 700px ){ main{  width: 100% !important;} }

.form_bott button{width: 200px;
    margin: 5px auto 0 auto;
    padding: 5px;
    text-align: center;
    background: #43bc61;
    color: WHITE;
    text-shadow: 1px 1px 1px #333;
    border-radius: 3px;
    transition: linear .2s;
    border: solid 1px #2E9447;
    display: block}