@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/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: 'BKoodakBold';
    src: url('includes/fonts/BKoodakBold.eot?#') format('eot'),
    url('includes/fonts/BKoodakBold.woff') format('woff'),
    url('includes/fonts/BKoodakBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Yekan';
    src: url('includes/fonts/Yekan.eot') format('eot'),
    url('includes/fonts/Yekan.woff') format('woff'),
    url('includes/fonts/Yekan.ttf') format('truetype');
	}
html,body{
    width: 100%;
    height: 100%;
}
body{direction:rtl; font-size:14px; line-height:28px; color:#000;  font-family: 'Samim';}
*{
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
ul,ol{
    padding: 0px;
    margin: 0px;
}
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;
}
.green{color:#393;}.orange{color:#E18700;}.red{color:#C30;}
.ared,.Ared{ color: #F55252 !important; }

.agreen,.Agreen{ color: #23b061 !important; }
.aorange,.Aorange,.Ayellow{ color: #ff7800 !important; }
.Apurple{color:#90F !important;}
.Anarenji2{color:#C60 !important;}
.Ablue{ color: #1a507f;}
.Ablack{ color: #666 ;}  
.b_back{ background:#0080001f !important;}
.marbt0{ margin-bottom: 0!important;}.marbt2{ margin-bottom: 2px!important;}.marb5{ margin-bottom: 5px!important;}.marb10{ margin-bottom: 10px!important;}.mart5{ margin-top: 5px!important;}.mart10{ margin-top: 10px!important;}.mart20{ margin-top: 20px!important;}
.mar8px{ margin:8px 0 !important;}
.bor_bt{ border-bottom:1px dashed #393;}
.pad10{ padding: 10px !important;}.pad25r{ padding-right: 25px !important;}
.ln-hght25{ line-height: 25px;}
.en_font{ font-family:'tahoma';}
.Tright{text-align: right!important;}
.Tleft{text-align: left!important;}
.Tcenter,.T_center{text-align: center!important;}
.font20{ font-size: 20px;}.font16{font-size: 16px;}.font14{font-size: 14px;}.font12{font-size: 12px;}
.dis_non{ display: none;}
.rel_pos{ position: relative;}
.wmax700{max-width: 700px;}
.w100d{width:100%!important;}
.min_vh{ min-height:70vh;}

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

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

:root{
	--color1: #f09200;
    --color2: #1a507f;
}

/***************************** certificate ************************************/

/************************************* Header ****************************************/
header.certfc{/**padding:10px 0;position: absolute;background: #2226395e;width: 100%;top: 0;**/ display: none;}
#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;}
.main {width: 80%; max-width: 1250px;margin: auto;display: block;}
.name-page {width: 30%;}
.name-page a{color:#004f8c!important;text-decoration: none;}
.info-user { width: 40%;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) {color: rgba(237, 115, 117, 1.00)}
.info-user div:nth-child(3) {width:44px;margin-left:5px;}
.info-user div:last-child {margin-right:5px;}
.alarm-ntfc p{color:#5e2828;text-align: center;background: #a6919157;border: 1px dashed #5e2828; border-radius: 3px; margin-left: auto; margin-right: auto; padding: 8px;line-height: 42px;font-size: 16px;margin-bottom: 200px}
.alarm-ntfc i{ margin-left: 4px; color: rgb(255, 151, 60); font-size: 22px;}

/*===================menu==================*/
#hamburger-1.is-active .line:nth-child(2) {
    opacity: 0;
}
#hamburger-1.is-active .line:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(45deg);
    -ms-transform: translateY(10px) rotate(45deg);
    -o-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
}
#hamburger-1.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-4px) rotate(-45deg);
    -ms-transform: translateY(-413px) rotate(-45deg);
    -o-transform: translateY(-4px) rotate(-45deg);
    transform: translateY(-4px) rotate(-45deg);
}

.hamburger .line {
    width: 30px;
    height: 3px;
    background-color: var(--color2);
    display: block;
    margin: 4px auto;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
header.relt{height: 106px;}
.first-row-header ul.show {
    right: 0;
    transition: all 0.2s ease-in-out;
}
.first-row-header > div{justify-content: space-between;width: 80%;display: flex;align-items: center;height: 69px;margin: 0 auto;}
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip img{ width:30%;}

.tooltip .tooltiptext {
    visibility: visible;
    width: 80px;
    background-color: #fff;
    color: gray;
    text-align: center;
    border-radius: 0px;
    padding: 0px;
    position: absolute;
    z-index: 150!important;
    top: -13px;
    left: 43%;
    margin-left: -35px;
    opacity: 1;
    transition: opacity 0.3s;
    font-size: 10px;
    white-space: nowrap;
    border-left: 1px solid white;
    transition: all linear .2s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color:#fff transparent transparent transparent;
    transition: all linear .2s;
}

.logo-image {
    margin-right: auto;
    width: 150px;
}

.logo-image img {
    width:140px;
	padding: 5px;
	margin-right:auto;
	display:block;
}

.first-row-header {
    width: 100%;
    height: 70px;
    background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 100;
    transition: all .3s linear;
    color: white;
    align-items: center;
    display: flex;
    border-bottom: 1px solid #e0e0e0;
}

.first-row-header nav li {
    /* padding: 10px; */
    list-style: none;
    margin: 0;
    height: 100%;
    border-left: 1px solid #e0e0e0;
	overflow:hidden;
}
.first-row-header nav li:first-child{border-right: 1px solid #e0e0e0;}
.first-row-header nav {
    height: 100%;
    font-size: 0;
}

.first-row-header ul {
    padding: 0;
    height: 100%;
    margin: 0;
}

.first-row-header nav li a {
    color: #a3a3a3;
    text-decoration: none;
    font-size: 16px;
    display: flex;
    align-items: center;
    transition: 0.3s all;
    position: relative;
    top: 0;
}
.first-row-header nav li a:hover,.first-row-header nav li.active a{ color: var(--color1);}
.first-row-header nav li a:hover .tooltiptext,.first-row-header nav li.active .tooltiptext{ background: var(--color2); color: #fff;}
.first-row-header nav li a:hover .tooltiptext::after,.first-row-header nav li.active .tooltiptext::after{ border-color: var(--color2) transparent transparent transparent;}

@media screen and (min-width: 768px){
	.first-row-header nav li a {
		top: 13px;
	}

	.first-row-header nav li span.tooltiptext:hover~.first-row-header nav li a {
		top: 13px;
	}	
}

.second-row-header {
    width: 100%;
    height: 36px;
    background: #f1f1f1;
    position: fixed;
    top: 70px;
    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;
	z-index:100;
}
.second-row-header> div{justify-content: space-between;width: 80%;display: flex;align-items: center;height: 36px;margin: 0 auto;}
.first-row-header .ham-menu {
    display: none;
    padding-right: 10px;
}

.seperator{font-size:8px; color:#FD6564; padding:0 5px;}
.second-row-header.change-top {
	display:none;
}

.name-page {
    width: 60%;
}
.name-page a{
 color:#004f8c!important;
 text-decoration: none;
 }


.info-user div:nth-child(2) {
    padding: 0 5px 0;
    color: rgba(237, 115, 117, 1.00)
}

.logo {
    width: 15%;
    text-align: center;
}

.logo img {
    width: 100%;
}

.first-row-header ul .tooltip div {
    width: 80px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-pages {
    display: none;
}

.hamburger {
    display: none;
}

@media screen and (max-width: 830px) {
    .title-pages {
        display: block;
    }
    .hamburger {
        display: block;
    }
    .first-row-header nav li {
        padding: 5px;
		display: flex;
		align-items: center;
		border-bottom: 1px solid #c3cbe9;
		width: 80%;
		margin: 0 auto;
		border-left: none;
		border-right: none!important;
    }
    .first-row-header nav {
        height: auto;
    }
    .no-mobile {
        display: none!important;
    }
	
    .first-row-header ul {
        top: 70px;
        padding: 0;
        width: 100%;
        height: 300px;
        right: -100%;
        display: flex;
        flex-direction: column;
        position: absolute;
        background: #353a4f;
        transition: all .2s;
    }
    .tooltiptext {
        display: none;
    }
    .first-row-header ul .tooltip div {
        background-color: transparent;
        width: 40px;
        height: 35px;
    }
    .first-row-header ul {
        flex-direction: column;
        display: flex;
    }
    .first-row-header nav li a {
        font-size: 14px;
    }
}
@media screen and (max-width: 600px) {
    .first-row-header{
        height: 60px;
    }
    .second-row-header {
        top: 60px;
    }
    .first-row-header ul{
        top: 60px;
    }
	.logo-image img{
		width: 150px;
	}
}
@media screen and (max-width: 500px) {
	.second-row-header{ height:45px; line-height:22px;}
	.second-row-header > div{ height:45px; flex-wrap:wrap;}	
	.name-page{ width:100%; justify-content:flex-start;}
	.info-user{ display:none;}
}

/************************************* footer ****************************************/
footer.certfc{ padding:20px 0 10px; background:var(--color2); 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{ font-size:15px;}
footer.certfc #info .web_link{ margin-bottom:10px; display:flex; display:-webkit-flex; flex-wrap:wrap;}
footer.certfc #info .web_link a{ width:120px; margin-left: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; margin-bottom:5px; border-radius:5px;}
footer.certfc #info .web_link a.faq-link{width:140px;background: var(--color1);color:white;border: 1px solid var(--color1);}
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:"Font Awesome\ 5 Free"; font-weight: 900; vertical-align:middle;color: var(--color1);}
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:var(--color1);font-size: 16px;}


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{ max-width: 570px; width: 100%;}
#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{ width: 33.33%; height: 60px; color: white; padding: 15px 24.5px; position:relative; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items:center; white-space: nowrap;}
#cer-ind #course_step.two_st li{ width: 50% !important;}
#cer-ind #course_step li:nth-child(1){ background:#326b9c;}
#cer-ind #course_step li:nth-child(1):after{ border-right: 12px solid #326b9c;}
#cer-ind #course_step li:nth-child(2){ background:#2c5880;}
#cer-ind #course_step li:nth-child(2):after{ border-right: 12px solid #2c5880;}
#cer-ind #course_step li:nth-child(3){ background:#15426A;}
#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:26px; font-size:35px; color: #fffef1; font-family:SamimBold; display:block; vertical-align:top; position:relative;}
#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: 550px){
	#cer-ind #course_step li{ padding: 15px 15px 15px 0px;}	
	#cer-ind #course_step li .numerical{ width: 20px; font-size: 28px; top: 0;}	
	#cer-ind #course_step li:nth-child(1){ width: 130px;}
	#cer-ind #course_step li:nth-child(2){ width: Calc(100% - 260px);}
	#cer-ind #course_step li:nth-child(3){ width: 130px;}
}
@media only screen and (max-width: 430px){
	#cer-ind #course_step li:nth-child(1){ width: 100px;}
	#cer-ind #course_step li:nth-child(2){ width: Calc(100% - 190px);}
	#cer-ind #course_step li:nth-child(3){ width: 90px;}
}

/***login***/
#log_box{ width: 100%; max-width: 700px; min-height: 100vh; padding: 20px 0; position: relative; z-index: 1; text-align: center; display: flex; background: rgba(255,255,255, 0.9); flex-direction: column; justify-content: center; align-items: center;}
#log_box .main{ max-width: 570px; width: 100%; margin: 0 auto;}
#log_box h1{ margin-bottom: 25px; color: #333; font-family: "samimBold"; font-size: 29px; line-height: 40px;}
#log_box #copyright{ width: 100%; margin-top: 10px; padding: 0 20px; color: #333; font-size: 12px; line-height: 22px;}
#log_box #copyright a{ color: #333;}
#log_box #copyright a:hover{ color: #7a9dbb;}
#log_box #copyright > div:last-child{ direction: ltr; font-family: tahoma;}
.goto_site{ padding: 5px 10px; background: #ffffff7a; color: #333; position: absolute; top: 10px; right: 0; border-radius: 20px 0 0 20px;}
.goto_site:hover{ background: #ffffff49;}
.goto_site i{ font-size: 11px; position: relative; top: 1px; padding-right: 3px;}
.sec-1{margin-top: 3px;}
.certf-main{min-height:100vh;background: url(images/background/banner2.jpg) no-repeat; overflow: hidden; background-size: cover !important; background-position: left bottom !important;}
.dis-flex{display: flex; justify-content: center;align-items: flex-end;flex-wrap: wrap;max-width: 1250px;margin:0 auto; border: 3px solid #7a9dbb; border-radius: 0 0 10px 10px;}
.dis-flex.add_border{ padding-top: 20px; border-radius: 10px;}
.dis-flex > div{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 50%;min-width:570px}
.box-phone{ width:100%; height: auto;min-height: 300px; display: flex;color:#333;flex-direction: column;align-items: center;margin:5px 0 10px;border-radius: 5px;justify-content: flex-start;padding:10px 30px;}
.box-phone form{display: flex;align-items: center;flex-direction: column}
.text-box-phone{text-align: center;padding: 10px 0 0;}
.cng-mobile{ margin-right: 10px; background: none; color: #326b9c; border: none; border-bottom: 1px dashed #326b9c; font-size: 11px;}
.text-box-phone p{font-size: 15px;text-align: center;color:#333;padding: 8px 0 0;}
.error-style p{color: #fd2f09;text-align:center;font-family: SamimBold;font-size: 17px;}
.error-style p i{ font-size: 20px;}
.error-style{display: flex;align-items:center;justify-content: center; margin: 7px auto 5px;border-radius: 4px;background: #fff;padding: 8px; width: max-content;width: 570px;}
.certf-list{min-height:Calc(100vh - 242px);padding: 0 0 100px;}
.padL7px{padding-left:7px} .pad5px{padding:5px;} 
#input-phone,#password {border: 1px solid #ddd;height: 45px;color: black;width: 270px;margin: 20px 0 0;background: #fff;letter-spacing: 8px;font-size: 18px;padding: 0 10px;border-radius: 5px;}
#input-phone::placeholder{ font-size: 15px !important} 
#password::placeholder{ font-size: 15px !important} 

#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: #333;}

@media only screen and (max-width: 1139px){
	.dis-flex >div {width: 100%; }
	.error-style{margin: 10px auto 35px;}
}

@media only screen and (max-width: 1024px){
	#log_box{ max-width: 100%; padding: 20px;}
}
@media only screen and (max-width: 600px){
	.dis-flex > div{min-width: inherit}
    .error-style{width: 95%}
}
.name-bold{position:absolute;top:323px;width: 100%;color: #ad1a50;font-size: 50px;font-family:Bjadid;font-weight: bold}

.text-btm{position: absolute;bottom:85px;width: 100%;font-family: Yekan;font-size: 16px;}
.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(#333 ),color-stop(75%,#333 ),color-stop(75%,transparent),to(transparent));background-image: linear-gradient(90deg,#333 ,#333  75%,transparent 0,transparent);
 background-size: 2.4em 1px;border: none; }
.recieve-code{color: white;font-size: 14px;cursor: pointer;}
#alarm-text{color: #333;min-width: 200px;display: flex;justify-content: center}
#recive-code-again{ min-width: 270px; padding: 5px; background: var(--color2);border: 1px dashed #7dc2ff; border-radius: 3px;color: white; display: none;}
#timer{width: 40px;}

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


#certf td:nth-child(1){
	border-top: 1px solid #eeeeee !important;
}
.certf{
	max-width:400px !important;
}
.certf td{
	display: block !important;
}
.certf tr:first-child{
	display: none !important;
}
.certf tr{
	height: auto;
}
.certf 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;
}	
  
.certf td:nth-child(1){
	border-top: 1px solid #eeeeee !important;
}
.certf td:nth-child(1){
	 background: #ad1a50;
    color: #fff!important;
	display: flex;
	align-items: center;
 }
.certf td:nth-child(1):before {
	content: "انتخاب: "!important;
	 color: #fff!important
 }	   
.certf td:nth-child(2):before {
	content: "ردیف: "!important;
 }
 .certf td:nth-child(3):before {
	content: "کد تور: "!important;
 }
 .certf td:nth-child(4):before {
	content: "نام تور: "!important;
 }
.certf td:nth-child(5):before {
	content: "تاریخ شروع: "!important;
 }
.certf td:nth-child(6):before {
	content: "تاریخ پایان: "!important;
 }
.certf td:nth-child(7):before {
	content: "مدت تور: "!important;
 }
.certf td:nth-child(8):before {
	content: "وضعیت تور: "!important;
 }
.certf td:nth-child(9):before {
	content: "وضعیت مالی: "!important;
 }
.certf td:nth-child(10):before {
	content: "غیبت: "!important;
 }
.certf td:nth-child(11):before {
	content: "نمره: "!important;
 }
.certf td:nth-child(12):before {
	content: "دریافت گواهینامه فیزیکی: "!important;
 }
.certf td:nth-child(13):before {
	content: "گواهینامه : "!important;
 }
.certf td:before {
	color: #ad1a50!important;
	font-size: 15px;
 }
}
@media only screen and (max-width: 450px){
	#cer-ind{width: 100%;}
	.error-style{width: 95%}
	.error-style p{font-size: 15px;}
}
.btn-grn{background: #3aad72;height: 45px;color: white;border: 1px solid #3aad72;border-radius: 5px;margin:10px 0;transition: all .2s;width: 270px;}
.btn-grn:hover{background: #2b9d62; border-color: #2b9d62;}
.mar-t0{ margin-top: 0 !important;}
#bton-print{margin-top: 0}
.course{color: black!important;margin-bottom: 100px;}
@media only screen and (max-width:700px){
    .course td:before {
        color: #ad1a50!important;
    }
    .course td:nth-child(1){
        background: #ad1a50;
        color: #fff!important;
        display: flex;
        align-items: center;
    }
        
    .course td:nth-child(1):before {
        content: "ردیف: "!important;
        color: #fff!important
    }
    .course td:nth-child(2):before {
        content: "کد تور: "!important;
    }
    .course td:nth-child(3):before {
        content: "نام تور: "!important;
    }
    .course td:nth-child(4):before {
        content: "تاریخ شروع: "!important;
    }
    .course td:nth-child(5):before {
        content: "تاریخ پایان: "!important;
    }
    .course td:nth-child(6):before {
        content: "مدت تور: "!important;
    }
    .course td:nth-child(7):before {
        content: "وضعیت تور: "!important;
    }
    .course td:nth-child(8):before {
        content: "وضعیت مالی: "!important;
    }
}
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;}

/* 404.html */
#header-t{ text-align: center; padding-bottom: 0; }
#img-logo{ max-width: 230px; margin: 30px auto; display: block;}
.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;}
.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;
    }
}
/*** online payment ***/

@media only screen and  (max-width: 930px){
    #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: #ad1a50;
    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;
}
/************* pish faktor css **********/
@media only screen and (max-width: 700px ){ main{  width: 100% !important;} }

#bpishfaktor{
    max-width: 990px;
    padding: 15px;
    margin: auto;
    line-height: 20px;
    font-size: 14px;
	padding-bottom: 85px;
}
#bpishfaktor .title b::before{ height:51px; width:1px; border-right:1px dashed #222639; 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 #222639;
	display: flex;
	justify-content: space-between;
}
#bpishfaktor span:first-child{color: #222639;}
#bpish_head a{float: right;}
#bpish_head img{ display: block; float:right;}
#bpish_date{float: left;display: flex;align-items: flex-end;}
#bpish_date div:first-child{margin-bottom: 5px;}
#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: 'SamimBold';
}
#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: 66px;
    text-align: center;
	background:#e2e4e9;
}
#bpish_seller tr:first-child td:first-child{ width: 58px; background:#e2e4e9;}
#bpish_seller td:nth-last-child(2){ width: 156px; }
#bpish_seller b{ font-family:Samim; display:inline-block; direction:ltr;}
#bpish_buyer td:last-child,#bpish_seller td:last-child{ width: 220px;}
#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){ width:376px;}
#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 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;width: 40px;}
#bpish_services tr td:nth-child(1){text-align: center;}
#bpish_services td:nth-child(1) textarea{width: 98% !important;text-align: right;}
#bpish_services td:nth-child(2),#bpish_services td:nth-child(2) input{width:376px;}
#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: 105px;}
#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: 150px;text-align: center;}
#bpish_services td:nth-child(5),#bpish_services td:nth-child(5) input{width: 95px;}
#bpish_services td:nth-child(7),#bpish_services td:nth-child(7) input{width: 126px;}
#bpish_services tr:last-child td{padding: 5px !important;text-align: center;}
#bpish_services tr:last-child td:last-child{font-family: 'SamimBold';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;
}
.underTable{ margin-top:10px; line-height:22px; font-size:12px; text-align:right;}
#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:33px; line-height:33px; margin-left:3px; padding:0px 3px; background:rgba(170,186,199,.5); color:rgba(33,69,98,1.00); font-size:15px; border:1px solid rgba(170,186,199,1.00); border-radius:5px; display:inline-block; text-align:center; transition:all linear 0.2s; cursor:pointer;}   
#bpishfaktor .print:hover{ background:transparent;}
#bpishfaktor .print i{ padding-left:6px; font-size:14px;}
#comment11{ width: 100%; margin-top: 10px; padding: 5px; border: 1px solid #c2c2c2; resize: vertical; background: #f6f6f6; font-size: 13px; font-family: Tahoma; }
@media only screen and (max-width: 768px){
	#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:#004F8C !important; color:#fff; font-family: 'SamimBold'; font-size:15px;}
	#bpish_services tr:first-child{ display:none;} 
	#bpish_services tr{ height:auto !important;}
	#bpish_services tr td:nth-child(1){background:#004F8C; color:#fff; display:block; padding:5px 0; font-size:15px; font-family: 'SamimBold';}
	#bpish_services tr td:nth-child(1):before{ content:" ردیف";color:#fff;}
	#bpish_services tr td:nth-child(2):before{ content:"شرح خدمات:"; }
	#bpish_services tr td:before{ padding-left:3px; color:#004F8C;}
	#bpish_services tr td:nth-child(3):before{ content:"تعداد:";}
	#bpish_services tr td:nth-child(4):before{ content:"مبلغ قابل پرداخت:";}
	#bpish_services tr:last-child td:nth-child(1):before{ content:" ";color:#fff;}
	#bpish_services tr:last-child td:nth-child(2):before{ content:"";}
	#bpish_head img, #bpish_date{ float:none;}
	#bpish_head img{ margin: auto auto 20px;} 
}
#pre_factor{margin:20px auto; padding: 20px; font-size: 15px; text-justify: auto; color: #333333; background: #f2f2f2;max-width: 1250px;width: 90%;}
#pre_factor #title{ line-height:30px; padding-bottom:30px; font-size:19px;}
#pre_factor .sec_title{ padding:5px; line-height:30px; font-size:15px;}
#pre_factor .factor_table{ width:100%; font-size:14px;}
#pre_factor .factor_table tr{ border-bottom:1px dotted #CCC; border-top:1px dotted #CCC;}
#pre_factor .factor_table tr td:first-child{ width:150px; padding: 5px; background: #faf9f2;}
#pre_factor .factor_table tr td:last-child{ width:Calc(100% - 150px); padding: 5px; background: #ffffff;}
#pre_factor .yourpay{ line-height:25px; padding:30px 0; text-align:center;}
#pre_factor .ports{ text-align:center;}
#pre_factor .ports img{ width:70px; display:inline-block;}
#pre_factor .ports #mellat{ margin-right:20px;}
#pre_factor form{ text-align:center!important;}
#pre_factor button[type=submit], #PrintButton button{ background: #43bc61; display: inline-block; padding: 5px 15px 5px; color: WHITE; text-shadow: 1px 1px 1px #333; border-radius: 3px; margin: 20px auto 0; transition: linear .2s; border: solid 1px #2E9447;}
#pre_factor button[type=submit]:hover, #PrintButton button:hover{ background:#3aa554;}
#pre_factor i{ position:relative; top:2px;}

/************* /pish faktor css **********/
.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}

/**********************course********************/
.flexbox{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; justify-content:center; align-items:center;}
#education{padding-top:30px;}
#edu_box{ align-items:center;justify-content: center;}
#education #edu_box > div{ width:40%; padding:0 20px; align-items:flex-start;margin: 20px 0;}
#education #edu_box > div i{ width:60px; color:#ad1a50; font-size:50px; text-align:center; position: relative; right: 30px;}
#education #edu_box > div > div{ width:calc(100% - 60px); position: relative; padding:0 5px;background: #292e441f;border-radius: 2px; }
#education #edu_box > div h3{ margin-bottom:7px; font-family:"SamimBold";color: rgba(32,33,66,1.00);font-size: 24px;display: flex;align-items: center;
justify-content: center;padding: 20px;} 
#education #edu_box > div a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.adobi {width: 80%!important;}
.adobi span{font-family:'SamimBold';}
@media only screen and (max-width:768px){
	#education #edu_box > div{ width:100%;} 
    .adobi {width: 100%!important;}
}
/*===================profile===============*/

.link_st a{ color: #3a7cb6;}
.titr-profile-page {
    display: flex;
    justify-content: space-between;
    color: #333333;
    font-family: 'SamimBold';
    font-size: 16px;
    padding-top: 44px;
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.titr-profile-page h3 {
    margin: 10px 0 !important;
    font-weight: normal !important;
}
.titr-profile-page h3 span{
    font-family: 'SamimBold';
    font-size: 28px;
}

/*==============register====================*/
.titr-sen h3{font-size: 18px; line-height: 32px; color: #000; font-family: samimBold;}
.titr-sen h3 span{ color: #066286; font-size: 21px; font-family: samimBold;}
.widget input[type="radio"] {
    border-radius: 50%;
}

input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

::placeholder,
input,
button {
    font-family: 'Samim'
}

.Register-box {
    margin-top: 0 !important;
    text-align: center;
    direction: rtl;
    padding: 2% 1%;
    margin-bottom: 100px;
    background-color: white;
    border: 1px solid rgba(205, 205, 205, .5);
}

.container-input1>div {
    width: 100%;
}
.container-input1{
    margin: 8px 0;
}
.container-input1 span{
    width: 140px;
    display: inline-block;
    text-align: right;
}
.rgstr-btn {
	height: 40px;
    background-color: #3aad72;
    border:1px solid #3aad72;
    color: white;
    cursor: pointer;
    padding: 3px 35px;
    font-family: 'Samim';
    font-size: 14px;
    white-space: nowrap;
    transition: all .2s ease-in-out;
    margin: 20px 0;
	border-radius: 5px;
}
.rgstr-btn:hover{ background: #2b9d62; border-color: #2b9d62;}
.announce {
    color: rgba(140,32,32,1.00)!important;
    font-family: "SamimBold";
	margin: 0 auto 0;
    font-size: 13px;
    line-height: 36px;
    padding: 5px 30px;
    background: rgba(255,242,242,1.00)!important;
    border: 1px dashed rgba(249,202,202,1.00)!important;
	text-align: right;
}
.announce a{
	color: #004f8c!important;
	text-decoration: none;}
.mr-btm{margin-bottom:10px;}
.not_01{background: rgb(193, 206, 204);padding-top: 30px;padding-bottom: 30px;width: 70%;margin:30px auto;color: rgba(32,33,66,1.00);font-size: 17px;font-family:SamimBold;line-height: 40px;height: max-content;}
.row{display: flex;justify-content: center;}
.row input.rgstr-btn{display: inline;margin-left: 10px;background:#8db621;border:1px solid #8db621;}
.row input.rgstr-btn:hover{color:#8db621;background:white;}
/**************************************************** tazeha ******************************************/
#s_box{
    width: 100%;
	margin: 20px auto 0;
    background: #eee;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.s_b_header{
    padding: 15px 22px 15px 0px;
    color: #000;
    border-bottom: 1px solid #ffffff;
	font-family:'SamimBold';
    font-size: 16px;
}
.s_b_header i{color:var(--color1); font-size: 20px; margin-left: 4px;}
#n_box .s_b_header{
    padding: 5px 10px 0px;
}
#s_box ul{
    text-align: center;
    margin: 10px 0px 0px 0px;
}
#s_box li{
    width: 32%;
    height: 230px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}
#s_box li > div{ width:100%; height:100%; background-size:cover !important; background-position:center !important; transition:all linear 0.2s;}
#s_box li:hover > div{ transform:scale(1.1,1.1);}

#s_box.survey{ background: rgb(255, 238, 212); position:relative;}
#s_box.survey .survey_icon{ font-size:40px; transform:rotate(-40deg); background: #fff; color:var(--color1); position:absolute; right:-15px; top:-15px;}
#s_box.survey .survey_icon2{ font-size:40px; color:rgb(217, 25, 102); position:absolute; right:-15px; top:-25px;}
#s_box.survey .survey_padd{ padding:10px; color:rgb(67 113 32); font-size: 16px; line-height: 34px; font-family: 'SamimBold';}
#s_box.survey .survey_left{ padding-left:3px; font-size:12px; color:#3176b3;}
#s_box.survey .survey_link{ padding: 5px 10px; margin: 7px 0; font-family:SamimBold; color:#3176b3; font-size:13px; border: 1px dashed #3176b3; border-radius: 5px; display: inline-block; transition: all linear .2s;}
#s_box.survey .survey_link:hover{ opacity: 0.7;}
#s_box.survey .s_font{ font-size:15px !important;}
#s_box.pre_box{ background: #fff; padding: 0;}
#s_box.pre_box .s_b_header{ border-color: #ddd;}
@media only screen and (max-width: 1180px){  /**************** responsive index news for 1180 px ***************************/
    #s_box{
        padding-bottom: 2px;
        margin-bottom: 10px;
    }
    .s_b_header{
        padding: 10px 0px 8px 0px;
        text-align: center;
    }
    #s_box li{
        width: 250px;
        height: 255px;
        margin: 0px 6px;
        overflow: hidden;
    }
    #n_box{
        width: 58%;
        margin-right: 0px;
    }
    #n_box .s_b_header{
        padding-bottom: 7px;
        margin: 0px 0px 2px 0px;
        font-size: 20px;
        text-align: center;
        border-bottom: 1px solid #FFFFFF;
    }
}
@media only screen and (max-width: 730px){  /**************** responsive index news for 730 px ***************************/
    #s_box ul{
        width: 516px;
        text-align: right;
        margin: 11px auto 1px auto;
    }
    #s_box li{
        width: 250px;
        height: 255px;
        margin: 0px 3px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 658px){  /**************** responsive index news for 590 px ***************************/
    #s_box ul{
        width: auto;
        text-align: center;
    }
	#s_box li{ margin:auto auto 10px auto; display:block; vertical-align:top;}
}

/**mainpre**/
.net_social{ padding: 20px !important; justify-content: flex-start !important;}
.net_social .s_b_header{ padding: 0; border: none;}
#social_net { padding: 0 10px;}
#social_net > div{ margin-left: 20px;}
#social_net > div:last-child{ margin-left:0;}
#social_net i{ width:30px; height:30px; line-height:31px; text-align:center; font-size:15px; border-radius:50%; color:#fff; background:var(--color1);}
#social_net a{ color:#292e44; margin: 0 0 0 30px; display:inline-block; transition:all linear 0.2s;}
#social_net a:hover{ opacity:0.7;}
#social_net a:last-child{ margin-left:0;}
@media only screen and (max-width: 600px){
	.net_social .s_b_header{ width: 100%; margin-bottom: 20px; text-align: right;}
	#social_net { padding: 0;}
    .main,.second-row-header > div,.first-row-header > div,.titr-profile-page{width:95%}
	
}

/******** pact factor styles ********/
.print_bt{ width:220px; margin:20px auto; background:#267139; text-shadow:1px 1px 1px #333; color:#fff; padding:4px 5px; text-align:center; font-size:15px; display:block; cursor:pointer; transition:all linear 0.2s;border-radius: 5px;}
.print_bt:hover{ opacity:0.8;}
.back{width: 550px;}
@media only screen and (max-width: 575px){
	.back{width: 95%;}
}
.usps::placeholder{direction: rtl;letter-spacing: 0;text-align: right;}

.ptItem {
	min-width: 190px;
	min-height: 58px;
    padding: 9px;
	background: transparent;
	color: #aaa8a9;
    line-height: 20px;
	border:none;
    border-bottom: 3px solid #837f7c;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    transition: all 0.3s ease-in-out;
    font-family: SamimBold;
    font-size: 13px;
  }
.ptItem.active{
	font-size: 18px;
	line-height: 28px;
	color: #333;
  border-color: #7a9dbb;
}
.ptItem span{ position: relative; bottom: -10px; font-family: SamimBold; font-size: 15px; transition: all linear .1s;}
.ptItem.active span{ font-size: 20px; position: relative; bottom: 5px;}
.ptItem.active i{ font-size: 30px; color: var(--color2); transition: all linear 0.2s;}
@media only screen and (max-width: 430px){
	.ptItem{ min-width: inherit;}
	.ptItem.active span{ font-size: 18px;}
	.ptItem.active i{ font-size: 27px;}
}

.prodNav {
    font-size: 12px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
  }
  .chng input {
	max-width: 250px;
	width: 100%;
    height: 40px;
    padding: 0 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Samim';
}
.chng .rgstr-btn{ min-width: 120px;}
@media only screen and (max-width: 650px){
	.prodNav{ background: none;}
    .ptItem{ padding: 9px; margin: 3px 0;}
    .btn-grn{height: 45px;}
}
@media screen and (max-width: 480px) {
	.container-input1 span,.chng input{ width: 100%; max-width: 100%; text-align: center;}
}


.overh{ background: none; border: none; color: #326b9c; transition: all linear .2s;}
.overh:hover{
    color: #7a9dbb!important;
}

.icon-input-login { height: 45px; padding: 9px 10px; width: 35px;background: white;color: #c7c0c0;min-width: 25px;text-align: center;;border-radius: 0 5px 5px 0!important;font-size: 16px !important; line-height: 22px !important;margin-right: auto;text-shadow: none;}
.input-container {display: flex;align-items: end;}
.passCl{width: 235px!important;border-radius: 5px 0 0 5px!important;border-right:none;border: none!important;background: white!important;letter-spacing: 3px!important;}


/**mainpre**/
.pre_box{ padding: 20px; margin: 25px 0 0; border: 1px solid #e0e0e0; border-radius: 5px;}
.box_sub{ padding: 0 5px; background: #fff; position: absolute; right: 17px; top: -17px; font-family: samimBold; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.sub_icon{ font-family: samimBold; font-size: 16px; text-align: right;}
.sub_icon i, .box_sub i{ margin-left: 4px; color: var(--color1); font-size: 20px; position: relative; top: 1.5px;}
.sub_icon a{ color: #3176b3; transition: all linear .2s;}
.sub_icon a:hover{ opacity: 0.8;}
.edit_box{ margin: 0 0 50px 0; position: relative;}
.ch_info .for_info{ margin: 10px 0 0; display: flex; flex-wrap: wrap;}
.ch_info .sub_icon{ font-size: 13px; line-height: 23px; font-family: samim;}
.ch_info .sub_icon i{ font-size: 16px;}
.ch_info .sub_icon span{ border-bottom: 2px solid var(--color1); display: inline-block;}
.ful-page .sub_icon{ margin-bottom: 10px; text-align: center;}

.nxt_bt{ padding: 7px 10px; background: #3aad72; color: #fff; border: none; border-radius: 5px; text-shadow: 1px 1px 1px #333; transition: all linear 0.2s;} 
.nxt_bt.cancel{ background: #f09200;}
.nxt_bt:hover{ background: #2e9761;}
.nxt_bt.cancel:hover{ background: #d78608;}
.yes_no label{ min-width: 50px; height: 40px; padding: 5px; margin: 0 0 0 5px; border: 1px solid #ddd; border-radius: 3px; display: inline-block; cursor: pointer;}
.yes_no label input{ margin-left: 3px;}
#step select{ max-width: 150px;}
#after_reg{ padding: 50px 0 0;}
#after_reg .accept{ max-width: max-content; margin-bottom: 20px; font-size: 22px; line-height: 35px; color: #3aad72; font-family: "SamimBold"; border-bottom: 2px solid #3aad72;}

.form_alert{ max-width: max-content; padding: 5px 10px; margin: 10px 0 20px; background: #ffceaa54; color: #000; border: 1px solid #f09200; border-radius: 5px;}
.form_alert i{ margin-left: 5px; color: #f09200;}
.form_alert.redmode{ background: #ffb2aa54; border-color: #f04f00;}
.form_alert.redmode i{ color: #f04f00;}
.fbold{ font-family: "samimBold";}
#status{ margin: 50px 0 0; align-items: stretch; }
#status > div{ width: Calc(33.33% - 13.4px); padding: 15px 15px 65px; margin: 0 0 0 20px; background: #fff0f0; border: 2px solid #dd5d5d; border-radius: 5px; text-align: center; position: relative;}
#status > div:last-child{ margin-left: 0;}
#status .top_lvl{ padding: 10px; margin-bottom: 10px; color: #dd5d5d; font-family: samimBold; font-size: 17px; text-align: center;}
#status .btn2{ max-width: 150px; width: 100%; padding: 5px 10px; margin: 15px auto 0; background: #dd5d5d; color: #fff; position: absolute; left: 0; right: 0; bottom: 15px; font-size: 16px; font-family: "samimBold"; text-align: center; text-shadow: 1px 1px 0px #555; border: none; border-radius: 3px; display: block;}
#status > div.mode2{ background: #ecfffc; border-color: #28b8a3;}
#status .mode2 .top_lvl{ color: #28b8a3; }
#status .mode2 .btn2{ background: #28b8a3;}
#status > div.mode3{ background: #fffaec; border-color: #f09200;}
#status .mode3 .top_lvl{ color: #f09200;}
#status .mode3 .btn2{ background: #f09200;}
@media only screen and (max-width: 1024px){
    #status > div{ width: 100%; margin: 0 0 20px !important;}
}

.for_info > div{ width: Calc(20% - 12px); margin: 0 0 15px 15px;}
.for_info > div:nth-child(5n){ margin-left: 0;}
.for_info > div > span{ width: 100%; padding: 0 3px; font-size: 13px; display: block;}
.for_info > div.twobox > div:first-child{ width: 42%;}
.for_info > div.twobox > div:last-child{ width: 56%; margin-right: 2%;}
.for_info > div.threebox{ font-size: 0;}
.for_info > div.threebox > select:nth-of-type(1){ width: 22%;}
.for_info > div.threebox > select:nth-of-type(2){ width: 43%; margin: 0 1%;}
.for_info > div.threebox > select:nth-of-type(3){ width: 33%;}

.for_info input:not([type=radio]),.for_info select{ width: 100%; height: 40px; padding: 0 5px; background: transparent; font-size: 14px; border: 1px solid #ddd; border-radius: 5px;}
.for_info select option{ font-family: tahoma;}
.for_info .sel_wd{ font-size: 0;}
.for_info .sel_wd select:nth-of-type(1){ width: 20%;}
.for_info .sel_wd select:nth-of-type(2){ width: 44%; margin: 0 2%;}
.for_info .sel_wd select:nth-of-type(3){ width: 32%;}
.for_info button{ width: 100%; height: 40px; padding: 5px 15px; margin: 5px auto auto; background: #3aad72; color: #fff; border: none; border-radius: 5px; transition: all linear 0.2s; display: block;}
.for_info button:hover{ background: #2b9d62; border-color: #2b9d62;}
.dv_butt{ margin: 0 auto 15px 0 !important;}
.done{ max-width: max-content; background: #e1ffe1; padding: 10px 15px; border-radius: 10px; margin: 20px 0; font-family: samimBold; font-size: 18px; line-height: 30px;}
.done i{ color: #3aad72; margin-left: 5px;}
@media only screen and (max-width: 1000px){
	.for_info > div{ width: Calc(50% - 8px);}
	.for_info > div:nth-child(3n){ margin-left: 15px;}
	.for_info > div:nth-child(2n){ margin-left: 0;}
}
@media only screen and (max-width: 530px){
	.for_info > div{ width: 100% !important; margin: 0 0 15px !important;}
}

/*** safarhaye tasviye nashode ***/
#top_bann{ padding: 40px 0; background: url(images/background/garden.jpg) no-repeat; background-size: cover !important; background-position: bottom!important; position: relative;}
#top_bann .main{ position: relative; z-index: 10;}

#user_box{ width: Calc(100% - 335px); margin-left: auto;}
@media only screen and (max-width: 768px){
	#user_box{ width: 100%;}
}

/***savabeghe safar***/
.h1_title{ margin: 20px 0; font-size: 25px; line-height: 35px; font-family: "samimBold";}
.h1_title i{ margin-left: 5px; color: var(--color1); position: relative; top: 2px;}
.sub_inline .h1_title{ margin-left: 10px; display: inline-block;}
.sub_inline .add_ticket, .sub_inline .add_ticket:hover{ background: var(--color1); border-color: var(--color1); color: #333 !important; text-shadow: none;}

#filtering{ margin: 0 0 10px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 5px;}
#filtering .showing{ display: none;}
#filtering > div > .flexbox{ justify-content: flex-start;}
#filtering > div > .flexbox > div{ margin: 10px 0 10px 20px;}
#filtering > div > div input,#filtering > div > div select{ width: 200px; height: 40px; padding: 0 5px; background: transparent; border: 1px solid #ddd; border-radius: 5px;}
#filtering .filter{ cursor: pointer;}
#filtering .filter i{ margin-left: 5px; color: var(--color1);}
#filtering .w_date select:nth-of-type(1){ width: 50px;}
#filtering .w_date select:nth-of-type(2){ width: 100px;}
#filtering .w_date select:nth-of-type(3){ width: 70px;}
#filtering option{ font-family: tahoma;}
#filtering .submit{ width: 110px; height: 40px; text-align: center; border: 1px solid #3aad72; color: #3aad72; font-family: samim; font-size: 14px; background: transparent; display: inline-block; cursor: pointer; transition: all .2s linear; border-radius: 5px;}
#filtering .submit:hover{ background: #3aad72; color: #fff;}
#filtering .reset{ width: 50px;}
#filtering .reset i{ position: relative; top: 2px;}

.add_icon{ background: none !important; position: relative; top: 4px; display: inline-block;}
.add_icon:hover{ opacity: 0.7;}
.add_icon .fa-plus{ color: #fff; font-size: 12px; position: absolute; left: 5px; top: 3.5px;}
.add_icon .fa-comments{ color: var(--color1); font-size: 27px;}

.table_01{ width: 100%; margin: 0 auto; text-align: center; border-collapse: collapse; color: #000; background: #FFFFFF;}
.table_01 td{ padding: 5px; border: 1px solid #ddd; /*vertical-align: top;*/}
.table_01 tr{ transition: all linear .2s;}
.table_01 tr:first-child td{ background: var(--color2); color: #fff; font-family: "samimBold";}
.table_01 tr:nth-child(2n-1){ background: #f4f4f4;}
.table_01 tr:hover{ background: #E6E6E6;}
.table_01.mode1 tr:first-child td{ background: #777;}
.reg_bt{ padding: 2px 10px; background: #3aad72; color: #fff; text-shadow: 1px 1px 0px #555; border: none; border-radius: 3px; display: block;}
.ldir{ display: inline-block; direction: ltr;}
#open_guide{ display: none;}
#open_guide b.txt{ font-size: 16px; margin: 10px 0; display: block;}
.guide_tb td{ width: inherit !important; text-align: right;}
.guide_bt{ padding: 5px 15px; margin: 30px 0 10px; background: #eff7ff; display: inline-block; font-family: "samimBold"; font-size: 18px; color: var(--color2); border-bottom: 1px dashed var(--color2); cursor: pointer;}
.guide_bt i{ padding-left: 4px; font-size: 16px;}
@media only screen and (max-width: 1024px){
	#filtering > div > .flexbox > div{ width: 100%;}
	#filtering > div > .flexbox > div > span{ margin-bottom: 4px; display: block;}

    .table_01 td,.table_01 tr{ width: 100% !important; text-align: center !important; border-bottom: none; display: block;}
	.table_01 tr{ margin-bottom: 20px;}
	.table_01 tr:first-child{ display: none;}
	.table_01 tr td:before{ margin-left: 4px; color: var(--color2); font-family: "samimBold";}
	.table_01 tr td:nth-child(1){ background: var(--color2); color: #fff; font-family: "samimBold";}
    .table_01 tr td:nth-child(1)::before{ content: "ردیف"; color: #fff;} 
    .table_01 tr td:nth-child(2)::before{ content: "کد:";} 
    .table_01 tr td:nth-child(3)::before{ content: "نام/عنوان:";} 
    .table_01 tr td:nth-child(4)::before{ content: "تاریخ سفر:";} 
    .table_01 tr td:nth-child(5)::before{ content: "مدت:";} 
    .table_01 tr td:nth-child(6)::before{ content: "قیمت مصرف کننده:";} 
    .table_01 tr td:nth-child(7)::before{ content: "کمیسیون نماینده:";} 
    .table_01 tr td:nth-child(8)::before{ content: "ظرفیت:";} 
    .table_01 tr td:nth-child(9)::before{ content: "ثبت‌نام:";}
    .table_01 tr td:nth-child(10):before{ content: "تیکت:";}
    .table_01 tr td:last-child{ border-bottom: 1px solid #ddd;}
    .table_01.mode1 tr td:nth-child(1){ background: #777;}
    .table_01.mode1 tr td:nth-child(7)::before{ content: "رزروی‌ها:";}		
    .table_01.mode1 tr td:nth-child(8)::before{ content: "زمان ثبت:";}
    .table_01.mode1 tr td:nth-child(9)::before{ content: "مرحله:";}
    .table_01.mode1 tr td:nth-child(10)::before{ content: "شماره قرارداد:";}
    .table_01.mode1 tr td:nth-child(11):before{ content: "تیکت:";}

    .reg_bt{ min-width: 120px; padding: 5px 10px; margin: auto;}
    .table_01.guide_tb tr td:nth-child(1)::before { content: "وضعیت:"; color: #fff;}
    .table_01.guide_tb tr td:nth-child(2)::before { content: "شرح:";}
}
.Searchpg{ font-size: 13px; text-align: right; float: left; margin: 10px 0;}
.Searchpg a{ color: var(--color1); transition: all linear 0.2s;}
.Searchpg a:hover{ opacity: .7;}
.Searchpg .graytext{ color: gray;}
.Searchpg i{ position: relative; top: 2px;}
.Searchpg.new_style{ margin: 10px 0 5px; float: none; text-align: left;}

/******** contract *********/
.bodytxt{ font-size:14px; text-align:justify;}
.bodytxt ul, .bodytxt ol{ padding-right: 30px;}
.bodytxt img{ max-width: 100%; margin: 15px auto; display: block;}

/******************************* show more seo text **************************************/
#condition{ overflow:hidden; position:relative; /**transition:all linear .5s;***/}
.add_bt{ background:#fff; color:#FFF; text-align:center; font-size:15px; cursor:pointer; position: relative; z-index: 3; transition: all .5s linear; }
.add_bt i{ color: var(--color1); font-size: 20px; 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: 26px; font-family:'SamimBold'; color: var(--color1); 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: center;}
.add_bt .addButton:hover{ opacity:0.6;}
.add_bt.open:before{ display:none;}
/******************************* /show more seo text **************************************/

.tb_style{ width: 100%; margin: 15px auto 0; text-align: center; border-collapse: collapse; color: #000; background: #FFFFFF;}
.tb_style td{ padding: 5px; border-bottom: 1px solid #ddd; vertical-align: top;}
.tb_style td a{ color: #3176b3; transition: all linear .2s;}
.tb_style td a:hover{ opacity: 0.8}
.tb_style tr{ transition: all linear .2s;}
.tb_style tr:first-child td{ color: var(--color2); border-bottom: 2px solid var(--color2); background: #fff; font-family: "samimBold";}
.tb_style tr:last-child td{ border: none;}
.tb_style tr:nth-child(2n-1){ background: #f4f4f4;}
.tb_style tr:hover{ background: #E6E6E6;}

.all_info td:nth-child(1){ width: 80px;}
.all_info td:nth-child(2){ width: 120px;}
.all_info td:nth-child(3){ min-width: 160px;}
.all_info td:nth-child(4){ width: 145px;}
.all_info td:nth-child(5){ width: 90px;}
.all_info td:nth-child(6){ width: 120px;}
.all_info td:nth-child(7){ width: 120px;}
.all_info td:nth-child(8){ width: 120px;}
@media only screen and (max-width: 1100px){
	.all_info tr:first-child{ display: none;}
	.all_info td{ width: 100%!important; background: #f4f4f4; text-align: center; display: block;}
	.all_info tr{ margin-bottom: 15px; display: block;}
	.all_info tr:last-child{ margin-bottom: 0;}
	.all_info tr td:before{ margin-left: 4px; color: var(--color2); font-family: "samimBold";}
	.all_info tr td:nth-child(1){ background: var(--color2); color: #fff; font-family: "samimBold";}
	.all_info tr td:nth-child(1):before{ content: "شناسه سفر:"; color: #fff;}
	.all_info tr td:nth-child(2):before{ content: "نام سفر:";}
	.all_info tr td:nth-child(3):before{ content: "عنوان سفر:";}
	.all_info tr td:nth-child(4):before{ content: "لیدر:";}
	.all_info tr td:nth-child(5):before{ content: "مدت سفر:";}
	.all_info tr td:nth-child(6):before{ content: "تاریخ شروع:";}
	.all_info tr td:nth-child(7):before{ content: "تاریخ پایان:";}
	.all_info tr td:nth-child(8):before{ content: "لینک در سایت:";}
	.all_info tr:last-child td{ border-bottom: 1px solid #ddd;}
}
.infobox{ margin-top: 20px; align-items: stretch; justify-content: flex-start;}
.infobox .each_cell{ padding: 0 30px ; margin: 0; border-left: 1px solid #ddd; justify-content: flex-start;}
.infobox .each_cell:first-child{ padding-right: 0;}
.infobox .each_cell:last-child{ border: none;}
.infobox .each_cell > div:first-child{ margin-left: 5px; color: var(--color2); font-family: "samimBold";}
@media only screen and (max-width: 900px){
	.list_tb tr:first-child,.attch_tb tr:first-child,.mali_tb tr:first-child{ display: none;}
	.list_tb td,.list_tb td,.attch_tb td,.mali_tb td{ width: 100%!important; background: #f4f4f4; text-align: center;  display: block;}
	.list_tb tr,.list_tb tr,.attch_tb ,.mali_tb tr{ margin-bottom: 15px; display: block;}
	.list_tb tr:last-child,.attch_tb tr:last-child,.mali_tb tr:last-child{ margin-bottom: 0;}
	.list_tb tr td:before,.attch_tb tr td:before,.mali_tb tr td:before{ margin-left: 4px; color: var(--color2); font-family: "samimBold";}
	.list_tb tr td:nth-child(1),.attch_tb tr td:nth-child(1),.mali_tb tr td:nth-child(1){ background: var(--color2); color: #fff; font-family: "samimBold";}
	.list_tb tr td:nth-child(1):before,.attch_tb tr td:nth-child(1):before,.mali_tb tr td:nth-child(1):before{ content: "ردیف"; color: #fff;}
	.list_tb tr td:nth-child(2):before{ content: "نام و نام خانوادگی:";}
	.list_tb tr td:nth-child(3):before{ content: "کد ملی:";}
	.list_tb tr td:nth-child(4):before{ content: "تاریخ تولد:";}
	.list_tb tr td:nth-child(5):before{ content: "شماره موبایل:";}
	.list_tb tr td:nth-child(6):before{ content: "مبلغ:";}
	.list_tb tr:last-child td,.attch_tb tr:last-child td,.mali_tb tr:last-child td{ border-bottom: 1px solid #ddd;}

	.attch_tb tr td:nth-child(2):before{ content: "شناسه:";}
	.attch_tb tr td:nth-child(3):before{ content: "فایل/لینک:";}
	.attch_tb tr td:nth-child(4):before{ content: "موضوع/توضیح:";}
	.attch_tb tr td:nth-child(5):before{ content: "زمان انتشار:";}
   
    .mali_tb tr td:nth-child(2):before{ content: "شناسه:";}
    .mali_tb tr td:nth-child(3):before{ content: "وضعیت:";}
    .mali_tb tr td:nth-child(4):before{ content: "سفر:";}
	.mali_tb tr td:nth-child(5):before{ content: "مبلغ:";}
	.mali_tb tr td:nth-child(6):before{ content: "نوع تراکنش:";}
	.mali_tb tr td:nth-child(7):before{ content: "شماره پیگیری:";}
    .mali_tb tr td:nth-child(8):before{ content: "زمان واریز:";}
    .mali_tb tr td:nth-child(9):before{ content: "واریز‌ کننده:";}
    .mali_tb tr td:nth-child(10):before{ content: "تاریخ ثبت:";}

	.infobox .each_cell{ width: 100%; padding: 10px 0 !important; margin: 0; border: none; border-bottom: 1px solid #ddd;}
	.infobox .each_cell:last-child{ margin-bottom: 0; padding-bottom: 0 !important;}
}

#c_cancel{ background: #ffe0e0; color: #650000; border: 1px dashed #ff8383;}
#c_cancel .sub_icon i{ color: #650000;}
#c_cancel span{ padding: 5px 10px; margin-right: 20px; background: #650000; color: #fff; border-radius: 5px; display: inline-block; cursor: pointer; transition: all linear .2s;}
#c_cancel span:hover{ opacity: .8;}
#c_cancel label{ cursor: pointer;}
#c_cancel label input{ position: relative; top: -1px;}
#ticket_mess{ margin-top: 10px; background: #edffec; color: #333; border: 1px dashed #3aad72;}
#ticket_mess .sub_icon i{ color: var(--color1);}
#ticket_mess span a{ padding: 5px 10px; margin-right: 20px; background: var(--color1); color: #fff; text-shadow: 0px 1px 1px #333; border-radius: 5px; display: inline-block; cursor: pointer; transition: all linear .2s;}
#ticket_mess span a:hover{ background: var(--color2);}
#ticket_mess span a i{ vertical-align: middle;}

#modal{ width: 100%; height: 100vh; padding: 15px; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 1000;}
#modal > div{ height: 100vh; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#modal form{ max-width: 400px; width: 100%; padding: 25px 15px; margin: auto; background: #fff; border-radius: 10px; text-align: center; position: relative; z-index: 15;}
#modal form i{ margin-bottom: 15px; font-size: 50px; color: #650000; display: block;}
#modal form input{ height: 40px; min-width: 80px; padding: 5px 15px; margin: 5px; background: transparent; color: #650000; border: 2px solid #650000; border-radius: 5px; transition: all linear .2s;}
#modal form input:hover{ background: #650000; color: #fff;}
#modal form input#deny{ background: #eee; color: #000; border-color: #999;}
#modal form input#deny:hover{ background: #ccc;} 
#modal form .txt{ margin-bottom: 10px;}
#modal .close_box{ height: 100vh; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10;}
@media only screen and (max-width: 768px){
	#c_cancel span{ max-width: max-content; margin: 10px 0 0; display: block;}
}

#payment{ margin: 20px 0 0;}
#payment .other_cost{ margin: 0 10px; color: #3176b3; border-bottom: 1px dotted #3176b3; display: inline-block; cursor: pointer; transition: all linear .2s;}
#payment .other_cost:hover{ opacity: 0.7;}
#payment .go_pay{ padding: 5px 15px; background: #3aad72; color: #fff; display: inline-block; border-radius: 5px; border: none; transition: all linear .2s;}
#payment .go_pay:hover{ background: #2b9d62; border-color: #2b9d62;}
#payment input{ height: 40px; width: 120px; padding: 0 5px; border: 1px solid #ddd; border-radius: 5px; display: none;}
@media only screen and (max-width: 960px){
	#payment .pay_txt{ margin-bottom: 10px; display: block;}
	#payment .other_cost{ margin: 0 0 0 10px;}
}

/** ticket.cfm **/
.plus{ width: 65%; margin-left: auto;}
.plus h1{ margin-left: 20px; display: inline-block;}
.add_ticket{ padding: 5px 10px; background: var(--color1); color: #fff; border-radius: 5px; font-size: 16px; text-shadow: 0px 1px 1px #333; position: relative; top: -3px; display: inline-block;}
.add_ticket i{ vertical-align: middle;}
.add_ticket:hover{ background: var(--color2);}
.addbox .add_ticket{ max-width: max-content; margin: 35px 0 10px; display: block;} 
.plus table a:hover{ color: #db7600 !important;}
.certf-list .plus .goto{ max-width: max-content; min-width: 125px; padding: 5px 10px; margin: 5px auto; background: #3aad72; color: #fff !important; border-radius: 5px; display: none !important;}
.flower{ background: url(images/background/flower_pot.png) no-repeat; background-size: 480px !important; background-position: 15% 100% !important;}
.plus table{ width: 100%; margin: 0 auto; text-align: center; border-collapse: collapse; color: #000; background: #ffffff9c;}
.plus table td{ padding: 5px; border-bottom: 1px solid #ddd; vertical-align: top;}
.plus table tr{ transition: all linear .2s;}
.plus table tr:first-child td{ background: var(--color2); color: #fff; font-family: "samimBold";}
.plus table tr:nth-child(2n-1){ background: #f4f4f4;}
.plus table tr:hover{ background: #E6E6E6;}
.plus table td:first-child{ width: 45px;}
.plus table td:nth-child(2){ width: 90px;}
.plus table td:nth-child(4){ text-align: right;}
.plus table td:nth-child(5){ width: 135px;}
.plus table a{ color: #004F8C; display: inline-block;}
.plus .green{ color: green;}
.plus .orange{ color: var(--color1);}
#ticket{ width: 100%;}
#ticket > div,#form4 > div{ margin-bottom: 10px;}
#ticket textarea,#form4 textarea{ width: 100%; height: 150px; padding: 5px; background: #ffffffde; border: 1px solid #ddd; resize: none; border-radius: 5px;}
#ticket select,#ticket input,#form4 select,#form4 .other{ height: 35px; padding: 5px; background: none; border: 1px solid #ddd; border-radius: 5px;}
#ticket input,#form4 .other{ width: 100%; max-width: 250px;}
#ticket button,#form4 button,#form4 .submit input{ height: 35px; width: 150px; padding: 5px; margin: 0 auto 0 0; background: #39B759; color: #fff; border: none; border-radius: 5px; text-shadow: 1px 1px 1px #333; display: block; transition: linear .2s;}
#ticket button:hover{ background: #096;}
#ticket .other,#ticket .other1,#ticket .other2,#form4 .other{ display: none;}
.comm_main{ margin-bottom: 40px;}
.commentbox .user{ width: 150px; text-align: center;}
.commentbox .user i{ color: var(--color1); font-size: 40px; display: block;}
.commentbox .user b{ margin-top: 5px; font-family: "samimbold"; font-size: 17px; display: block;}
.commentbox .user .fa-user{ font-size: 23px;}
.comm_txt{ width: calc(100% - 160px); margin: 0 auto 10px 0; background: #ffffff8f; padding: 15px; border-right: 1px solid #ddd; display: block;}
.comm_txt .fa-user{ margin-left: 5px; color: var(--color1); font-size: 20px;}
.comment_ans{ width: calc(100% - 190px); background: #eeeeee7d; border-right: 2px solid var(--color1);}
.c_top{ color: gray;}
.c_top span{ margin-left: 10px; font-size: 12px; display: inline-block;}
.flex_start{ align-items: flex-start;}
.chartxt{ font-size: 12px; color: gray;}
.dv_height{ min-height: 300px;}
@media only screen and (max-width: 1024px) {
    .plus{ width: 100%;}
}
@media only screen and (max-width: 768px) {
    .commentbox .user{ width: 90px;}
    .commentbox .user i{  font-size: 30px;}
    .commentbox .user b{ margin-top: 5px; font-family: "samimbold"; font-size: 15px; display: block;}
    .comm_txt{ width: calc(100% - 100px);}
    .comment_ans{ width: calc(100% - 120px);}
    .flower{ background-size: 300px !important; background-position: 50% 100% !important;}
    .plus table td,.plus table tr{ width: 100% !important; text-align: center !important; border-bottom: none; display: block;}
    .plus table tr{ margin-bottom: 20px;}
	.plus table tr:first-child{ display: none;}
	.plus table tr td:before{ margin-left: 4px; color: var(--color2); font-family: "samimBold";}
	.plus table tr td:nth-child(1){ background: var(--color2); color: #fff; font-family: "samimBold";}
    .plus table tr td:nth-child(1):before{ content: "ردیف"; color: #fff;}
    .plus table tr td:nth-child(2):before{ content: "شناسه تیکت:";}
    .plus table tr td:nth-child(3):before{ content: "تاریخ:";}
    .plus table tr td:nth-child(4):before{ content: "عنوان سفر:";}
    .plus table tr td:nth-child(5):before{ content: "وضعیت:";}
    .plus table tr td:last-child{ border-bottom: 1px solid #ddd;}
    .certf-list .plus .goto{ display: block !important;}
}

#box2box,#tourtype{ margin: 20px 0; align-items: stretch;}
#box2box label,#tourtype > div{ width: Calc(25% - 7.5px); padding: 20px; margin: 0 0 0 10px; border: 1px solid #5AD29F; border-radius: 5px; text-align: center; cursor: pointer; transition: all linear .2s; position: relative;}
#box2box label:hover,#box2box label.active,#tourtype > div:hover,#tourtype > div.active{ background: #C8FFE8;}
#box2box label.active,#box2box label.active i,#tourtype > div.active,#tourtype > div.active i{ color: #007242 !important;}
#box2box label:last-child,#tourtype > div:last-child{ margin-left: 0;}
#box2box label h3,#tourtype > div h3{ font-family: "samimBold"; font-size: 17px; line-height: 30px;}
#box2box label i,#tourtype > div i{ margin-bottom: 10px; color: #5AD29F; font-size: 20px; transition: all linear .2s;}
#box2box label:hover i,#box2box label.active i,#tourtype > div:hover i,#tourtype > div.active i{ color: #333;}
#box2box label input{ position: absolute; visibility: hidden; opacity: 0;}
#tourtype{ margin: 60px 0 20px;}
#tourtype > div{ max-width: 200px;}
.each_sec,.each_sec2{ display: none;}
#box_1,#type_1{ display: block;}

#form4 textarea{ height: 90px;}
#form4 .submit{ text-align: center;}
#form4 .btn2{ margin-top: 20px; display: inline-block !important; vertical-align: bottom;}
#form4 .refresh{ width: 35px; background: var(--color1);}
#form4 .btn2:hover{ background: #096;}
#form4 .refresh:hover{ background: #d28001;}
#form4 #description ul{ padding-right: 30px;}
.decheck{ margin-top: 20px; background: #ffffffc7;}

.titr1{ margin-bottom: 5px; font-family: "samimBold"; font-size: 16px;}
.titr1 i,.comment i{ margin-left: 5px; color: var(--color1); }
.comment{ display: block;}
.each_check > div{ width: 50%; padding: 5px; border-bottom: 2px solid #fff;}
#check_field > div:nth-child(odd){ background: #fafafa;}
#check_field > div:nth-child(even){ background: #eee;}
#check_field label,#check_field label input,.decheck input,.decheck label{ cursor: pointer;}
@media only screen and (max-width: 768px) {
    #box2box label,#tourtype > div{ width: Calc(50% - 10px); margin: 0 0 10px 10px;}
}
@media only screen and (max-width: 400px) {
    .each_check > div{ width: 100%; background: #fafafa !important;}
    #check_field > div:nth-child(odd) > div:first-child,#check_field > div:nth-child(even) > div:first-child{ background: #f4f4f4 !important;}
}
/*************************** end form style ********************/
/**print**/
@media print {
    .noprint{display:none !important;}
}