@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%;
	font-family: 'Samim';
}
body{direction:rtl; font-size:14px; line-height:28px; color:#000;}
*{
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
ul,ol{
    padding: 0px;
    margin: 0px;
}
#top_strip{
    width: 100%;
    height: 3px;
    background: #ad1a50;
}
h1,h2,h3{
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}
.d_flex{display: flex;align-content: center;justify-content: center;}
.w-35{width: 35%!important;min-width: 150px;}
.w-40 {width: 40%!important;min-width: 150px!important;}
.w-65{width: 65%!important;min-width: 150px!important;}
.w-70{width: 70%!important;min-width: 150px!important;}

#back_up{ width: 47px; height: 47px; line-height: 42px; text-align: center; background:rgba(41,46,69,0.6); color: #FFF; font-size: 20px; position: fixed; bottom: 20px; left: 20px; border:1px solid rgba(255,255,255,0.2); border-radius:100%; z-index: 1001; cursor: pointer; transition: all .3s linear; display: none; }
#back_up:hover{ background:rgba(41,46,69,1);}

/**************************************************** top search and tel ************************************************************/
#top_search{
    padding: 0 80px 0 80px;
}
#top_tel_box{
    padding: 25px 0;
    direction: ltr !important;
    float: left;
    text-align: left;
}
#header_tel,#header_tel:hover{
    padding: 3px 10px 3px;
    font-family:'SamimBold';
	font-size: 20px;
    color: #ad1a50;
	border-radius:5px;
    direction: ltr;
    overflow: hidden;
	vertical-align:top;
}
#top_links{ display:none;}
.change_site{
    margin-left: 2px;
    color: #C4C4C4;;
    font-size: 13px;
    direction: rtl;
    display: inline-block;
}
.change_site a{
    padding: 0px 10px;
    font-size: 12px;
    color: #292e44;
    font-family: samim;
    display: inline-block;
}
.change_site a:first-child{
    position: relative;
    top: 1px;
}
.change_site a:nth-child(4), .change_site a:nth-child(5){ font-size:11px;}
.change_site a:hover{
    color: #ad1a50;
}

@media only screen and (max-width: 1400px){
	#top_search{ padding: 0 50px 0 50px;}
}

@media only screen and (max-width: 700px){
    #top_search{
        padding: 10px 10px 10px 10px;
    }
}
@media only screen and (max-width: 1100px) {
	#top_tel_box{float:none; width:100%;}
	.change_site{display:block; margin-top:10px;}
	#top_search .logo_box{ padding-top:25px;}
}
@media only screen and (max-width: 350px) {
	.change_site a{ padding:0 5px;}
}
@media only screen and (max-width: 700px) { /**************** responsive top search for 1250px ****************/
    #top_tel_box{
        width: 100%;
        padding: 3px 0 0;
        text-align: center;
        float: none;
    }
    #header_tel,#header_tel:hover{
        margin: 0px auto;
        display: block;
		padding:5px 0 0 0;
		line-height:27px;
    }
	#top_search .change_site{ display:none;}
	#top_links{ display:block;}
    .change_site{
        margin: 3px auto;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
                text-align: center;
        top: 0px;
        display: block;
    }
	.logo_box{ display:none;}
}
/**************************************************** menu and logo *********************************************************/
#menu_box .logo_box{ display:none;}
#menu_box{
	height:80px;
    padding: 0px 80px;
    background: #292e44;
    position: relative;
    z-index: 2;
	overflow: hidden;
}
.pos_rel{ position: relative;}
.logo_box img{ width:110px;}

@media only screen and (max-width: 1400px){
	#menu_box{ padding: 0px 50px;}
}

@media only screen and (max-width: 680px){   /**************** responsive menu box for 680px ****************/
    #menu_box{
        padding: 0px 10px;
    }
}
.logo_box{
    width: 138px;
    padding: 8px 0px 0 0;
    text-align: right;
	float:right;
}
#menu_icon{
    margin-top:20px;
    color: #FFFFFF;
    font-size: 22px;
    float: right;
    cursor: pointer;
    display: none;
}
@media only screen and (max-width: 580px){   /**************** responsive menu icon for 530px ****************/
    #menu_icon{
        float: left;
    }
	#menu_box .logo_box{ position:absolute; right:0; display:block;}
}
#menu_icon i{
    margin-left: 10px;
    font-size: 30px;
    position: relative;
    top: 6px;
    transition: all .3s linear;
}
#menu_icon:hover>i{
    color: #ad1a50;
}
nav{
    line-height: 80px;
    overflow: hidden;
    float: right;
}
#nav_rheader{
    font-size: 34px;
    text-align: center;
    padding: 20px;
    color: #FFFFFF;
    display: none;
}
#nav_rheader i{
    margin-left: 10px;
    font-size: 40px;
    position: relative;
    top: 6px;
}
#nav_close{
    font-size: 34px;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
	text-align:center;
	margin:10px 0 5px 0;
}
nav ul li{
    min-width: 80px;
    display: inline-block;
}
nav ul li a, .daneshPazir2 a{
    line-height: normal;
    margin: 0px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    display: block;
    transition: padding .3s linear;
}
.menu_hover{
    width: 0;
    height: 0;
    margin: 0px auto 13px auto;
	padding-bottom:4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #292e44;
    display: block;
    transition: margin .3s linear;
}
.nav_hb{
    padding: 0px 10px 20px 10px;
    border: 1px solid #292e44;
    text-shadow: 0px 1px 2px #000000;
    border-right: none;
    border-left: none;
    transition: all .3s linear;
}
nav ul li:hover .nav_hb{
    padding: 0px 10px 10px 10px;
    border: 1px solid #ffffff;
    border-right: none;
    border-left: none;
}
nav ul li:hover a{
    padding: 13px 0px;
}
nav ul li:hover .menu_hover{
    border-top: 5px solid #ffffff;
    margin: 0px auto 0px auto;
}
nav .new_year{ color: #fff; font-family: samimBold;}
nav .new_year b{ padding: 5px 10px; background: #d91966; display: inline-block;}
@media only screen and (min-width: 1270px) { /********************* responsive for >1250 px *************************/
    .active_nav .nav_hb {
        padding: 0px 10px 10px 10px;
        border: 1px solid #ffffff;
        border-right: none;
        border-left: none;
    }

    .active_nav a {
        padding: 13px 0px;
    }

    .active_nav .menu_hover {
        border-top: 5px solid #ffffff;
        margin: 0px auto 0px auto;
    }
}
nav ul ul{
    padding: 0px 0px 2px 0px;
    background: #FFFFFF;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: .3s linear;
    z-index: 99;
	right:0;
	width:100%;
	font-size:0;
	text-align:center;
	top:76px;
	line-height:0;
}
.ul_border{
    margin-bottom: 2px;
    border-bottom: 5px solid #ad1a50;
}
nav ul ul li,#course ul li{
    width:16.6%;
    margin-bottom: 2px;
    display: inline-block;
    position: relative;
	font-size:13px;
    transition: all .3s linear;
	padding:3px;
}
nav ul ul li i, #course ul li i{
    font-size:40px !important;
	color:#C06;
	padding:15px;
    transition: all .3s linear;
	display:block;
	width:100%;
}
nav ul ul li:last-child{
    margin-bottom: 0px;
}
nav ul ul li a, #course ul li a{
    padding: 5px 10px!important;
    margin: 0px!important;
    font-size: 13px;
    color: #929292 !important;
    transition: all .3s linear;
	background:#F5F5F5;
	border:1px solid #E9E9E9 !important;
	border-radius:3px;
}
nav ul li:hover>ul{
    margin-top: 0px;
}
nav ul ul li:hover>a, nav ul ul li:hover i, #course ul li:hover a, #course ul li:hover i{
    color: #333333 !important;
}
nav ul ul li:hover>a, #course ul li:hover>a {
	background:#EAEAEA;
}
nav ul ul ul{
    padding: 0px 0px 2px 0px;
    margin: 0px !important;
    border-right: 3px solid transparent;
    background-clip: padding-box;
    top: 0;
    right: 100%;
}
nav ul li:hover>ul{
    opacity: 1;
    visibility: visible;
}
@media only screen and (max-width: 1250px) { /**************** responsive menu for 1250px ****************/
    #nav_close{
        display: block
    }
    #menu_icon{
        display: block;
    }
	.fixbox{ position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.4); opacity:0; visibility:hidden; transition:all linear 0.3s; z-index:9999;}
	.showfix{ opacity:1; visibility:visible;}
    nav{
		max-width:400px;
        width: 100%;
        height: 100%;
        margin: auto !important;
        line-height: normal;
        float: none;
        background: rgba(44,62,80,.9);
        position: fixed;
        top: 0px;
        bottom: 0px;
        right: 100%;
        z-index: 9999;
        overflow: hidden;
        transition: all .3s linear;
    }
    nav ul{
        text-align: center;
    }
    nav ul li{
        width: 80%;
        margin: 5px auto;
        display: block;
    }
    nav ul li a{
        height: 40px;
        line-height: 32px;
        padding: 0px;
        border: 1px solid #FFFFFF;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        position: relative;
        z-index: 2;
    }
   nav ul li a:before{
        content:"";
        width: 0px;;
        margin-right: 100%;
        height:38px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        position:absolute;
        left: 0px;
        right: 0px;
        z-index:-1;
        background:#ad1a50;
        transition: all .3s linear;
    }
    nav ul li a:hover:before{
        width: 100%;
        margin-right: 0px;
    }
    nav ul li:hover a{
        padding: 0px;
        border: 1px solid #FFFFFF;
    }
    .nav_hb{
        padding: 0px;
        border: none;
    }
    nav ul li:hover .nav_hb{
        padding: 0px;
        border: none;
    }
    .menu_hover{
        margin: 0px;
        border: none;
    }
    nav ul li:hover .menu_hover{
        border-top: none;
        margin: 0px;
    }
    nav ul ul{
        display: none;
    }
	nav .new_year{ background: #d91966;   border-radius: 5px;}
	nav .new_year a{ border: none;}
	nav .new_year b{ border-radius: 5px; display: block;}
	nav ul .new_year:hover a{ padding: 0px; border: none;}
    nav ul .new_year a:before{ width: 100%; background: none;}
	nav .new_year .menu_hover{ display: none;}
}
#left_logo, .daneshPazir2{
    float: left;
}
.daneshPazir2 a{text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); margin-top: 20px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); border-radius: 3px; font-size: 12px; padding: 8px 10px 10px; background-image: linear-gradient(to right top, #d91961, #aa2b74, #753674, #473662, #292e44);}
.daneshPazir2 a i{color: #d91966; font-size: 20px; padding-left: 5px;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2)}
#left_logo img{
	height:35px;
    margin: 23px 0 0px 5px;
    opacity: .3;
    display: inline-block;
}
#head_banner img{ height:35px; margin: 23px 0 0px 5px; opacity:0.3; float:left;}
.daneshPazir{display: none;}
.daneshPazir2{display: block;}
@media only screen and (max-width: 1024px){
	nav ul li a:hover:before{ width:0;}
}

@media only screen and (max-width: 580px){ /*********************** responsive left logo for 530 px ****************************/
	#head_banner img{ display:none;}
    #left_logo{
        display: none;
    }
    .daneshPazir{display: block;}
    .daneshPazir a{text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);  background-image: linear-gradient(to right top, #d91961, #aa2b74, #753674, #473662, #292e44); border: 1px solid #292e44;}
    .daneshPazir2{display: none;}
}
/*************** top Box index ****************/
#topIndex{ padding:40px 0; display:flex; display:-webkit-flex; flex-wrap:wrap; overflow:hidden;}
#topIndex #left_box{ width:30%; height:375px; padding:20px; border:2px solid #292e44; border-right:none; overflow:hidden;}
#topIndex #left_box .top_box{ margin-bottom:10px; padding-bottom:25px;}
#topIndex #left_box .top_box > div{ padding:5px; margin-bottom:10px; color:#1D1D1D; font-size:15px; border:1px dashed rgba(189,189,189,1.00); border-right:4px solid rgba(177,15,86,1.00);}
#topIndex #left_box .top_box > div:last-child{ margin-bottom:0;}
#topIndex #left_box .top_box > div span{ min-width:65px; color:rgba(177,15,86,1.00); font-family:"samimBold"; font-size:18px; display:inline-block; text-align:center;}
#topIndex #left_box .bottom_box{ /**height:167px;**/ padding: 20px; text-align:center; position:relative; background:rgba(231,231,231,1.00) url(image/symbols/chart.png); background-size:220px; border:1px solid rgba(209,209,209,1.00);}
#topIndex #left_box .bottom_box > div{ padding:10px 15px; color:#171717; font-family:"samimBold"; font-size:16px; border:1px solid #fff; border-radius:5px;}
#topIndex #left_box .bottom_box i{ color:#FF4649; font-size:16px; vertical-align:middle;}
#topIndex #left_box .bottom_box .learn{ background:#292e44; border-color:#292e44; color:#FFFFFF; position:static; display:block; font-family:"samimBold";}
#topIndex #left_box .bottom_box .learn:hover{ opacity:0.7; background:#ad1a50; border-color:#ad1a50;}
.top_box i{font-size:16px; padding:0 5px 0; line-height:40px; color:rgb(41, 46, 68); width:40px; text-align:center; background:rgba(232,232,232,.5); margin-left:10px;}
@media only screen and (max-width: 1250px){
	#topIndex #left_box{ padding:30px; border-right:2px solid #292e44;}
	#topIndex #left_box .top_box{ padding:0 0 0 30px; border-bottom:none; border-left:2px dotted #fff;}
	#topIndex #left_box .bottom_box{ min-height:176px; margin-right:auto; display:flex; display:-webkit-flex; align-items:center;}
	#topIndex{ display:block;}
	#topIndex #left_box{ width:100%; margin:10px 0 0; display:flex; display:-webkit-flex; flex-wrap:wrap; align-items:center;}
	#topIndex #left_box > div{ width:Calc(50% - 5px); height:auto !important; margin-bottom:0 !important;}
	#topIndex #left_box .bottom_box .learn{ width:100%;}
}
@media only screen and (max-width: 700px){
	#topIndex #left_box > div{ width:100%;}
	#topIndex #left_box .top_box{ padding:0 0 30px; border-bottom:2px dotted #fff; border-left:none;}
	#topIndex #left_box .bottom_box{ min-height:inherit; padding:20px;}
}
@media only screen and (max-width: 680px){
	#topIndex{ padding:10px 10px 40px;}
}

/* index slider */
#indexSlider{ width:70%;}
#indexSlider .boxlink{ position:absolute; top:0; left:0; right:0; bottom:0;}
#indexSlider>.main{ position: relative; }
#indexSlideBox{ position: relative; overflow: hidden; }
.indexSlideImg{ width: 100%; position: absolute; opacity: 0; transition: all 1s linear; }
.indexSlideImg img{ max-width:100%; width:100%; min-height:375px; margin: auto; display: block; }
.indexSlideImg.pre{ left: -70%; }
.indexSlideImg.next{ right: -70%; }
.indexSlideImg.show{ right: 0; left: 0; opacity: 1; z-index: 1;}
.indexSlideArrow{ width: 50px; margin: auto; text-align: center; font-size: 46px; color: #fff; position: absolute; top: 0; bottom: 0; cursor: pointer; display:block; z-index: 1;}
.indexSlideArrow i{ height: 50px; margin: auto; position: absolute; top: 0; bottom: 0; left:0; right:0; }
#indexLeftSlide{ left:0px; }
#indexRightSlide{ right:0px; }
@media only screen and  (max-width: 1200px){
	#indexSlider>.main{ padding-left:0; padding-right:0; }
}
@media only screen and  (max-width: 1250px){
	#indexSlider{ width:100%;}
	.indexSlideImg img{ min-height:inherit;}
	#topIndex #left_box{ height:inherit;}
}
@media only screen and  (max-width: 550px){
	#indexLeftSlide, #indexRightSlide{ display:none;}
}

.slide_text_box{
	max-width:740px;
    width: 100%;
    padding: 0px 10px;
	margin:auto;
    position: absolute;
    top: 35%;
    left: 0px;
	right:0;
}
.slide_text_box a{
    padding: 2px 20px;
    color: #FFFFFF;
    text-shadow: 0px 1px 2px #000000;
    background: rgba(0,0,0,.4);
    display: block;
    transition: all .2s linear;
	line-height:60px;
	border-right:4px solid rgba(177,15,86,1.00);
}
.slide_text_box a h2{
	line-height:36px;
	font-family:'SamimBold';
    font-size: 20px;
}
.slide_text_box a:hover{
    color: #ad1a50;
	text-shadow:none;
}
.slide_text_box .shortext{ padding:17px; margin:0px auto auto; line-height:27px; background: rgba(0,0,0,.4); color:#fff; font-size:15px; text-shadow: 0px 1px 2px #000000;}
.slide_text_box .shortext:empty{ display:none;}

@media only screen and (max-width: 750px) {        /********************** responsive 750 ********************/
    .slide_text_box{
        width: 100%;
        padding: 0px 10px;
        text-align: center;
        position: absolute;
        left: 0px;
		top:10%;
    }
	.slide_text_box a h1{ font-size:18px; line-height:34px;}
	.slide_text_box .shortext{ padding:4px;}
}

/*** chosen course ***/
#chosen{ background:#efefef; padding:50px 0 70px;}
#chosen .h_text span i{ background:#efefef;}
.chosen_box{ display:flex; display:-webkit-flex; flex-wrap:wrap;}
.chosen_box > div{ width:Calc(33.33% - 7px); margin-left:10px; background:#fff; padding:5px;}
.chosen_box > div:last-child{ margin-left:0;}
.chosen_box > div > .dv_back{ height:150px; background-size:cover !important; background-position:center !important; border-radius:5px; position:relative; transition:all linear 0.2s;}
.chosen_box > div > .dv_back:hover{ opacity:0.6;}
.chosen_box > div > .dv_back a{ position:absolute; top:0; left:0; right:0; bottom:0;}
.chosen_box .info{ margin-top:10px; align-items:center;}
.chosen_box .info a{ text-align:center; display:block;}
.chosen_box .info .learn{ max-width:130px; margin:5px auto; padding:3px; position:static;}
.chosen_box .info .title{ font-size: 17px; color:#1D3F6B; line-height: 30px; padding: 3px; font-family: SamimBold; transition:all linear 0.2s;}
.chosen_box .info .title:hover{ color: #ADADAD;}
@media only screen and (max-width: 1024px) {
	.chosen_box{ display:block;}
	.chosen_box > div{ width:100%; max-width:550px; margin:auto auto 40px !important;}
	.chosen_box > div:last-child{ margin-bottom:0 !important;}
}

/***** why pact *****/
#why{ padding:50px 0; background:#222639; color:#fff; text-align:center;}
#why .title{ margin-bottom:30px; font-family:'samimBold'; font-size:25px; line-height:35px;}
#why img{ max-width:100%; height:auto; margin-top:15px; display:block;}

/**************************************************** dore jari *************************************************************/
.h_text{
    padding: 0px 5px 2px 5px;
    margin: 30px auto 30px auto;
    color: #222222;
    text-align: center;
    font-size: 18px;
	font-family:'SamimBold';
}
.current_period{ position:relative;}
.current_period .h_text{ margin-bottom:15px;}
.current_period .mess_box{ width:105px; height:105px; padding:20px 5px 0; background:#ad1a50; color:#fff; font-size:11px; line-height:16px; text-shadow: 1px 1px 0px #4f4f4f; text-align:center; position:absolute; top:-30px; left:100px; border:10px solid #fff; border-radius:50%; z-index:10; transform: rotate(-22deg);}
.h_text span, #seo_text .h_text h1{
    padding: 5px 30px;
    border: 1px solid #ad1a50;
    border-left: none;
    border-right: none;
    position: relative;
    display: block;
	font-size: 18px;
	line-height:30px;
	font-family:'SamimBold';
}
.h_text span i, #seo_text .h_text h1 i{
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: auto;
    font-size: 20px;
    color: #ad1a50;
    background: #FFFFFF;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -12px;
}
@media only screen and (max-width: 600px){  /***************** responsive h_text for 600 px ****************************/
    .h_text{
        font-size: 22px;
    }
}
.dore_r,.search_r{
    display: none;
    visibility: hidden;
    opacity: 0;
}
/******* TAB ************/
#dore_ul{
    margin-top: 15px;
    border-bottom: 1px solid #454545;
	text-align:center;
}
#dore_ul li{
    min-width: 134px;
    max-width: 228px !important;
    text-align: center;
    background: #f2f2f2;
    color: #454545;
    -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
            border-radius: 5px 5px 0px 0px;
    display: inline-block;
    transition: all .3s linear;
}
#dore_ul li:hover,.d_l_active{
    background: #292e45 !important;
    text-shadow: 0px 1px 2px #000000;
    color: #FFFFFF !important;
}
#dore_ul label{
    padding: 3px;
    font-size: 14px;
    cursor: pointer;
    display: block;
}
@media only screen and (max-width: 1170px){ /****************** responsive dore ul for 1170 px ************************/
    #dore_ul{
        display: none;
    }
}
/******* etelaate dore ************/
.d_i_header{
    margin: 10px auto;
    color: #454545;
}
.d_i_header h2{
    font-size: 17px;
	font-family:SamimBold;
}
.dore_i.min_tb{ min-height: 250px;}
.dore_i.min_tb table{ display: table !important;}
.dore_i table{
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    color: #454545;
}

.dore_i tr{
	transition:linear .3s;
	cursor:pointer;
}
.dore_i tr:nth-child(2n+1){
    background: #f8f8f8;
}
.dore_i td{
    padding: 5px;
	font-size: 13px;}
.d_t_header,.d_t_header:hover{
    background: #292e45 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    text-shadow: 0px 1px 2px #000000;
	cursor:default;
}
.dore_i a{
    color: #0D54A7;
    display: block;
}
.dore_i h3,.dore_i .hp{
    font-size: 13px;
}
.dore_i a:hover{
    color: #ad1a50;
}
.dore_i{
    display: none;
}
@-webkit-keyframes cd-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes cd-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes cd-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
#dore_radio0:checked~#dore_table0{
    display: block !important;
    -webkit-animation: cd-fade-in 0.75s;
        -moz-animation: cd-fade-in 0.75s;
            animation: cd-fade-in 0.75s;
}
#dore_radio1:checked~#dore_table1{
    display: block !important;
    -webkit-animation: cd-fade-in 0.75s;
        -moz-animation: cd-fade-in 0.75s;
            animation: cd-fade-in 0.75s;
}
#dore_radio2:checked~#dore_table2{
    display: block !important;
    -webkit-animation: cd-fade-in 0.75s;
        -moz-animation: cd-fade-in 0.75s;
            animation: cd-fade-in 0.75s;
}
#dore_radio3:checked~#dore_table3{
    display: block !important;
    -webkit-animation: cd-fade-in 0.75s;
        -moz-animation: cd-fade-in 0.75s;
            animation: cd-fade-in 0.75s;
}
#dore_radio4:checked~#dore_table4{
    display: block !important;
    -webkit-animation: cd-fade-in 0.75s;
        -moz-animation: cd-fade-in 0.75s;
            animation: cd-fade-in 0.75s;
}
#dore_radio5:checked~#dore_table5{
    display: block !important;
    -webkit-animation: cd-fade-in 0.75s;
        -moz-animation: cd-fade-in 0.75s;
            animation: cd-fade-in 0.75s;
}
#dore_radio6:checked~#dore_table6{
    display: block !important;
    -webkit-animation: cd-fade-in 0.75s;
        -moz-animation: cd-fade-in 0.75s;
            animation: cd-fade-in 0.75s;
}
#dore_radio7:checked~#dore_table7{
    display: block !important;
    -webkit-animation: cd-fade-in 0.75s;
        -moz-animation: cd-fade-in 0.75s;
            animation: cd-fade-in 0.75s;
}

.dore_i table td:nth-child(1){ width: 10%;}
.dore_i table td:nth-child(2){ width: 40%;}
.dore_i table td:nth-child(3){ width: 20%;}
.dore_i tr{ cursor: inherit;}
.details .det_box{ padding-top: 20px; background: #f3ecec; border-bottom: 2px solid #292e45; display: none;}
.dore_i tr.test_bg{ cursor: pointer;}
.dore_i tr.test_bg{ background: #f8f8f8;}
.dore_i .details{ background: #fff !important; transition: none !important;}
.dore_i .act_bg{ background: #f3ecec !important;}
.details td{ padding: 0 !important; transition: none !important;}
.det_box .head_tb, .det_box .info_tb{ width: 100%; display: table; color: #333; border-bottom: 1px solid #C4C4C4;}
.det_box .info_tb:last-child{ border-bottom: none;}
.det_box .head_tb > div,.det_box .info_tb > div{ width: 20%; padding: 3px; display: table-cell;}
.det_box .head_tb{ color: #ad1a50;}
.det_box .head_tb > div:nth-child(1), .det_box .info_tb > div:nth-child(1){ width: 10%;}
.det_box .head_tb > div:nth-child(2), .det_box .info_tb > div:nth-child(2){ width: 20%;}
.det_box .head_tb > div:nth-child(3), .det_box .info_tb > div:nth-child(3){ width: 20%;}
.det_box .head_tb > div:nth-child(4), .det_box .info_tb > div:nth-child(4){ width: 20%;}
.det_box .head_tb > div:nth-child(5), .det_box .info_tb > div:nth-child(5){ width: 15%;}
.det_box .head_tb > div:nth-child(6), .det_box .info_tb > div:nth-child(6){ width: 15%; text-align: left;}
.info_tb .register, .reg_bt{ min-width: 135px; padding: 3px 5px; color: #129333; text-align: center; border: 1px solid #129333; border-radius: 3px; display: inline-block; transition: all linear 0.2s;}
.info_tb .register:hover, .reg_bt:hover{ background: #129333; color: #fff;}
.details_bt{ min-width: 135px; padding: 3px 15px 3px 25px; color: #ad1a50; text-align: center; border-radius: 5px; border: 1px solid #ad1a50; position: relative; display: inline-block; cursor: pointer; transition: all .2s linear;}
.details_bt:hover, .details_bt.active{ background: #ad1a50; color: #FFFFFF;}
.details_bt i{ padding-right: 5px; position: absolute; top: 11px; left: 9px; font-size: 12px; transition: all .2s linear;}
.details_bt i.a_down{ top: 9px; transform: rotate(-90deg);}

@media only screen and (max-width: 1170px){  /******************** responsive dore info for 1170 px *******************/
    .dore_i{
        display: block;
    }
    .d_i_header{
        padding: 3px;
        margin: 0px auto 5px auto;
        text-align: center;
        color: #333333;
        border: 1px solid #eeeeee;
        cursor: pointer;
        transition: all .3s linear;
    }
    .d_i_header h2{
        font-size: 19px;
    }
    .d_i_header:hover{
        border: 1px solid #6a75a7;
        background: #6a75a7;
        color: #ffffff;
    }
    .dore_i table{
        display: none !important;
        margin-bottom: 20px;
    }
    .dore_i_active .d_i_header{
        border: 1px solid #292e44 !important;
        background: #292e44 !important;
        color: #FFFFFF !important;
    }
    .dore_i_active table{
        display: table !important;
    }
}
@media only screen and (max-width: 900px){  /**************** responsive table for 900 px *****************************/
    .dore_i table td:nth-child(5){
        display: none;
    }
}
@media only screen and (max-width: 700px){  /**************** responsive table for 600 px *****************************/
    .dore_i tbody,.dore_i tr,.dore_i td{
        display: block;
    }
    .dore_i .d_t_header{
        display: none !important;
    }
    .dore_i table tr{
        margin-bottom: 3px;
        background: #F5F5F5;
    }
    .dore_i table tr:nth-child(2n+1){
        background: #F5F5F5;
    }
    .dore_i table td{
        width: auto;
        padding: 5px 10px;
        font-size: 13px;
        text-align: right;
        border-bottom: 1px solid #ffffff;
    }
    .dore_i table td a{
        display: inline-block;
    }
    .dore_i table td:before{ font-size: 14px; color: #292e44;}
	.dore_i table td:nth-of-type(1):before {
        content: "کد دوره: ";
    }
	.dore_i table td:nth-of-type(2):before {
        content: "نام دوره: ";
    }
    .dore_i table td:nth-of-type(3):before {
        content: "مدت دوره: ";
    }
    .dore_i table td:nth-of-type(4):before {
        content: none;
    }
    .dore_i table td:nth-of-type(5):before {
        content: "تاریخ شروع: ";
    }
    .dore_i table td:nth-of-type(6):before {
        content: "مدت: ";
    }
	.dore_i table td{ width: 100% !important;}
	.dore_i .details td:before{ content: none !important;}
	.details .det_box{ padding-top: 0;}
	.det_box .head_tb{ display: none !important;}
	.det_box .head_tb > div,.det_box .info_tb > div{ padding: 3px 10px;}
	.det_box .head_tb > div:nth-child(6), .det_box .info_tb > div:nth-child(6){ text-align: right;}

	.det_box .info_tb{ padding: 0; margin-bottom: 20px; border: none; display: block !important;}
	.det_box .info_tb:last-of-type{ margin-bottom: 0;}
	.det_box .info_tb > div{ width: 100% !important; display: block !important; }
	.det_box .info_tb > div:before{ color: #ad1a50; padding-left: 5px;}
	.det_box .info_tb > div:nth-child(1){ background: #ad1a50; color: #fff; text-align: center;}
	.det_box .info_tb > div:nth-child(1):before{ content: "کد برنامه:"; color: #fff;}
	.det_box .info_tb > div:nth-child(2):before{ content: "روز برگزاری:";}
	.det_box .info_tb > div:nth-child(3):before{ content: "ساعت برگزاری:";}
	.det_box .info_tb > div:nth-child(4):before{ content: "تاریخ شروع (درصورت حدنصاب):";}
	.det_box .info_tb > div:nth-child(5):before{ content: "ظرفیت:";}
	.det_box .info_tb > div:nth-child(6):before{ content: none;}
	.dore_i a{
		color:#333;
		padding:0 5px 0;
		border:1px dashed #888;
	}
	.dore_i a:hover{color:#333; opacity:.7;}
}
.dore_i table tr:hover{
    background: #e9e9e9;
}
@media only screen and (max-width: 450px){
	.info_tb .register{ width: 100%;}
}


/************* dore - norouz table ***********/
#new_table{ width: 100%; margin: 50px 0 20px; text-align: center; border-collapse: collapse;}
#new_table td{ padding: 5px 10px; font-size: 13px; line-height: 24px; background: #fff; color: #333; border-bottom: 1px solid #C4C4C4;}
#new_table tr:nth-child(odd) td{ background: #f4f4f4;}
#new_table tr:first-child td{ background: #292e45 !important; color: #ffffff !important; font-size: 13px !important; text-shadow: 0px 1px 2px #000000; white-space: nowrap; transition: all linear .2s;}
#new_table tr td:first-child{ width: 34%; text-align: right;}
#new_table tr td:nth-child(2){ width: 25%;}
#new_table tr td:nth-child(3){ width: 12%;}
#new_table tr td:nth-child(4){ width: 10%;}
#new_table tr td:nth-child(5){ width: 10%;}
#new_table tr td:last-child{ width: 9%; text-align: left;}
#new_table tr:hover td{ color: #ad1a50;}
#new_table .reg_bt{ min-width: 90px;}
@media only screen and (max-width: 950px){
	#new_table tr{ margin-bottom: 20px;}
	#new_table tr,#new_table td{ width: 100% !important; background: #f4f4f4; text-align: right !important; display: block;}
	#new_table tr:first-child{ display: none;}
	#new_table tr td:first-child{ background: #292e45; color: #fff !important; text-align: center !important;}
	#new_table tr td:before{ margin-left: 4px; color: #ad1a50;}
	#new_table tr td:nth-child(2):before{ content: "روز:"}
	#new_table tr td:nth-child(3):before{ content: "ساعت برگزاری:"}
	#new_table tr td:nth-child(4):before{ content: "تاریخ شروع:"}
	#new_table tr td:nth-child(5):before{ content: "ظرفیت:"}
	#new_table tr:hover td{ color: #333;}
	#new_table tr td:last-child{ border: none;}
}
@media only screen and (max-width: 550px){
	#new_table .reg_bt{ width: 100% !important; background: #129333; color: #fff;}
}
/************************ mataleb az weblog ************************/
.blogselected{ padding:50px 0 60px;}
.blogselected .title{ font-size:20px; color:#222; font-family:'SamimBold'; line-height:30px; padding-bottom:5px;}
.blogselected .title i{color:#ad1a50;}
ul.blogbox{
	width: 100%;
	max-width: 1240px;
	text-align: center;
	margin: 25px auto 0;
	padding-right:0;
	background:#FFF;
	border-radius:5px;
	border: 1px solid #E5E5E5;
	padding:10px;
	list-style:none;
	}
.blogbox li{
	float:right;
	width:25%;
	padding: 10px;
	box-sizing: border-box;
	transition:linear .2s;
}
.blogbox li:last-child{clear:both !important; float:none !important; width:100%; padding-top:20px; text-align:center;}
.blogbox li:last-child a{ display:inline-block; padding:5px 15px 5px; color:#ad1a50; border: 1px solid #ad1a50; border-radius:5px;}
.blogbox li:last-child a:hover{ background:#991d4a; color:#FFF;}
.blogbox li:last-child a i{padding-right:15px;}
.blogbox li a{display:block; line-height:24px; color:#036; text-shadow:none; transition:linear .2s;}
.blogbox li a:hover{color:#ad1a50;}
.blogbox li a .fa-caret-left{color:#991d4a;}
.blogbox li img{border-radius:5px; width:100%; display: block; transition:linear .2s;}
.blogbox li:hover{opacity:.8;}
.blogbox h3{margin:10px 0 0; font-weight:normal; font-size:14px; }
.blogbox h3 a{ display: block; text-align: right;}
@media only screen and  (max-width: 680px){
	.blogbox li{width:50%;}
}
@media only screen and  (max-width: 420px){
	.blogbox li{width:100%; margin-bottom:15px;}
	ul.blogbox{padding-top:20px;}
	.blogbox h3 a{display:inline-block;}

}

/********* app links ***********/
#software{ padding:20px 0; background:#991d4a; margin-top:50px;}
#software #soft_box{ border:1px dashed rgba(180,180,180,1.00); padding:20px; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items:center; justify-content:center;}
#software #soft_box > div:first-child{ font-size:20px; color:white; text-shadow:1px 1px 1px black;}
#software #soft_box > div:first-child i{ padding-left:5px; font-size:22px; color:#73e16f;}
#software #soft_box > div:last-child{ margin-right:auto;}
#software #soft_box > div:last-child > div{ padding:5px 0; font-size:0; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; flex-direction:row-reverse;}
#software #soft_box > div:last-child a{ min-width:80px; padding:4px 8px; margin:5px; background:#222639; color:#fff; font-size:14px; font-family:tahoma; text-align:center; border-radius:5px; display:inline-block; transition:all linear 0.2s;}
#software #soft_box > div:last-child a:hover{ color:rgb(239, 68, 59); border-color:rgb(239, 68, 59);}
#software #soft_box > div:last-child img{ height:22px; margin:15px 10px 0 0; display:block;}
#software #soft_box > div:last-child > div:nth-child(3) a{ font-size:14px; font-family:tahoma;}
#software #soft_box > div:last-child > div:nth-child(2) a:hover{ color:rgb(79, 196, 149); border-color:rgb(79, 196, 149);}
#software #soft_box > div:last-child > div:nth-child(2) img{ height:18px;}
#software #soft_box > div:last-child > div:nth-child(3) a:hover{ color:#479cf6; border-color:#479cf6;}
#software #soft_box > div:last-child > div:nth-child(3) img{ height:24px;}
@media only screen and (max-width: 1100px){
	#software #soft_box{ text-align:center;}
	#software #soft_box > div{ width:100%;}
	#software #soft_box > div:last-child{ margin:15px auto auto;}
	#software #soft_box > div:last-child > div{ justify-content:center;}
}
@media only screen and (max-width: 650px){
	#software #soft_box > div:last-child > div{ padding:8px 0;}
	#software #soft_box > div:last-child > div .img_div{ width:100%;}
	#software #soft_box > div:last-child > div .img_div img{ margin: auto auto 4px;}
}

/**************************************************** sponsor *****************************************************/
#sponsor{
    padding: 65px 10px 15px 10px;
}
#sponsor ul{
    text-align: center;
}
#sponsor li{
    width: 155px;
    margin: 0px 40px 10px 40px;
    overflow: hidden;
    display: inline-block;
}
#sponsor img{
	width:100%;
    transition: all linear 0.3s;
	border:1px solid #eeeeee;
}
#sponsor li a{ display: block;}
#sponsor li a:hover > img{ transform: scale(.95);}
@media only screen and (max-width: 750px){  /****************** responsive khabarname for px ************************/
    #sponsor li{
        margin: 0px 10px 10px 10px;
    }
}
/**************************************************** footer *****************************************************/
.nlt_icon{
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    top: -1px;
}
.footer_sep_en{display: block;width: max-content;position: relative;height: auto;}
.sepidar_footer{position: absolute;width: 80%;right: 0;left: 0; margin: auto; margin-top: 5px; }
.sepidar_footer .sepider_img{display: block;width: 100%;}
@media only screen and (max-width: 600px){
  .footer_sep_en{
    right:0;
    left: 0;
    margin: auto;
  }
}


footer{
    padding: 0px 50px 20px;
    background: #222639;
    color: #FFFFFF;
}
footer .nlt_icon{
    margin-bottom: 0px !important;
}
#f_link{
    padding: 30px 0px;
}
.fl_li{
    width: 20%;
    padding: 0px 25px;
    float: right;
	font-size:13px;
	line-height:23px;
}
.fl_header{
    padding: 0px 5px 5px 5px;
	padding-bottom:8px !important;
    margin-bottom: 5px;
    text-shadow: 0px 1px 2px #000000;
	font-family:'SamimBold';
    font-size: 15px;
    border-bottom: 1px dotted #4b4f62;
}
footer a{
    padding: 1px 5px;
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid #222639;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    display: block;
    transition: all .2s linear;
}
.fl_header i{
    margin-left: 5px;
    font-size: 16px;
    position: relative;
	color: #c3cdcf;
}
footer .fl_li:nth-child(3) .fl_header i{
    transform: rotate(270deg);
}
footer a:hover{
    color: #c1cad1;
}
footer .fr_border:hover i{color: #ad1a50;}
.s_network{
    font-size: 0;
}
.s_network li{
    width: 42px;
    height: 42px;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    overflow: hidden;
	margin-right:4px;
	vertical-align:top;
}
.s_network li a{
    padding: 0px 0px 5px 0px;
    text-align: center;
}
.s_network i{
    margin-top: 4px;
    font-size: 30px;
    display: block;
}
.s_network a img{ width: 40px; display: block; position: relative; bottom: 3px;}


.s_network li a:hover{ opacity: 0.6;}
.telegram{ color: #30a8dc; font-size: 27px !important;}
.instagram{ color: #d1014d;}
.rss{ color: #e67f2e;}
.linkedin{ color: #0077b5;}
.twitter{ color: #50abf1;}

.fl_li div{
    padding: 2px 5px;
}
.e_namad img{ max-width: 110px; padding: 5px; margin: 10px 0 0; background: rgba(255,255,255,0.2); display: block;}
.fr_border i{
	font-size:11px;
	display:inline-block;
	padding-left:5px;

}

@media only screen and (max-width: 1270px){  /********************* responsive footer for 1270 px ***************************/
    footer{
        padding: 0px 50px 20px 50px;
    }
    .fl_li{
        padding: 0px 20px;
    }
	#navigation {right: 50px !important;}
}
@media only screen and (max-width: 1150px){  /********************* responsive footer for 1150 px ***************************/
    footer{
        padding: 0px 10px 20px 10px;
    }

    .fl_li{
        padding: 0px 15px;
    }
}
@media only screen and (max-width: 1050px){  /********************* responsive footer for 1050 px ***************************/
    .fl_li{
        width: 50%;
		min-height:200px;
        padding: 0px 70px;
        margin-bottom: 30px;
        text-align: center;
    }
    .fr_border{
        padding: 5px;
        margin-bottom: 3px !important;
        border: 1px dotted #4b4f62;
    }
	.e_namad img{ margin: 10px auto;}
}
@media only screen and (max-width: 780px){  /********************* responsive footer for 780 px ***************************/
    .fl_li{
        padding: 0px 25px;
    }
}
@media only screen and (max-width: 600px){  /********************* responsive footer for 600 px ***************************/
    .fl_li{
        width: 100%;
		min-height:inherit;
        padding: 0px 80px;
        margin-bottom: 30px;
        float: none;
    }
	#f_link{ padding-bottom:0;}
}
@media only screen and (max-width: 450px){  /********************* responsive footer for 450 px ***************************/
    .fl_li{
        padding: 0px 40px;
    }
}
@media only screen and (max-width: 370px){  /********************* responsive footer for 370 px ***************************/
    .fl_li{
        padding: 0px 10px;
    }
}

/******************************* show more seo text **************************************/
#seo_sec{ padding: 0 0 40px;}
#seo_text{ overflow:hidden; position:relative; /**transition:all linear .5s;***/}
#seo_text a{ color:#0000FF; transition: all linear 0.2s;}
#seo_text a:hover{ color: #0066FF;}
.add_bt{ background:#fff; color:#FFF; text-align:center; font-size:14px; cursor:pointer; position: relative; z-index: 3; transition: all .5s linear; }
.add_bt i{ color: #ad1a50; 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: #ad1a50; 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 **************************************/

/**************************************************** design *****************************************************/
#design.bg2{ background: #f4f4f4;}
#design{
    padding: 10px 80px;
    font-size: 12px;
}
#tarahi{
    width: 250px;
    float: right;
}
#tarahi a{
    color: #333333;
}
#tarahi a:hover{
    color:#dd0067;
}
#copy{
    width: 350px;
    color: #333333;
    font-family: OSans;
    direction: ltr !important;
    text-align: left;
    float: left;
}
@media only screen and (max-width: 1270px){  /********************* responsive footer for 1270 px ***************************/
    #design{
        padding: 10px 75px;
    }
}
@media only screen and (max-width: 1150px){  /********************* responsive footer for 1150 px ***************************/
    #design{
        padding: 10px 35px;
    }
}
@media only screen and (max-width: 1050px){  /********************* responsive footer for 1050 px ***************************/
    #design{
        padding: 10px 85px;
    }
}
@media only screen and (max-width: 800px){  /********************* responsive footer for 800 px ***************************/
    #design{
        padding: 10px 10px;
    }
    #tarahi{
        width: auto;
        text-align: center;
        float: none;
    }
    #copy{
        width: auto;
        margin-bottom: 5px;
        text-align: center;
        float: none;
    }
}
/********************************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/
/***************************************************************** dore **********************************************/
#banner,#bannerc{
    min-height: 280px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
	position:relative;
}
#bannerc{
    min-height: 350px;
}
.banner_text{
    top: 35%;
    text-align: center;
    color: #FFFFFF;
    font-size: 51px;
    text-shadow: 1px 1px 0px rgba(0,0,0,.7);
    position: absolute;
    width: 100%;
}
.banner_text h1{
    font-size: 28px;
	background:rgba(0,0,0,.3);
	display:inline-block;
	line-height:40px;
	padding:10px 20px 10px;
	border-radius:5px;
	font-family:'SamimBold';
}
.banner_text h1 div{ font-size: 21px; }
.banner_text .sub_srv{ padding:2px 5px; background:rgba(0,0,0,.3); font-family:'SamimBold'; font-size:13px; border-radius:5px; display:inline-block;}
.banner_text .sub_srv a{ color:#fff; transition:all linear 0.2s;}
.banner_text .sub_srv a:hover{ opacity:0.7;}
.banner_text .sub_srv a:after{ content:"/"; padding:0 2px; color:#ad1a50; text-shadow:none; font-family:'SamimBold'; font-weight:bold;}
.banner_text .sub_srv a:last-child:after{ content:"";}
#dore_bt{
    padding-right: 10px;
    padding-left: 360px;
}

@media only screen and (max-width: 900px){ /********************** responsive banner text for 900 px **************/
    #banner,#bannerc {
        min-height: 300px;
    }
    .banner_text{
		top: 30%;
    }
    .banner_text h1{
        font-size: 43px;
		line-height:55px;
    }
}
@media only screen and (max-width: 450px){ /********************** responsive banner text for 450 px **************/
    .banner_text h1{
        font-size: 33px;
		line-height:45px;
    }
}
#banner_info{
    width: 350px;
    padding-bottom: 35px;
    height: 350px;
    background: rgba(0, 0, 0, 0.35);
    position: absolute;
    top: 166px;
    left: 0px;
    overflow: hidden;
}
@media only screen and (max-width: 1000px){
	#banner_info{ top:204px;}
}
#bi_header{
    padding: 15px;
    color: #f7ffff;
    background: rgba(216,25,103,0.5);
}
#bi_cost{
    font-size: 17px;
	font-family:'SamimBold';
}
#bi_cost span{
	font-family:'SamimBold';
}
.cost_st{ display:inline-block; padding-bottom:5px;}
.dis_inline{ display: inline-block;}
.cost_week{ border-bottom:1px solid rgba(255,255,255,.2); display:inline-block; padding-bottom:8px; margin-bottom: 8px;}
.cost_crs{ border-bottom:1px solid rgba(255,255,255,.2); display:inline-block; padding-top:10px; padding-bottom:5px}
#bi_text{
    padding: 10px;
    color: #d3d8dc;
	font-size:15px;
}
#bi_text>div{
    margin-bottom: 15px;
}
#bi_text p{
    font-size: 19px;
}

@media only screen and (max-width: 900px){  /********************** responsive dore info for 900 px ******************/
    #dore_bt{
        padding-right: 10px;
        padding-left: 10px;
    }
    #banner_info{
        width: 100%;
        height: auto;
        margin: 10px auto;
        position: static;
        padding-bottom: 0px;
        background: none;
    }
    #bi_header{
        background: #ad1a50;
        color: #ffffff;
    }
    #bi_cost{
        margin-bottom: 5px;
        font-size: 17px;
    }
    #bi_text{
        padding: 10px;
        background: #eeeeee;
        color: #333333;
    }
}
@media only screen and (max-width: 400px){  /********************** responsive dore info for 800 px ******************/
    #banner_info{
        text-align: center;
    }
}
/***************************************************************** navigation **********************************************/
#navigation{
    padding: 2px 10px 0px 10px;
    height: 28px;
    line-height: 25px;
    color: #ad1a50;
    background: rgba(0,0,0,.3);
    font-size: 13px;
    position: absolute;
    top: 170px;
    right: 95px;
}
@media only screen and (max-width: 1400px){
	#navigation{ right:65px;}
}
@media only screen and (max-width: 996px){
	#navigation{ top:207px;}
}

@media only screen and (max-width: 700px){
	#navigation{ top:150px; right:10px !important;}
}
#navigation a{
    color: #FFFFFF;
    font-size: 10px;
}
#navigation i{
    margin: 0px 5px 0px 2px;
    position: relative;
    top: 3px;
}
#navigation a:hover{
    color: #f2f2f2;
}
.d_navigation{
    float: right;
}
@media only screen and (max-width: 680px){  /**************** responsive navigation for 552 px ***************************/
    #navigation{
        right: 25px;
    }
}
/***************************************************************** dore_info **********************************************/
#dore_info{
    margin-top: 15px;
    padding: 20px;
    font-size: 15px;
    text-align: justify;
    text-justify: auto;
    color: #333333;
    background: #f2f2f2;
}
.di_header{
    margin-top: 35px;
    text-align: center;
    font-size: 19px;
}
.di_header:first-child,.mrgtop{
    margin-top: 0px !important;
}
.di_header i{
    position: relative;
    color: #ad1a50;
    display: block;
}
.dih_box{
    display: inline-block;
}
.dih_box div{
	line-height:26px;
	font-family:SamimBold !important;
	font-size:16px;
	padding:10px;
}
.dtop_border,.dbottom_border{
    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;
}
#dore_info li{
    margin-right: 35px;
}
#di_img img{
    max-width: 100%;
    margin-top: 60px;
}
@media only screen and (max-width: 600px){ /********** responsive dore info image for 600px ***************************************/
    #di_img img{
        margin-top: 20px;
    }
}

/***************************************************************** soalate motadavel ********************************/
#q_motadavel{
    padding-bottom: 10px;
    margin-bottom: 50px;
    background: #f2f2f2;
}
.qm_box{
    margin-bottom: 10px;
}
.question{
    padding: 0px 10px;
    font-size: 14px;
    cursor: pointer;
}
.question i{
    font-size: 22px;
    position: relative;
    top: 3px;
}
.question:hover{
    color: #ad1a50;
}
.q_answer{
    padding: 15px 20px 15px 20px;
    margin: 10px 10px 0px 10px;
    font-size: 13px;
    background: #fff9fb;
    color: #333333;
    border: 1px solid #ad1a50;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    display: none;
}
#q_motadavel ol,#q_motadavel ul{
    margin: 5px 0px 20px 0px;
}
#q_motadavel li{
    margin-right: 30px;
}

/** our mentors **/
#mentors{ padding: 0 0 40px;}
#mentors .main{ max-width:1170px;}
#mentors #mentorsBox{ padding-top:25px; position:relative;}
#mentors .flexbox{ background:#fff; padding:5px; margin-bottom:20px;}
#mentors .flexbox > div:first-child{ width:150px;}
#mentors .flexbox > div:first-child img{ width:100%; display:block;}
#mentors .flexbox > div:last-child{ width:Calc(100% - 180px); padding-left:7px; margin-right:auto;}
#mentors .flexbox > div:last-child h3{ margin-bottom:10px; font-size:17px; font-family:samimBold;}
#mentors .flexbox > div:last-child .mentor_ex{ font-size:15px;}
@media only screen and  (max-width: 768px){
	#mentors .flexbox{ padding:25px 10px;}
	#mentors .flexbox > div:first-child{ width:100%; margin-bottom:10px;}
	#mentors .flexbox > div:first-child img{ max-width:150px; width:100%; margin:auto;}
	#mentors .flexbox > div:last-child{ width:100%; padding:0; text-align:center;}
	#mentors .flexbox:last-child{ margin-bottom:0;}
}


/********************************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/
/***************************************************************** listdore *****************************************/
#ld_ht{
    margin-top: 0px !important;
}
.listd_info{
    width: 100%;
    margin-top: 10px;
}
.listd_info:last-child{
    margin-bottom: 20px;
}
.listd_h{
    padding: 0px 5px 0px 5px;
	color:#001C40;
	border-right: 5px solid #ad1a6e;
}
.listd_name{
    padding: 2px 2px 0px 10px;
    font-size: 13px;
    color: #1D3F6B;
    float: right;
    transition: all .1s linear;
}
.listd_name span{
    display: inline-block;
}
.listd_name:hover{
    color: #ADADAD;
}
.listd_name span:first-child h2{
    font-size: 17px;
	line-height:30px;
	padding:3px;
	padding-right: 10px;
	font-family:SamimBold;
}
.listd_text{
    width: 70%;
    padding: 5px 10px 110px 10px;
    font-size: 14px;
    text-align: justify;
    text-justify: auto;
    float: right;
    position: relative;
	min-height:200px;
	border-right: 5px solid #c1cad1;
}
.listd_text ol,.listd_text ul{ padding-right: 15px; }
.rlisted_img{
    display: none;
}
.listd_text div:first-child{
    min-height: 43px;
}
.learn{
    min-width: 130px;
    color: #ad1a50;
    padding: 5px;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
    text-align: center;
    transition: all .2s linear;
    position: absolute;
    bottom: 10px;
    left: 10px;
	border:1px solid #ad1a50;
}
.learn:hover, .web_list:hover .learn{
    background: #ad1a50;
    color: #FFFFFF;
}
.listd_img{
    width: 30%;
	height: 200px;
    float: left;
	padding: 10px;
}
.listd_img a{
    width: 100%;
    height: 100%;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    transition: all .3s linear;
    display: block;
	border-radius:5px;
}
.listd_img a:hover{
    opacity: .5;
}
.web_list{ transition:all linear 0.2s;}
.web_list:hover{ background:#F3F3F3;}
.web_list .listd_img, .web_list .listd_text{ width:100%; padding-bottom:5px; border-right: 5px solid #c1cad1; float:none;}
.web_list .listd_text{ min-height:inherit; padding-bottom:20px;}
.web_list .listd_text .learn{ padding:3px; margin-top:10px; position:static; font-size:13px; display:inline-block; float:left;}

@media only screen and (max-width: 1200px){  /************ responsive list dore for 1200 px **********/
    .listd_h{
        width: 100%;
    }
    .listd_name{
        width: 80%;
    }
    .listd_text{
        width: 100%;
        padding: 0px 10px;
        color: #333333;
    }
    .listd_text div:first-child{
        height: auto;
        min-height: 170px;
        padding: 0px 0px;
    }
    .listd_img{
        display: none;
    }
	.web_list .listd_img{ display:block;}
	.web_list .rlisted_img{ display:none;}
	.web_list .listd_text div:first-child{ min-height:inherit;}
	.web_list .listd_text .learn{ float:none;}
    .rlisted_img{
        width: 280px;
        height: 160px;
        background-position: 50% 50% !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        margin: 5px 10px 0px 0px;
        float: left;
        display: block;
    }
    .learn, .web_list .listd_text .learn{
        margin: 10px auto 10px auto;
        position: static;
        display: block;
    }
}
@media only screen and (max-width: 700px){
	.web_list .listd_img{ height:150px;}
}
@media only screen and (max-width: 580px){  /************ responsive list dore for 500 px **********/
    .listd_h{
        padding: 5px;
        margin-bottom: 0px;
    }
    .listd_name{
        width: 100%;
        text-align: center;
        display: block;
        float: none;
    }
    .listd_name span:first-child h2{
        font-size: 16px;
    }
    .listd_text{
        padding: 10px 10px 5px 10px;
        text-align: right;
    }
}
@media only screen and (max-width: 600px){  /************ responsive list dore for 500 px **********/
    .rlisted_img{
        width: 100%;
        margin: 0px auto 5px auto;
        float: none;
        display: block;
    }
}
#l_pagging{
    margin-bottom: 30px;
    text-align: center;
}
#l_pagging li{
    font-size: 17px;
    display: inline-block;
}
#l_pagging i{
    font-size: 16px;
}
#l_pagging a{
    width: 35px;
    height: 35px;
    color: #000000;
    text-align: center;
    border: 1px solid #eeeeee;
    display: block;
    transition: all .2s linear;
	line-height:35px;
}
#l_pagging a:hover,.pactive a{
    color: #FFFFFF !important;
    background: #ad1a50 !important;
    border: 1px solid #ad1a50 !important;
}
/********************************************************************************************************************/
/***************************************************************** services *****************************************/

/***************************************************************** share link **********************************************/
#d_share{
    position: relative;
    top: 0px;
}
#d_share .flright{
	float:right;
}
#d_share.mrg20top{
	margin-top:20px;
}
#d_share .flright .whatsapp i{ background:#00e676; font-size:21px;}
#d_share .flright .telegram i{ background:#3BB2DE;}
#d_share .flleft{
	float:left;
}
.flleft .fa-print{ margin-top:3px;}
#d_share .flleft a{
	padding:4px 15px; border:1px dashed #bdbdbd; text-align:center; display:inline-block; cursor:pointer; transition:all linear 0.2s;
}
#d_share .flleft a:hover{ border-color:#ad1a50;}
#d_share .flleft a i{ color:#ad1a50; font-size:21px; position:relative; top:2px;}
#d_share span{
    padding-right: 10px;
    font-size: 15px;
    display: inline-block;
	position:relative;
	top:3px;
}
#d_share li{
    width: 40px;
    margin: 0px 2px;
    text-align: center;
    display: inline-block;
    position: relative;
    top: 3px;
	vertical-align:middle;
}
#d_share .flright a{
    color: #ffffff;
    display: block;
}
#d_share .flright i{
    line-height: 40px;
    background: #ad1a50;
    font-size: 18px;
    -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
            border-radius: 50%;
    display: block;
    transition: all .3s linear;
}
#d_share .flright i:hover{
	opacity:0.6;
}
@media only screen and (max-width: 550px){  /************ responsive dore navigation & share link for 550 px ************/
    .d_navigation{
        float: none;
    }
}
/********************************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/
/***************************************************************** news *****************************************/
.top_list{ margin: 20px 0;}
.top_list ul{ padding-right: 30px;}
.top_list ul li a{ color: #045c91;}
.top_list ul li a:hover,.top_list ul li::marker{ color: #ad1a50;}

#news_htext{
    padding: 0 20px 0px 0;
    margin: 0px !important;
}
#news_htext div{
    font-size: 14px;
    color: #9a9a9a;
}
#news_htext h2{
	line-height:36px;
    font-size: 23px;
	padding-top:15px;
	font-family:SamimBold;
}
#kh_box{
    padding: 10px 10px 3px 10px;
    margin: 0px 0px 3px 0px;
    font-size: 17px;
    border-bottom: 1px dashed #CCCCCC;
    color: #333333;
}
#kh_img{
    width: 150px;
    margin-left: 10px;
    float: right;
}
#kh_img img{
    max-width: 100%;
}
#kh_text{
    text-align: justify;
    text-justify: auto;
	padding:10px;
}
@media only screen and (max-width: 450px){  /********************** responsive kholase for px ************************/
    #kh_img{
        width: 100%;
        margin-left: 0px;
        float: none;
    }
}
#kh_text li,#news_t li{
    margin-right: 30px;
}
#news_t{
    padding: 5px 20px 0px;
    color: #333333;
    text-align: justify;
    text-justify: auto;
	font-size:15px;
	line-height:30px;
}
#end_text{
    margin: 10px;
    font-size: 16px;
}
#end_text a{
    color:rgba(51,56,122,1.00)
}
#news_t img{
    max-width: 90%;
    margin: 10px auto;
    display: block;
	height:auto;
}
#news_t h3, #news_t h2{ margin-bottom:10px; padding:2px 5px; font-size:16px; line-height:30px; background:#F5F5F5; border-bottom:3px solid #ad1a50; display:inline-block; font-family:SamimBold;}
#news_t h2 + p{ clear:both; display:block;}
#news_t .example1{ color: #888888; position: relative; bottom: 10px; font-size: 13px; font-style: italic; text-align: center; display: block;}
#news_t table{ width:100%;}
#news_t table td{ padding:3px 5px; font-size:14px; border:1px solid #eee;}
#news_t table tr:first-child td{ background:#292e44; color:#fff; font-size:15px; text-shadow:1px 1px 1px #333;}
#news_t a{ color:#ad1a50; transition:all linear 0.2s;}
#news_t a:hover{ opacity:0.7;}
#attach{
    padding-right: 10px;
    font-size: 16px;
    color: #333333;
}
#at_file i{
    margin-left: 3px;
    font-size: 20px;
    transform: rotate(80deg);
    color: #ad1a50;
}
#at_file a:first-child{
    margin-right: 23px;
}
#at_file .att_st{ font-family:Tahoma; font-size:12px;}
#attach a{
    color: #292e44;
}
#attach a:hover{
    color: #ad1a50;
}
#at_link a:first-child{
    padding-right: 20px;
}
#barchasb{
    padding: 0px 10px;
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #333333;
}
#barchasb i{
    margin-left: 5px;
    color: #ad1a50;
}
#barchasb ul{
    padding-right: 22px;
}
#barchasb li{
    margin: 5px 0px 0px 5px;
    display: inline-block;
}
#barchasb a{
    padding: 2px 10px;
    color: #ffffff;
    background: #292e44;
    font-size: 14px;
    border: 1px solid #292e44;
    display: block;
    transition: all .2s linear;
}
#barchasb a:hover{
    border: 1px solid #ad1a50;
    background: #ad1a50;
}
#e_nazar ::-moz-placeholder {
    text-align: right !important;
    font-family: samim !important;
    font-size: 13px;
    color: #bebebe;
    opacity: 1;
}
#e_nazar :-ms-input-placeholder {
    text-align: right !important;
    font-family: samim !important;
    font-size: 13px;
    color: #bebebe;
    opacity: 1;
}
#e_nazar ::-webkit-input-placeholder {
    text-align: right !important;
    font-family: samim !important;
    font-size: 13px;
    color: #bebebe;
    opacity: 1;
}
#e_nazar form{
    padding: 5px 10px;
    margin-bottom: 25px;
}
#e_nazar form textarea, #e_nazar form input{
	border-radius:3px;
	border:1px solid #E4E4E4;
}
#e_nazar form div{
    margin: 4px 0px;
}
#en_right{
    width: 320px;
    float: right;
}
#en_right input{
	max-width:302px;
    width: 100%;
    padding: 4px 5px;
    font-size: 14px;
	display:block;
}
.en_style{ direction:ltr; font-family:tahoma;}
#e_nazar img{
    margin: 0px 0px 2px 0px;
    display: block;
}
#en_left{
    width: Calc(100% - 320px);
    float: left;
}
#en_left textarea{
    min-width: 100%;
    max-width: 100%;
    min-height: 144px;
    max-height: 144px;
    padding: 2px 5px;
}
#comment_su{
    text-align: left;
}
#comment_su input{
    width: 270px;
    padding: 5px;
    margin-top: 3px;
    border: none !important;
    background: #ad1a50;
    color: #FFFFFF;
    font-size: 15px;
    position: relative;
    top: -2px;
    cursor: pointer;
    transition: all .2s linear;
}
#comment_su input:hover{
    background: #292e44;
    border: 1px solid #292e44;
}
#ld_ht.form_mrg{ margin: 30px auto 0px auto;}
@media only screen and (max-width: 1200px){  /******************** responsive form ersale nazar for 1200 px *****************/
    #e_nazar ::-moz-placeholder {
        opacity: 1;
    }
    #e_nazar :-ms-input-placeholder {
        opacity: 1;
    }
    #e_nazar ::-webkit-input-placeholder {
        opacity: 1;
    }
    #e_nazar label{
        display: none !important;
    }
    #e_nazar img{
        margin: 0px 0px 2px 0px !important;
    }
}
@media only screen and (max-width: 768px){  /******************** responsive form ersale nazar for 550 px *****************/
    #en_right{
        width: 100%;
        margin: auto;
        float: none;
    }
	#en_right input{ margin:auto;}
	#en_right .g-recaptcha > div{ max-width:305px; width:100% !important; margin:auto;}
    #en_left{
        width: 100%;
        margin: auto;
        float: none;
    }
	#en_left{ max-width:304px; margin:3px auto 0 !important;}
    #e_nazar img{
        height: auto;
    }
    #comment_su input{
        width: 100%;
    }
}
#other_comh{
    margin-bottom: 20px;
    border-top: 1px solid #eeeeee;
    font-size: 20px;
}
#other_comh span{
    padding: 0px 10px;
    margin-top: -20px;
    background: #ffffff;
    position: absolute;
    display: inline-block;
}
#other_comh i{
    margin-left: 8px;
    color: #ad1a50;
}
.nazar_text{
    padding: 7px 10px 0px 10px;
    margin-bottom: 30px;
    font-size: 14px;
    border-bottom: 3px solid #eeeeee;
    position: relative;
}
.f_nazar,.ans_nazar{
    color: #333333;
    margin-bottom: 15px;
}
.comm_text{
    width: 86%;
    min-height: 50px;
    padding: 5px 10px;
    text-align: justify;
    text-justify: auto;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
            border-radius: 10px;
}
.f_nazar .comm_text{
    float: left;
}
.comm_info{
    width: 12.5%;
    min-height: 50px;
    padding: 10px 3px 5px 3px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
            border-radius: 10px;
    color: #ffffff;
    position: relative;
}
.comm_info i{
    font-size: 22px;
    margin-left: 5px;
}
.f_nazar .comm_info{
    background: #292E44;
    -moz-border-radius:0 5px 5px 0;
        -webkit-border-radius:0 5px 5px 0;
            border-radius:0 5px 5px 0;
    float: right;
}
.f_nazar .comm_info:before{
    content:"";
    margin: auto;
    position: absolute;
    right: 100%;
    top: 0px;
    bottom: 0px;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-right: 12px solid #292E44;
    border-bottom: 25px solid transparent;
}
.nbut_box{
    margin-top: 5px;
    padding: 5px 0px;
    border-top: 1px solid #eeeeee;
}
.com_but{
    padding: 0px 20px;
    float: left;
}
.com_but span:first-child{
    padding-left: 20px;
}
.com_but i{
    cursor: pointer;
    position: relative;
    top: 4px;
    transition: all .2s linear;
}
.com_but i:hover{
    color: #ad1a50;
}
.cursor{ cursor:pointer;}
.com_time{
    padding-right: 20px;
    float: right;
}
.ans_nazar{
    width: 100%;
    text-align: left;
}
.ans_nazar .comm_text{
    float: right;
}
.ans_nazar .comm_info{
    background: #AD1A50;
    position: relative;
    -moz-border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
            border-radius:5px 0 0 5px;
    float: left;
}
.ans_nazar .comm_info:before{
    content:"";
    margin: auto;
    position: absolute;
    right: -10px;
    top: 0px;
    bottom: 0px;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 10px solid #AD1A50;
    border-bottom: 25px solid transparent;
}
.ans_time{
    margin-top: 5px;
    padding-left: 20px;
    border-top: 1px solid #eeeeee;
    text-align: left;
}
@media only screen and (max-width: 1000px){  /******************** responsive form comment for 1000 px *****************/
    .comm_info{
        width: 18%;
    }
    .comm_text{
        width: 80%;
    }
}
@media only screen and (max-width: 750px){  /******************** responsive form comment for 750 px *****************/
    .comm_info{
        width: 24%;
    }
    .comm_text{
        width: 73%;
    }
}
@media only screen and (max-width: 655px){  /******************** responsive form comment for 600 px *****************/
    .comm_info{
        width: auto;
        min-width: 100px;
        padding: 5px 10px;
        min-height: 0px;
        -webkit-border-radius:5px 5px 0px 0px !important;
            -moz-border-radius:5px 5px 0px 0px !important;
                border-radius:5px 5px 0px 0px !important;
    }
    .comm_info:before{
        display: none;
    }
    .comm_text{
        width: 100%;
        -webkit-border-radius:0px 5px 5px 5px !important;
            -moz-border-radius:0px 5px 5px 5px !important;
                border-radius:0px 5px 5px 5px !important;
        float: none;
    }
    .f_nazar .comm_text{
        -webkit-border-radius:5px 0px 5px 5px !important;
        -moz-border-radius:5px 0px 5px 5px !important;
        border-radius:5px 0px 5px 5px !important;
    }
}

@media only screen and (max-width: 500px){
    .nbut_box{
        text-align: center;
    }
    .com_but{
        width: 50%;
        padding: 0px;
        margin-bottom: 10px;
        float: left;
    }
    .com_time{
        padding-right: 0px;
        padding-top: 5px;
        border-top: 1px solid #eeeeee;
        float: none;
        clear: both;
    }
    .ans_time{
        padding-left: 0px;
        text-align: center;
    }
}
/********************************************************** pasokh ***************************************************/
#pasokh{
    width: 90%;
    margin: auto;
}
#mh_payam{
    font-size: 17px;
    color: #ad1a50;
}
#m_payam{
	padding-bottom:10px;
    font-size: 14px;
    text-align: justify;
    text-justify: auto;
    color: #7f7f7f;
    border-bottom: 1px solid #ad1a50;
}
#pasokh #e_nazar{
    padding: 10px;
}
#en_top label{
    min-width: 90px;
    padding-left: 5px;
    color: #ad1a50;
    text-align: left;
    display: inline-block;
}
#pasokh input{
    width: 220px;
    padding: 5px;
}
#pasokh img{
    width: 220px;
    margin: 0px 93px 2px 0px;
    border: 1px solid #abadb3;
    display: block;
}
#en_down label{
    margin-left: 5px;
    color: #ad1a50;
    float: right;
}
#en_down textarea{
    min-width: 305px;
    max-width: 302px;
    min-height: 200px;
    max-height: 200px;
    padding: 0px 5px;
}
#pasokh input[type="submit"]{
    margin-right: 96px;
    color: #FFFFFF;
    background: #ad1a50;
    border: 1px solid #ad1a50;
    cursor: pointer;
    font-size: 17px;
    display: block;
    transition: all .2s linear;
}
#pasokh input[type="submit"]:hover{
    background: #292e44;
    border: 1px solid #292e44;
}
@media only screen and (max-width: 400px){  /****************** responsive pasokh for 350 px ****************************/
    #pasokh form{
        width: 100% !important;
        text-align: center !important;
    }
    #pasokh form img{
        margin: auto !important;
    }
    #en_down textarea{
        min-width: 220px;
        max-width: 220px;
    }
    #pasokh input[type="submit"]{
        margin: auto !important;
    }
}
/********************************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/
/***************************************************************** contact *****************************************/
iframe{
    width: 100% ;
}
#banner .map{ width: 100%; height: 280px; object-fit: cover; object-position: center; display: block;}
#contact{
    padding: 8px 0px 30px 0px;
}
#contact ::-moz-placeholder {
    text-align: right !important;
    font-family: samim !important;
    font-size: 14px;
    opacity: 1;
}
#contact :-ms-input-placeholder {
    text-align: right !important;
    font-family: samim !important;
    font-size: 14px;
    opacity: 1;
}
#contact ::-webkit-input-placeholder {
    text-align: right !important;
    font-family: samim !important;
    font-size: 14px;
    opacity: 1;
}
#contact .ltext{
    padding: 10px 5px !important;
    font-family: samim !important;
}
#con_info div{
    width: 25%;
    padding: 0px 5px;
    float: right;
}
#con_info input,#con_info select{
    width: 100%;
	height:43px;
    padding: 5px 5px;
    font-size: 14px;
	border:1px solid #444;
}
#con_body{
    width: 73%;
    padding: 0px 5px;
    margin-top: 8px;
    float: right;
}
#con_body textarea{
    min-width: 100%;
    max-width: 100%;
    min-height: 125px;
    max-height: 125px;
    padding: 3px 5px;
    font-size: 14px;
	border:1px solid #444;
}
#con_sub{
    width: 27%;
    padding: 0px 5px;
    margin-top: 8px;
    float: left;
}
#con_sub img{
    margin-bottom: 7px;
    display: block;
}
#con_sub input{
    width: 100%;
    font-size: 14px;
	border:1px solid #444;
}
#con_sub input[type="text"]{
    margin-bottom: 10px;
    padding: 3px 5px;
}
#con_sub input[type="submit"]{
    padding: 5px 7px;
    background: #292e44;
    border: 1px solid #292e44;
    color: #FFFFFF;
    font-size: 15px;
    cursor: pointer;
    transition: all .3s linear;
}
#con_sub input[type="submit"]:hover{
    background: #ad1a50;
    border: 1px solid #ad1a50;
}
#con_sub .g-recaptcha{ text-align:center; margin-bottom:10px;}
.dis_no{ display: none;}
.fnt20{ font-size:20px;}.fnt14{ font-size:14px;}
.mess_st{ font-size:18px; line-height:32px; color:#830002; margin-bottom:40px;}
.mrg0px{ margin: 0 !important;}
@media only screen and (max-width: 1024px){ /********************* responsive contact for 800px **************************/
    #con_info div{
        width: 50%;
		margin:auto;
        margin-bottom: 10px;
		float:none;
    }
    #con_info div:last-child{
        margin-bottom: 0px;
    }
    #con_body{
        width: 50%;
        margin:0 auto 10px;
        float: none;
    }
    #con_sub{
        width: 100%;
        margin: auto;
        margin-top: 0px;
        float: none;
    }
	.g-recaptcha > div{ margin:auto;}
	#con_sub input[type="submit"]{ max-width:302px; margin:auto; display:block;}
}
@media only screen and (max-width: 350px){  /********************* responsive contact for 350px **************************/
    #con_info div{
        width: 250px;
        margin: auto;
        margin-bottom: 10px;
        float: none;
    }
    #con_info div:last-child{
        width: auto;
        margin-bottom: 0px;
    }
    #con_body{
        width: 250px;
        margin: auto;
        margin-top: 0px;
        margin-bottom: 10px;
    }
}
/********************************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/
/***************************************************************** club *****************************************/
#club{
    padding: 10px 10px 40px 10px;
    text-align: justify;
    text-justify: auto;
    color: #333333;
    font-size: 14px;
}
#club ul,#club ol{
    margin: 5px 0px 15px 0px;
}
#club li{
    margin-right: 30px;
}
/********************************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/
/**************************************************** news scomment ************************************************/
#scomment{
    margin: 55px auto 25px auto;
    text-align: center;
}
#scomment div{
    font-size: 21px;
	line-height:35px;
}
#scomment a{
    padding: 8px 30px;
    font-size: 15px;
    background: #292e44;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
    display: inline-block;
    transition: all .3s linear;
}
#scomment a:hover{
    background: #ad1a50;
}
/********************************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/
/**************************************************** label ***************************************************/
.header_text{
    margin-bottom: 20px;
    text-align: center;
}
.p_div{
    padding: 0px 10px;
    font-size: 10px;
    text-align: left;
}
.p_div a{
    color: #ad1a50;
}
.p_div a:hover{
    color: #292e44 !important;
}
.header_text span{
    padding: 0px 10px;
    font-size: 27px;
    border-bottom: 1px solid #000000;
}
/********************************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/
/**************************************************** links ***************************************************/
#links{
    margin: 10px auto 20px auto;
}
#links li{
    padding: 5px 0px;
    display: block;
}
#links i{
    margin-left: 3px;
    color: #ad1a50;
    display: inline-block;
}
#links a{
    font-size: 14px;
    color: #000000;
}
#links a:hover{
    color: #ad1a50;
}
.link_type{ font-size:18px; color:#ad1a50; font-family:SamimBold;}
.col_black{ color:#999;}
@media only screen and (max-width: 920px){  /******************* responsive links for 920 px ************************/
    #links{
        max-width: 90%;
        margin: 70px auto 30px auto;
    }
}
/********************************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/
/**************************************************** search ***************************************************/
#search_box{
    max-width: 800px;
    margin: 20px auto 30px auto;
}
#s_dorebox,#s_blogbox{
    display: none;
}
#s_indore:checked~#s_dorebox{
    display: block;
}
#s_inblog:checked~#s_blogbox{
    display: block;
}
#search_tab{
    text-align: center;
}
#search_tab label{
    width: 180px;
    padding: 5px 10px;
    font-size: 15px;
    background: #292e44;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
            border-radius: 5px 5px 0px 0px;
    display: inline-block;
    cursor: pointer;
    transition: all .3s linear;
	font-family:SamimBold;
}
#search_tab label:hover{
    background: #ad1a50;
}
.stab_active{
    background: #ad1a50 !important;
}
@media only screen and (max-width: 450px){  /************************* responsive search tab for 450 px ********************/
    #search_tab label{
        width: 150px;
        padding: 5px 0px;
        font-size: 15px;
    }
}
@media only screen and (max-width: 370px){  /************************* responsive search tab for 370 px ********************/
    #search_tab label{
        width: auto;
        padding: 5px 10px;
        font-size: 14px;
    }
}
#sdore_form{
    padding: 20px;
	border-top:3px solid #ad1a50;
	background:#EBEBEB;
    text-align: center;
}
#sdore_form input[type="text"]{
    width: 255px;
    margin-right: 4px;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #FFFFFF;
}
#sdore_form input[type="submit"]{
    width: 110px;
	height:39px;
    padding: 3px 5px;
    background: #292e44;
    border: 3px solid #fff;
    color: #FFFFFF;
    position: relative;
    font-size: 13px;
    right: -5px;
	vertical-align:top;
    cursor: pointer;
    transition: all .3s linear;
}
#sdore_form input[type="submit"]:hover{
    background: #ad1a50;
}
@media only screen and (max-width: 500px){  /******************** responsive s_dore form for px ***********************/
    #sdore_form input[type="text"]{
        width: 100%;
        margin: 0px auto 5px auto;
        display: block;
    }
    #sdore_form input[type="submit"]{
        width: 150px;
        position: static;
        right: 0px;
    }
}
.search_h{
    padding: 20px 5px;
    font-size: 19px;
    text-align: center;
}
.sd_box{
    margin-bottom: 30px;
}
.sd_box:last-child{
    margin-bottom: 0px;
}
.sd_code{
    width: 595px;
    padding: 3px 5px;
    background: #292e44;
    color: #ffffff;
    float: left;
}
.sdcode_box{
    float: right;
    margin: 5px 3px;
}
.sd_img{
    width: 200px;
    float: right;
    transition: all .3s linear;
}
.sd_img img{
    max-width: 100%;
}
.sd_img:hover{
    opacity: .8;
}
.sd_text{
    width: 595px;
    padding: 0px 5px 5px 5px;
    text-align: justify;
    text-justify: auto;
    float: left;
}
.sd_text a{
    font-size: 17px;
    color: #000000;
	line-height:30px;
	padding-top:10px;
	display:inline-block;
}
.sd_text div{
    color: #333333;
}
.sd_text a:hover{
    color: #ad1a50;
}
.s_key{ color:#600; background-color:#CF0;}
@media only screen and (max-width: 920px){ /*********************** responsive dore search for 920 px ********************/
    .sd_code{
        width: 100%;
        margin-bottom: 2px;
        float: none;
    }
    .sd_img{
        width: 30%;
    }
    .sd_text{
        width: 70%;
    }
}
@media only screen and (max-width: 600px){ /*********************** responsive dore search for 600 px ********************/
    .sd_img{
        width: 100%;
        padding: 0px;
        float: none;
    }
    .sd_img img{
        width: 100%;
    }
    .sd_text{
        width: 100%;
        padding: 0px;
        float: none;
    }
}
#sblog_box{
    padding: 30px 10px;
    text-align: center;
    color: #333333;
	border-top:3px solid #ad1a50;
	background:#EBEBEB;
}
#sblog_box input[type="text"]{
    width: 357px;
    padding: 5px;
    margin:0px 0px 3px 0px;
    font-family: samim !important;
    font-size: 13px;
    color: #444444;
	border:1px solid #888;
}
#cat_select{
    width: 357px;
    padding: 5px;
    margin:0px 0px 3px 0px;
    font-family: samim !important;
    font-size: 13px;
    color: #444444;
	border:1px solid #888;
}
.selecti span{
    width: 25px;
    font-size: 15px;
    display: inline-block;
}
.selecti select{
    width: 107px;
    margin-bottom: 3px;
    font-family: samim !important;
    font-size: 13px;
    color: #444444;
}
#sblog_box input[type="submit"]{
    width: 200px;
    height: 35px;
    margin-top: 15px;
    font-family: samim !important;
    font-size: 15px;
    border: 1px solid #3D4363;
    background: #3D4363;
    transition: all .3s linear;
    cursor: pointer;
	color:white;
}
#sblog_box button{
    width: 35px;
    height: 35px;
    border: 1px solid rgb(23, 146, 23);
    background: rgb(241, 241, 241);
    font-size: 13px;
    color: rgb(23, 146, 23);
    cursor: pointer;
    transition: all .3s linear;
}
#sblog_box button:hover{
    color: rgb(241, 241, 241);
    background: rgb(23, 146, 23);
}
#sblog_box input[type="submit"]:hover{
    background: #292e44;
    color: #FFFFFF;
}
@media only screen and (max-width: 450px){  /********************** responsive s_blog form for px ******************/
    #sblog_box input[type="text"]{
        width: 100%;
    }
    #cat_select{
        width: 100%;
    }
    .selecti span{
        width: 100%;
        text-align: right;
        display: block;
    }
    .selecti select{
        width: 33.333%;
        border: 1px solid #ad1a50;
        float: right;
    }
    #sblog_box input[type="submit"]{
        width: 200px;
        padding: 5px;
        margin-top: 30px;
        background: #FFFFFF;
        border: 1px solid #FFFFFF;
        cursor: pointer;
        transition: all .3s linear;
    }
    #sblog_box input[type="submit"]:hover{
        background: #292e44;
        color: #FFFFFF;
    }
}
#sb_box table{
    width: 100%;
    margin: 5px auto;
    text-align: center;
    border-collapse: collapse;
}
#sb_box tr:first-child,#sb_box tr:first-child:hover{
    font-size: 16px !important;
    background: #292e44 !important;
    color: #FFFFFF !important;
}
#sb_box table tr:hover{
    background: #bcc3e2;
    color: #f2f2f2;
}
#sb_box tr:first-child a{
    color: #FFFFFF !important;
    transition: all .1s linear;
}
#sb_box tr:first-child a:hover{
    color: #afafaf !important;
}
#sb_box tr a:hover{
    color: #292e44 !important;
}
#sb_box tr:nth-child(2n+1){
    background: #eeeeee;
}
#sb_box td{
    padding: 5px;
}
#sb_box a{
    color: #ad1a50;
}
@media only screen and (max-width: 750px){  /************************** responsive search blog for 750 px **********************/
    #sb_box td:last-child{
        display: none;
    }
}
@media only screen and (max-width: 550px){  /************************** responsive search blog for 550 px **********************/
    #sb_box td:last-child{
        display: block;
    }
    #sb_box table,#sb_box tbody,#sb_box tr,#sb_box td{
        display: block;
    }
    #sb_box tr:first-child{
        display: none;
    }
    #sb_box table tr{
        margin-bottom: 5px;
    }
    #sb_box table td{
        width: auto;
        padding: 5px 0px;
        margin: 0px 10px;
        text-align: right;
        font-size: 14px;
        border-bottom: 1px solid #c3c3c3;
    }
    #sb_box table td:first-child{
        width: auto!important;
        margin: 0px!important;
        border-bottom: none!important;
        text-align: center!important;
        background: #292e44;
        color: #FFFFFF;
    }
    #sb_box table td:last-child{
        border-bottom: none;
    }
    #sb_box table td:nth-of-type(1):before {
        content: "ردیف: ";
        color: #ffffff;
    }
    #sb_box table td:nth-of-type(2):before {
        content: "تیتر: ";
        color: #666;
    }
    #sb_box table td:nth-of-type(3):before {
        content: "سرویس: ";
        color: #666;
    }
    #sb_box table td:nth-of-type(4):before {
        content: "کد: ";
        color: #666;
    }
    #sb_box table td:nth-of-type(5):before {
        content: "زمان انتشار: ";
        color: #666;
    }
}
/********************************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/
/**************************************************** doremain ***************************************************/
#doremain_text{
    padding: 5px 10px 20px 10px;
    color: #333333;
    text-align: justify;
    text-justify: auto;
	font-size:15px;
}
/****************************************************************************************************************/
/****************************************************************************************************************/
/***************************************************************************************************************/
/*****************************************************  RSS index  ***************************************/
#rss_link{
    margin: 30px auto 0px auto;
    text-align: center;
}
#rss_link a{
    width: 300px;
    padding: 5px 0px;
    margin: 0px 30px 10px 30px;
    text-align: center;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
    background: #292e44;
    display: inline-block;
    font-size: 23px;
    color: #FFFFFF;
    transition: all .2s linear;
}
.i_rss{
    margin-left: 8px;
    font-size: 20px;
    color: #ff6600;
    display: inline-block;
    transition: all .2s linear;
}
#rss_link a:hover{
    background: #ad1a50;
}
#rss_link a:hover>i{
    color: #FFFFFF;
}
.rss_header{
    padding: 5px;
    font-size: 21px;
    border-bottom: 1px solid #eeeeee;
}
#rss_text{
    width: 800px;
    margin: 0px auto 40px auto;
    padding: 5px 20px 30px 20px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    font-size: 14px;
    text-align: justify;
    text-justify: auto;
    background: #f2f2f2;
    color: #333333;
}
#rss_text ul,#rss_text ol{
    margin: 5px auto 20px auto;
}
#rss_text li{
    margin-right: 25px;
}
@media only screen and (max-width: 810px) {         /*****************responsive rss_index for 810 px******************/
    .rss_index{
        width: 95%;
    }
    #rss_text{
        width: 90%;
        margin: auto;
    }
}
@media only screen and (max-width: 600px) {         /*****************responsive rss_index for 600 px******************/
    .rss_box{
        width: 100%;
        margin-bottom: 40px;
        float: none;
    }
}
@media only screen and (max-width: 400px) {         /*****************responsive rss_index for 600 px******************/
    #rss_link a {
        width: 90%;
        margin: 0px 0px 10px 0px;
    }
}
/****************************************************************************************************************/
/****************************************************************************************************************/
/***************************************************************************************************************/
/*****************************************************  gallery list  ***************************************/
#gallery_list{
    margin: 30px auto 30px auto;
}
#gallery_list ul{
    margin-top: 12px;
    text-align: center;
}
#gallery_list li{
    width: 250px;
    height: 255px;
    margin: 0px 7px 7px 7px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: inline-block;
    overflow: hidden;
}
.gl_box{
    width: 250px;
    height: 255px;
    text-align: center;
    position: absolute;
    overflow: hidden;
}
.gl_text{
    width: 250px;
    height: 255px;
    padding: 10px 5px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 1px 2px #000000;
    font-size: 19px;
    transition: all .3s linear;
}
.gl_hover{
    width: 250px;
    height: 255px;
    margin-top: -250px;
    margin-right: -255px;
    line-height: 285px;
    background: rgba(173,26,80,.6);
    color: #FFFFFF;
    font-size: 19px;
    position: absolute;
    z-index: 2;
    display: block;
    transition: all .3s linear;

}
.gl_box:hover>.gl_hover{
    margin: 0px !important;
}
.gl_box:hover>.gl_text{
    margin-right: 250px;
}
#gallery_list a{
    display: block;
}
#def_banner{
    height: 300px;
    background-position: 50% 50% !important;
    background-size: cover !important;
    background-repeat: no-repeat;
	position:relative;
}
#def_banner .banner_text{ top:40%;}
@media only screen and (max-width:900px){  /************* responsive default banner for 900 px *********************/
    #def_banner{
        height: 300px;
    }
	#def_banner .banner_text{ top:35%;}
}
.nav_border{
    display: none;
}
p{
    padding: 0px;
    margin: 0px;
}
.ltext{
    direction: ltr;
    display: inline-block;
}
.tltext{
    direction: ltr;
}
.efont{
    font-family: OSans !important;
}
.content{
    max-width: 1150px;
    margin: auto;
}
@media only screen and (max-width: 1170px) {        /********************** responsive content 1170 ********************/
    .content{
        width: 90%;
        margin: auto;
    }
}
/*************************************************************  tour_order_mail    ***************************************/

.main{
    max-width: 1400px;
    margin: auto;
}
.clear{
    clear: both;
}
.cgreen{
    color: #5EB728!important;
}
.corange{
    color: #ea8635!important;
}
.cred{
    color: #ea2c2c!important;
}
#captcha {
    direction: ltr;
    font-family: samim;
}
.h_iframe-aparat_embed_frame{ max-width:500px; margin:auto; position:relative; border:none !important;} .h_iframe-aparat_embed_frame .ratio {display:block;width:100%;height:auto; border:none !important;} .h_iframe-aparat_embed_frame iframe {position:absolute;top:0;left:0;width:100%; border:none !important; height:100%;}
/*jadval tozihat*/
.jadval_math{position: relative;width: max-content;}
.impodesc table{width: 100%; margin: 10px auto 0px auto; text-align: center;border-collapse: collapse;color: #4d4d4d;}
.table_math{margin: 10px auto 0px auto; border-collapse: collapse;color: #4d4d4d;}
.table_math tr td{text-align:right; padding-right:5px;}
.table_math tr td:first-child{ width:max-content;padding: 0 15px; background:#2b2d42 !important;text-shadow: 1px 1px 1px black; color: #ffffff; border-bottom:1px solid #fff;line-height: 37px;}
.table_math tr td:last-child{ color: rgb(12, 12, 12) !important;}
.table_math tr td:last-child{margin: 4px 0 14px 0;}

.table_input_m{border: 1px solid gray;margin-left: 3px; padding: 0 5px;line-height: 33px;}
.impodesc table tr{transition:linear .2s;}
.tablemath_radiob{padding: 6px 12px;line-height: 14px;margin: 18px 1px 18px 4px;cursor: pointer;border: 1px dashed #2b2d42;border-radius: 20px;}
.button_reset{background: #2b2d42 !important;color:white; border:none; padding:1px 10px; font-family:'Samim';margin-right: 4px;cursor: pointer;border-radius: 2px;}
.buton_cal{display: flex; position: absolute;right: 103%;width: max-content; bottom: 3px; }
#result_nahayi{background-color: #e1dada;position: absolute;width: max-content;font-family: samimBold;font-size: 15px; bottom: 3px; right: 140%; padding: 1px 11px; display: none;}
.button_reset > i {vertical-align: middle;}
@media only screen and (max-width:900px){
    .buton_cal{position:initial ; margin: 6px -4px;}
    #result_nahayi{position: initial;}


}
@media only screen and (max-width:588px){
    .jadval_math{width: 100%;}
    .button_reset{border: 1px solid #2b2d42 !important;border-radius: 18px !important;width: 12%;}
    .button_math{width: 86%;border: 1px solid #ad1a50 !important;border-radius: 31px !important;}
    #result_nahayi{position: initial;width: 100%;margin-top: 10px;padding: 13px 8px 12px 0px;}
    .table_math, tr , td {width: 100%;}
    .table_math > tr , td {display: block !important; width:100% ;}
    .table_math > .table_input_m {width: 100% !important;box-sizing: border-box;}
    .table_math tr td:first-child{ width: 100%;line-height: 39px; border-bottom: none;}
    .h_jad{margin-bottom: 1px !important;}
    .table_math tr td:last-child{background: #f0f0f0 !important; margin: 0 0 14px 0;padding: 10px;}
    .table_input_m{height: 40px;width: calc(100% - 177px);font-size: 18px;}
    .tablemath_radiob{margin: 18px 1px 18px 4px;padding: 8px 12px;}
    .buton_cal{width: 100%;margin: 0;}
    #company_info select { height: 45px;border-radius: 26px;}

}
.impodesc tr:first-child,.impodesc tr:first-child:hover{
    background: #ad1a50 !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;}
.sys_pro{ padding: 25px 15px; font-size: 15px; font-family: samimBold;}
.sys_pro i{ font-size: 25px; color: #ad1a50; margin-left: 5px; position: relative; top: 2px;}
.impodesc td{
    padding: 5px;
}
.impodesc td label{ display: block; cursor: pointer; }
.impodesc a{
    color: #dd0067;
}
.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;}
.add_item {
    padding: 0 10px;
    background: #278B2C;
    border: 1px solid #278B2C;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    transition: all linear 0.2s;
	width: 210px;
}
.choice-btn{
	display: none;
}
#table2{
	max-width: 450px;
	direction:ltr;
	text-align: center;
}

@media only screen and (max-width:700px){
	.impodesc td label{ display: inline-block;}
	.choice-btn{
		display: block;
		text-align: center!important;
	}
    #t_desc, #onlinePay ,#onlinePayLegal{
		max-width:400px !important;
    }
    #t_desc tbody,#t_desc tr,#t_desc td{
        display: block !important;
    }
    #t_desc tr:first-child{
        display: none !important;
    }
    #t_desc tr{
        height: auto;
    }
    #t_desc td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
	#t_desc td:nth-child(2){ background:#2b2d42; color:#fff;text-align: center;}
    #t_desc td:nth-child(1){
		display: none!important;
    }
    #t_desc td:nth-child(2):before {
        content: "ردیف ";
        font-size: 15px;
        color: #fff;
    }
    #t_desc td:nth-child(3):before {
        content: "کد برنامه: ";
        font-size: 15px;
        color: #ad1a50;
    }
    #t_desc td:nth-child(4):before {
        content: "روز: ";
        font-size: 15px;
        color: #ad1a50;
    }
    #t_desc td:nth-child(5):before {
        content: "از ساعت: ";
        font-size: 15px;
        color: #ad1a50;
    }
    #t_desc td:nth-child(6):before {
        content: "تاریخ شروع: ";
        font-size: 15px;
        color: #ad1a50;
    }
    #t_desc td:nth-child(7):before {
        content: "قیمت: ";
        font-size: 15px;
        color: #ad1a50;
    }
	#t_desc td:nth-child(8):before {
		content: "ظرفیت: ";
		font-size: 15px;
		color: #ad1a50;
    }
	#t_desc td:nth-child(9){
		padding-bottom: 20px;
    }
	.impodesc #t_desc2 tr td:first-child{ width:100%;}
    #t_desc2 tbody,#t_desc2 tr,#t_desc2 td{
        display: block !important;
    }
    #t_desc2 tr{
        height: auto;
		width:100% !important;
	}
    #t_desc2 td{
        width: auto;
        padding: 5px 10px !important;
        text-align: center !important;
        border-bottom: 1px solid #eeeeee !important;
    }
}
.lessons .titrd{font-size:18px; color:#ad1a50; display:inline-block; padding-left:5px; font-family:SamimBold;}
.lessons .timed{font-size:13px; color:#666; display:inline-block;}
.lessons .txtd{padding-bottom:20px; display:inline-block; font-size:14px; color:#5C5C5C;}
@-webkit-keyframes balloon {
  50% {transform: translateY(-13%);}

}
/* Standard syntax */
@keyframes balloon {
  50% {
    transform: translateY(-13%);
	}
}

.bb{animation-delay: 2s;
animation: balloon 2s ease-out infinite;
-webkit-animation: balloon 2s ease-out infinite;}

.downlow{padding:10px; background:#129333; color:#fff; border-radius:3px; display:block; text-shadow: 1px 1px 1px #333; font-size:16px; transition:all linear 0.2s;}
.downlow:hover{ opacity:0.8;}
.downlow i{ display:inline-block; font-size:30px; vertical-align:bottom;}
.downlow span{ font-size:11px;}
.cost_border{ padding:5px 10px 15px; margin:20px 0 0; border: 1px dashed rgb(255, 198, 12); display: block; position:relative;}
.cost_border .course_label{ padding:2px 5px; font-size:12px; font-family:"SamimBold"; color:#fff;}
.cost_border .course_label i{ color:rgb(255, 198, 12); font-size:18px; position:relative; top:2px}
.discount{ position:absolute; top:20px; right:100px; text-align:center; transform:rotate(22deg); z-index:10;}
.discount i{ color:#129333; font-size:107px; vertical-align:middle; position:relative;}
.discount i > span{ color:#fff; position:absolute; left:0; right:0; margin:auto; top:29px; font-size:12px; line-height:21px; font-family:'samim'; text-shadow:1px 1px 0px #4f4f4f;}
@media only screen and  (max-width: 900px){
	.discount{ right:20px;}
}
@media only screen and  (max-width: 800px){
	.discount{ right:0; left:0; top:0; margin:auto;}
	.current_period .mess_box{ left:0;}
}
@media only screen and  (max-width: 380px){
	.current_period .mess_box{ top:-90px; }
}

/*Tags*/
.rlists{float:right; width:69%; margin-left:1%;}
.tags{float:left; width:30%; padding:10px 10px 10px 0; padding-right:.6%;}
.tags div {
    padding: 6px;
    color: #ad1a6e;
    font-size: 16px;
    transition: linear .2s;
    border-right: 5px solid #ad1a6e;
    padding-right: 10px;
	font-family:SamimBold;
}
.tags span{color:#999; font-size:11px;}
.tags a{display:block; padding:6px; border-bottom: 3px solid #DEE7E3; color:#333; font-size:14px; background:#FFF;}
.tags a:hover, .tags a.current{background:#DEE4E9; transition:linear .1s;}
.tags a.current:before{
	font-family: "FontAwesome";
	content: "\f104";
	font-size:15px;
	color:#903;
	padding-left:5px;
}
.listpage{width:100%; display:block; text-align:left; padding-left:32%; padding-top:15px;}
.listpage i,.listpage a{color:#903;}
@media only screen and  (max-width: 700px){
	.rlists{ width:100%; float:none;}
	.tags{ width:100%; max-width:370px; padding:20px 0 40px; float:none; margin:auto;}
	#paging ul{text-align:center;}
	.listpage{ padding-left:0; text-align:center;}
}

/*** doreha ***/
#course ul{ margin:20px 0; padding: 0px 0px 2px 0px; background: #FFFFFF; transition: .3s linear; z-index: 99; width: 100%; font-size: 0; text-align: center; }
#course ul li a{ display:block;}
#course ul li:hover a{ color:#333 !important;}
@media only screen and  (max-width: 1160px){
	#course ul li{ width: 33.2222%;}
}
@media only screen and  (max-width: 600px){
	#course ul li{ width: 50%;}
}
@media only screen and  (max-width: 400px){
	#course ul li{ width: 100%;}
}
/*** online payment ***/
.reg_type{width: calc(100% - 285px);background: white;justify-content: flex-start}
.reg_type .onlinePayHead,.reg_type .onlinePayInput{line-height: 28px;min-height: inherit;margin-bottom: 0;height: 40px;width: 50%;}
.reg_type .onlinePayHead{width: 25%;}
.reg_type .onlinePayInput{display: flex;}
.reg_type .onlinePayInput select{border: 1px solid #ddd;height: 30px;width: 75%;min-width: 200px;}
#main_online{ max-width:950px; margin:auto;}
.mrg10{ margin-top: 10px !important;}
.buytxt{ margin-top: 20px;font-size: 16px;}
#onlinePay ,#onlinePayLegal{ margin: 15px auto 0 auto; display: flex; }
#onlinePayRight{ width: calc(100% - 250px); padding-left: 35px; }
.real, .legal{position: relative;overflow: hidden;margin-top: 30px;}
#onlinePayLeft{ width: 250px;position: absolute;top: 0;left: 0;}
#postBook{display: none;width: 250px; height: max-content; margin-top: 30px;}
#postBook .dis_titr{ font-size: 14px;}
#postBook .dis_titr i{ transform: scaleX(-1)}
#postBook p{ margin: 7px 0 3px;font-size: 13px;}
#postBook label{ font-size: 12px;cursor: pointer;white-space: nowrap;}
.onlinePayFlex{ display: flex; }
.onlinePayFlex>div{ width: 50%; }
.onlinePayHead{ width: 100%; text-align: center; font-size: 14px; background: #4e4f58; border-left: 1px solid rgba(255,255,255,1.00); border-right: 1px solid rgba(255,255,255,1.00); padding: 5px; color: #FFF; text-shadow: 1px 1px 1px #000000;}
.onlinePayInput{ min-height:50px; padding: 5px; margin-bottom: 10px; line-height:50px; text-align: center; font-size: 13px; background: rgba(255,255,255,.85); border: 1px solid #FFFFFF; border-top: none; display: block; }
#onlinePayRight input, .form_box input{ width: 95%; border:1px solid #ddd;height: 30px;}
#onlinePayRight select{ width: 95%; max-width: 200px; border:1px solid #ddd;height: 30px;}
#buycost div{ margin-bottom:3px; background:#fff; border-radius:2px;}
#buycost div div:first-child{ padding:5px; background:#4c667a; color:#fff; text-align:center; border-radius:2px;}
#buycost div div:first-child > i{ color:#ffe1da; font-size:23px; position:relative; top:1px;}
#buycost div div:last-child{ text-align:center; }
#buycost div:last-child div:first-child{ background:#278B2C; text-shadow: 1px 1px 2px #000;}
#onlinePayButton{ width: 200px; margin: 5px auto 50px 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; }
#onlinePayButton i{ margin-right: 10px; position: relative; top: 3px; display: inline-block; }
#onlinePayButton:hover{ background:#3aa554;}
#NatijeTakhfif{ margin: 10px auto 0;width: 95%;}
.announce.carefull{ font-size: 14px;padding: 15px 15px;margin:20px auto 15px;line-height: 24px;}
#checkrule{ padding-top:15px; text-align:center; font-size:15px;}
#checkrule input[type='checkbox']{ -webkit-appearance:none; width:16px; height:16px; background:white; border:1px solid #129333; vertical-align:middle;}
#checkrule input[type='checkbox']:checked { background: #129333;}
#count-takhfif{ background:#ad1a50; color:white; border:none; padding:1px 10px; font-family:'Samim';margin-right: 4px;cursor: pointer;border-radius: 2px;}
.wrong-code{color:red;font-size: 14px;margin-right:10px;margin-top: 5px;}
.correc-code{color:#ff014a;font-size: 14px;margin-right:10px;margin-top: 5px;}
.dis_box{align-items: flex-end;flex-wrap:wrap;background: hsl(0deg 0% 100% / 30%);padding:15px 5px;width: calc(100% - 285px);}
.dis_box > div{width: 95%;margin: auto;}
.dis_titr{font-size: 16px;color: #ad1a50;font-family: samimBold}
.dis_titr i{font-size: 20px;color: #ad1a50}
#numCode{width: 25%;padding: 0 5px; border: 1px solid #ddd;height: 30px;min-width: 160px;}
#giftcode{ display: flex;align-items: center;margin-top: 10px;}
.mini_box{padding:11px 0;}
.onlinePayInput label {padding: 6px 12px;line-height: 14px;margin:0 2px;cursor: pointer;border: 1px dashed #ddd;}
input[type="checkbox"],input[type="radio"]{ height: 12px!important; width: 12px!important; -webkit-appearance: none; -moz-appearance: none;	-ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #A5A6A4!important; background:#FFFFFF; vertical-align:middle; cursor:pointer;}
input[type="radio"] {border-radius: 50%;margin-left: 3px;}
input:checked {background: #2d8666;border: 1px solid #2d8666;}
#checkrule a{ color:#ad1a50;}
#checkrule a:hover{ color:#7F0B36;}
/****** physical post *****/
.madrakPost{display:flex; align-items:center; padding-bottom:10px;}
.madrakPost input{width:auto!important; margin-left:3px;}
.madrakPost label{font-size:13px;}
.fieldMadrak, .fieldMadrakLegal, .fieldAddr {display:none;}
.fieldAddr div{width: 100%}
#selectItem{ margin:30px auto auto; text-align:center; font-size:0;}
#selectItem div{ width:50%; padding:5px 15px; background:#999; color:#fff; font-size:15px; text-shadow:1px 1px 1px #333; display:inline-block; cursor:pointer; position:relative; transition:all linear 0.3s; z-index:90;}
#selectItem div:hover{ opacity:0.7;}
#selectItem div:first-child{ border-left:2px solid #fff;}
#selectItem div.active{ background:#2E9447;}
#selectItem div:after{ content:""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid transparent; position:absolute; left:0; right:0; top:100%; margin:auto; display:block; transition:all linear .2s;}
#selectItem div.active:after{ border-top-color:#2E9447;}
#information_form{ padding-top:50px; position:relative;}
#information_form .legal{ display:none;}

.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: rgba(255,242,242,1.00);border: 1px dashed rgba(249,202,202,1.00);margin-bottom: 30px;color: rgba(140,32,32,1.00);font-family: SamimBold;
}
@media only screen and  (max-width: 740px){
    #onlinePay ,#onlinePayLegal{ display: block; }
    #onlinePayRight{ width: 100%; padding-left: 0;}
    #onlinePayLeft{ width: 100%;position: inherit;}
	#postBook{width: 100%;margin-top: 15px;}
	#selectItem{ display:flex; display:-webkit-flex; display:-ms-flexbox;}
	.dis_box,.reg_type{width: 100%;}
	.dis_box{margin-top: 10px;}

	#count-takhfif, #numCode{ height: 45px; line-height: 45px;}
	#onlinePayRight input, .form_box input, .reg_type .onlinePayInput select, #onlinePayRight select{ height: 45px;}
	#buycost div div:first-child, .onlinePayHead{ padding: 10px 5px; font-size: 17px;}
	#buycost div div:last-child, #buycost div div:last-child{ padding: 10px 5px; font-size: 16px;}
	.onlinePayInput{ font-size: 15px;}
	#selectItem div{ font-size: 17px;}
	#onlinePayButton{ padding: 8px 5px; font-size: 16px;}
	.onlinePayInput label{ padding: 6px 24px; line-height: 28px;}
	.onlinePayInput label input{ position: relative; top: 7px;}
	#count-takhfif{ font-size: 16px;}
}
@media only screen and  (max-width: 700px){
	.reg_type{max-width: 400px;margin: 0 auto;width: 100%;}
	.dis_box{max-width: 400px;margin-right: auto;margin-left: auto;}
}
@media only screen and  (max-width: 560px){
    .onlinePayFlex{ display: block; }
    .onlinePayFlex>div{ width: 100%!important; }
	.mini_box{justify-content: center;}
	#onlinePayRight select{ max-width:100%;}
	.reg_type{flex-direction: column;}
	.reg_type .onlinePayHead, .reg_type .onlinePayInput{width: 100%;}
	.reg_type .onlinePayInput{line-height: 50px;padding: 5px;height: inherit;}
	.reg_type .onlinePayInput select{width: 95%;}
	#numCode{min-width: 150px;}
}
@media only screen and  (max-width: 360px){
	#giftcode{ display: block;}
	#count-takhfif, #numCode{ width: 100%; display: block;}
	#count-takhfif{ margin: 4px 0 0 !important;}
}

/* wAgree */
#wAgreeBox{ width: 90%; max-width: 1250px; margin-top: 10px; padding: 20px; font-size: 15px; font-family: samim; text-align: justify; text-justify: auto; color: #333333; background: #f2f2f2; }
.wAgreeTitr{line-height: 40px; color: #333333; text-align: center; font-size: 19px; }
#wAgreeBtn { width: 200px; margin: 30px auto; padding: 5px; text-align: center; background: #ad1a50; color: WHITE; text-shadow: 1px 1px 1px #333; border-radius: 3px; transition: linear .2s; border: solid 1px #7F0B36; display: block; }
#wAgreeBtn:hover { background: #7F0B36; }

/*** other_course ***/
.main_box{ max-width:900px; margin:auto; padding:0 10px;}
#pre_factor{margin:20px auto; padding: 20px; font-size: 15px; text-align: justify; text-justify: auto; color: #333333; background: #f2f2f2;}
#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 form{ text-align:center;}
#pre_factor form 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-top: 20px; transition: linear .2s; border: solid 1px #2E9447;}
#pre_factor form button[type=submit]:hover, #PrintButton button:hover{ background:#3aa554;}
#pre_factor form i{ position:relative; top:2px;}
#OtherStep{ margin-top:25px; padding:15px 0; border-top:2px dotted #ad1a50; text-align:center;}
#OtherStep form{ width: 100%; max-width: 180px; display: inline-block; }
#OtherStep button{ width: 100%; }
#OtherStep .bolder{ color:#ad1a50; font-size:19px;}
#OtherStep div{ line-height:35px; font-size:15px;}
#alert{ width:100%; padding: 15px; margin: 20px 0; background: #fff4f8; border: 1px dashed #ad1a50;}
#alert i{ color: #ad1a50; font-size: 20px;}
#alert b{ display: block; }
#Pact_course{ background:#f2f2f2; padding: 5px;}
#PactPay{ background:url(image/symbols/bg2.png); background-size:cover !important; padding: 5px;}
#PactPay #course_step{ list-style:none; font-size:0; text-align:center; margin:auto; display:flex; display:-webkit-flex; display:-ms-flexbox;}
#PactPay #course_step li{ margin:5px 0px 5px; padding:10px; position:relative; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items:center;}
#PactPay #course_step li:nth-child(1){ background:#fff6f6;}
#PactPay #course_step li:nth-child(1):after{ border-right: 12px solid #fff6f6;}
#PactPay #course_step li:nth-child(2){ background:#ffe6ec;}
#PactPay #course_step li:nth-child(2):after{ border-right: 12px solid #ffe6ec;}
#PactPay #course_step li:nth-child(3){ background:#fbcfda;}
#PactPay #course_step li:after{ content:""; width: 0; height: 0; position:absolute; right:100%; top:0; z-index:10; border-top: 38px solid transparent; border-bottom: 38px solid transparent;}
#PactPay #course_step li:last-child:after{ display:none;}
#PactPay #course_step li .numerical{ width:50px; font-size:50px; color: #BC1F85; font-family:SamimBold; display:block; vertical-align:top; position:relative; top:5px;}
#PactPay #course_step li .SelectCourse{ width:Calc(100% - 50px); font-size:14px; text-align:right; display:block;}

.other_info{ width:100%; margin:10px 0 20px;}
.other_info td{ padding:5px; text-align:center; border:1px dotted #ccc;}
.other_info tr:first-child{ background:#faf9f2;}
.other_info tr:first-child td{ padding:2px 5px;}
.other_info td input{ width:100%; height:33px; padding:5px; border:1px solid #ccc;}
.other_info .en_font{ font-family:tahoma;}
.specs{ background:rgba(253,209,210,1.00); padding:5px;}
@media only screen and  (max-width: 800px){
	#PactPay #course_step{ max-width:400px; display:block;	}
	#PactPay #course_step li{ width:100%; padding:15px 10px; margin:0px auto !important; display:inline-block;}
	#PactPay #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;}
	#PactPay #course_step li:nth-child(1):after{ border-top: 20px solid #fff6f6;}
	#PactPay #course_step li:nth-child(2):after{ border-top: 20px solid #ffe6ec;}
	#PactPay #course_step li span{ display:inline-block !important;}
	#information_form{ padding-top:130px;}
}
@media only screen and  (max-width: 700px){
	.other_info td, .other_info tr, .other_info tbody{ display:block;}
	.other_info tr{ margin-bottom:10px; background:#faf9f2;}
	.other_info tr:first-child{ display:none;}
	.other_info td:nth-child(1):before{ content:"نام";}
	.other_info td:nth-child(2):before{ content:"نام خانوادگی";}
	.other_info td:nth-child(3):before{ content:"کد ملی";}
	.other_info td:nth-child(4):before{ content:"تلفن همراه";}
	.other_info td:nth-child(5):before{ content:"ایمیل";}
}
@media only screen and  (max-width: 600px){
	#pre_factor .factor_table tr td{ width:100% !important; display:block;}
}
@media only screen and  (max-width: 450px){
	#PactPay #course_step li{ width:100%;}
}
/** order28 **/
#success{ padding:10px 0; line-height:20px; font-size:16px; color:rgba(14,142,0,1.00);}
#costumer{ line-height:30px; font-size:19px;}
#FinalFactor{ width:100%;}
#FinalFactor td{ padding:2px;}
#FinalFactor td:first-child{ width:120px;}
#FinalFactor td:first-child div{ padding:5px; background:#292e44; color:#fff; border-radius:4px;}
#FinalFactor td:last-child{ width:Calc(100% - 120px);}
#FinalFactor td:last-child div{ padding:5px; background:#fff; color:#333333; border-radius:4px;}
#final_form{ max-width:600px; margin:auto;}
#PrintButton{ text-align:center;}
#PrintButton i{ padding: 0 3px; position:relative; top:2px;}
@media only screen and  (max-width: 500px){
	#FinalFactor td{ width:100% !important; text-align:center; display:block;}
}
@page { size: auto;  margin: 0mm; }
.print{display:none;}

@media print {
    .noprint,#back_top{display:none !important;}
	.banner_text{
		top: 0;
		text-align: center;
		color: #FFFFFF;
		font-size: 37px;
		text-shadow: none;
		position: static;
		}
	#banner_info{
		width: 100%;
		padding-bottom: 20px;
		height: auto;
		background: none;
		position: static;
	}
	#pre_factor{margin: 0;background: transparent;}
	#dore_bt{padding:0;}
	#bannerc{min-height: auto; padding-bottom:30px;}
	#design{padding:0;}
	.impodesc #t_desc2 tr td:first-child{display:inline-block;}
	.impodesc #t_desc2 tr td:first-child::after{content:":";}
	.impodesc #t_desc2 tr:first-child, .impodesc #t_desc2 tr:first-child:hover{ background:transparent !important;}
	#t_desc2 td{ width:100%;}
}
.tahoma tr td, .tahoma a, .tahoma span{font-family:samim !important; font-size:14px;}

/*event icon*/
#link2{display:none;}
.circle .fa-heart{opacity: .5; animation: 2.5s ease 0s normal none infinite running chevloop3; color:#F95D60;}
.circle{background:#ad1a50; height:70px; width:70px; border-radius:100%; bottom:5px; z-index:1001; right:10px; position:fixed; transition: all linear 0.2s; cursor:pointer;}
.circle i.exit{ padding: 1px 4.1px 2.1px 4.4px; line-height:16px; position:absolute; top:-15px; right:0; background:#9B9B9B; color:#fff; font-size:13px; text-align:center; border-radius:100%; cursor:pointer; transition:all linear 0.2s;}
.circle i.exit:hover{ background:#747474;}
.circle span{ width:60px; line-height:25px; position:absolute; top:-26px; right:45px; background:#E1E1E1; font-size:12px; text-align:center; border-radius:2px; opacity:0; visibility:hidden; transition: all linear 0.2s;}
.circle:hover span{ opacity:1; visibility:visible;}
#head_cup{ font-family:'SamimBold'; font-size:13px; position: absolute; display: flex; animation: calc(50% - 19px); line-height: 20px; text-align: center; right: 0; left: 0; top: 0; bottom: 0; margin: auto; align-items: center; justify-content: center; color:white; z-index:15;}
#head_cup i{ position:absolute;}
#head_cup i:nth-child(1){ font-size:33px; z-index:2; position:relative; color:#FFFFFF;}
#head_cup i:nth-child(2){ top:-10px; right:3px; font-size:9px}
#head_cup i:nth-child(3){ top:-8px; left:4px; font-size:8px}
#head_cup i:nth-child(4){ top:-16px; right:12px; font-size:13px;}
.mondayinfo{ padding:30px 80px 30px 30px; position:fixed; width:100%; background:url(/events/images/background/banner2.jpg); text-align:center; bottom:0; display:none; z-index:1000;}
.mondayinfo > div{ line-height:38px; color:#FFF; font-size:23px; display:inline-block;}
.mondayinfo > div span{font-family:tahoma;}
.mondayinfo > a{ padding:5px; margin-right:20px; background: #A5E8E9; color: #0b4664; font-family:'SamimBold'; font-size:16px; border-radius: 5px; transition: all linear 0.2s; display:inline-block; vertical-align:top;}
.mondayinfo > a:hover{ opacity:0.7;}
@media only screen and (max-width: 1024px) {
	.mondayinfo > div{ font-size:20px;}
	.circle span{ display:none;}
}
@media only screen and (max-width: 750px) {
	.mondayinfo > div{ line-height:35px; font-size:16px;}
	.mondayinfo > a{ font-size:15px;}
}
@media only screen and (max-width: 600px) {
	.mondayinfo{ padding:15px 90px 15px 20px;}
	.mondayinfo > div{ line-height:30px; display:block;}
	.mondayinfo > a{ max-width:180px; margin:10px auto auto; display:block;}
}
/*_________________ add by mohammad __________________*/

#nl_box{width:100%;height:100vh;line-height:30px;background:rgba(0,0,0,.6);transition:visibility linear 0.4s;position:absolute;top:0;bottom:0;left:0;right:0;visibility:hidden;z-index:-10;overflow:auto}
#nl_box form{padding:10px 0;color:#555;background:#FFF;font-size:17px;display:block;transform-origin:50% 0;transform:scaleY(0);opacity:0;transition:all .5s linear;}
#nl_box form>div{padding:0 30px}
#nl_box form>div:first-child{margin-bottom:20px}
.nl_input{line-height:40px;font-size:0}
.nl_input span{width:calc(100% - 145px);height:40px;display:inline-block;position:relative}
.nl_input i{width:40px;height:40px;line-height:40px;color:#D0D0D0;border-left:1px solid #e2e2e2;text-align:center;font-size:21px;position:absolute;right:0;top:0;z-index:2}
.nl_input input[type="email"],.nl_input input[type="tel"]{direction:ltr;}
#nl_sub{margin-top:5px;text-align:center}
#nl_sub input{width:150px;height:40px;font-size:17px;cursor:pointer}
#nl_sub input[type="submit"]{background:#358405;color:#FFF;text-shadow:0 1px 2px #000;border:1px solid #276602}
#nl_box{width:100%;height:100vh;padding:0 20px;line-height:27px;background:rgba(0,0,0,.6);position:fixed;top:0;bottom:0;left:0;right:0;visibility:hidden;z-index:-10;overflow:auto}
#nl_box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}
#nl_box input::-moz-placeholder { /* Firefox 19+ */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}
#nl_box input:-ms-input-placeholder { /* IE 10+ */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}
#nl_box input:-moz-placeholder { /* Firefox 18- */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}

#nl_box form{max-width:500px;padding:10px 0 1px;color:#555;background:#FFF;font-size:17px;display:block;transform-origin:50% 0;transform:scaleY(0);opacity:0;transition:all .5s linear}
#nl_box form>div{padding:0 30px}
#nl_box form>div:first-child{margin-bottom:20px}
.nl_input{line-height:37px;font-size:0}
.nl_input span{width:100%;height:40px;display:inline-block;position:relative}
.nl_input i{width:40px;height:40px;line-height:40px;border-left:1px solid #bebebe;text-align:center;font-size:21px;position:absolute;right:0;top:0;z-index:2}
.nl_input input[type="email"], .nl_input input[type="text"], .nl_input input[type="number"], .nl_input select{width:100%;height:37px;line-height:37px;font-size:17px;color:#000;padding:0 5px 0 5px;border:1px solid #bebebe}
.nl_input select{ background: #fff;}
.nl_input textarea{width:100%;line-height:40px;font-size:17px;color:#777;padding:0 4px 0 4px;border:1px solid #bebebe;resize:vertical}
.nl_input input[type="email"],.nl_input input[type="tel"]{direction:ltr;font-family:tahoma}
#nl_sub{text-align:center}
#nl_sub input,#nl_close{width:49%;height:37px;font-size:14px;cursor:pointer; padding:0 10px 0 !important;}
#nl_sub input[type="submit"],#nl_close{background:#358405;color:#FFF;text-shadow:0 1px 2px #000;border:1px solid #2B6C03; font-family:SamimBold;}
#nl_sub input[type="reset"]{ margin-left: 2%; background:#e2e2e2;color:#444;border:1px solid #b4b4b4; font-family:SamimBold;}
.nl_ans{text-align:center; font-size:15px;}.clear{clear:both}

#mem_box .mem_items{ width: Calc(50% - 2px); margin: 0 0 20px 4px; position: relative;}
#mem_box .mem_items:nth-child(2n){ margin-left: 0;}
#mem_box .mem_items span{ width: auto; height: inherit; padding: 0 10px; font-size: 13px; line-height: 23px; color: #333; position: absolute; top: -14px; right: 10px; background: #fff;}
#mem_box .mem_items label{ width: Calc(50% - 2px); padding: 0 10px; font-size: 15px; border: 1px solid #bebebe; text-align: center; display: inline-block; cursor: pointer;}
#mem_box .mem_items label:first-child{ margin-left: 4px;}
#mem_box .mem_items label.active{ border-color: #2d8666;}
#mem_box .one_row select{ width: Calc(33.33% - 3px);}
#mem_box .one_row select:nth-of-type(2){ margin: 0 4px;}
#mem_box .one_row select option{ font-family: tahoma;}
#mem_box .one_row{ width: 100% !important;}

@media only screen and (max-width:450px){
	#mem_box .mem_items{ width: 100%; margin: 0 0 15px;}
	.nl_input label{width:100%;float:none}
	.nl_input span{width:100%}
	#nl_sub input,#nl_close{margin-bottom:5px}
}
/** add majid **/
.modaldiv{ max-width:500px; width: calc(100% - 10px); margin: auto; background: #FFFFFF; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
#top_line{ padding:10px; background:#ad1a50; color:#fff; font-size:18px; font-family:samimBold; text-align:center; line-height:30px;}
#items{ padding:10px 30px;}
#items .each{ width:100%; display:table;}
#items .each > div{ display:table-cell; vertical-align:middle;}
#items .each > div:first-child{ width:90px;}
#items .each > div:first-child i{ width:40px; height:40px; line-height:40px; margin-left:20px; color:#FFFFFF; background:#292e44; font-size:16px; text-align:center; border:1px solid #292e44; border-radius:100%;}
#items .each > div:last-child{ width:Calc(100% - 90px);}
#items > div{ padding:5px 0;}
#items > div:last-child{ border:none;}
#items i{ color:rgba(62,163,0,1.00); font-size:18px;}
#sending{ padding:0px 30px; text-align:right;}
@media only screen and (max-width:550px){
	#items{ padding:10px 15px;}
	#sending{ padding:0px 15px;}
	#items .each > div:first-child{ display: none;}
	#items .each > div:last-child{ width:100%;}
	.modaldiv{ position: static; margin: 50px auto; transform: none;}
}

/**** show more content ******/
.lessons{ overflow:hidden; position:relative; transition:all linear .9s;}
#add_bt{ background:#f2f2f2; color:#FFF; text-align:center; font-size:14px; cursor:pointer; position: relative; z-index: 3; transition: all .5s linear; }
#add_bt i{ color:#ad1a50; 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(242,242,242,0.7) 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(242,242,242,0.7) 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(242,242,242,0.7) 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(242,242,242,0.7) 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:#ad1a50; 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;}
#add_bt .addButton:hover{ opacity:0.6;}
#add_bt.open:before{ display:none;}

/* fix nav course */
#FixNav .main{ max-width:1150px;}
.courseNav ul{ font-size:0; margin-top:20px; padding:0; text-align:center;}
.courseNav ul li{width:14.22%; display:inline-block; position:relative; vertical-align:bottom; z-index:2 !important;}
.courseNav ul li a{font-size:14px; padding:6px 0; font-family:'SamimBold'; color:#0F0F0F; border-bottom:3px solid #ddd; position:relative; display:inline-block; width:100%;  text-align:center;}
.courseNav ul li a.active{border-bottom:3px solid #ad1a50;}
.courseNav ul li a.active::after{content:""; right: calc(50% - 5px); position:absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ad1a50; bottom:-7px; }
.courseNav ul li a:hover{border-bottom:3px solid #ad1a50; cursor:pointer; transition:linear .2s;}
.courseNav ul.addnav{ background:#fff; margin-top:0; position:fixed; top:0; right:0; left:0; font-size:0; text-align:center; z-index:99; transition:all 0.3s linear;}
#spacing{ height:70px;}
.anchor_pd1{ padding-top:20px;}
.anchor_pd2{ padding-top:55px;}
.anchor_pd3{ position:relative; top:10px;}
.anchor_pd4{ padding-top:25px;}
.anchor_pd5{ padding-top:45px;}
.register a{ padding:3px; color:#fff !important; text-shadow: 1px 1px 1px #333; border-color:#2E9447; }
.register a span{ width:125px; padding:3px; background:#129333; font-family:'SamimBold'; border-radius: 3px; display:inline-block; transition: linear .2s;}
.register a span:hover{ opacity:0.8;}

@media only screen and (max-width:1170px){
	#FixNav .addnav{ width:90%;}
	.courseNav ul{ height:47px; display:flex; display:-webkit-flex; flex-wrap:no-wrap; justify-content:center; overflow-x:scroll;}
	.courseNav ul li{ width:auto; white-space:nowrap;}
	.courseNav ul li a{ padding:6px 20px;}
	.register a span{ padding:0 3px;}
}
@media only screen and (max-width:768px){
	.courseNav ul{ justify-content:flex-start;}
}

/** info **/
#info_page{ padding:50px 0 10px;}
#form_info .form_box{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; justify-content:center;}
#form_info .form_box > div{ width:Calc(20% - 4px); margin-left:5px;}
#form_info .form_box > div:last-child{ margin-left:0;}
.form_box .onlinePayInput{ background:#eee; border:1px solid #eee;}

@media only screen and (max-width:1024px){
	#form_info .form_box > div{ width:Calc(50% - 2.5px);}
	#form_info .form_box > div:nth-child(2n){ margin-left:0;}
}
@media only screen and (max-width:500px){
	#form_info .form_box > div{ width:100%; margin-left:0 !important;}
}

/*** stat page ***/
@media only screen and (max-width:1024px){
    #chartdiv{ position:relative; z-index:-1;}
}

/**events**/
.inflex{ width: 100%;}
.up_box{ max-width: 1400px; margin: 0 auto 15px; padding:15px 20px; color:white; background:#00000042; font-size:15px; text-align: right; border-radius:5px;}
.up_box h2,.up_box h3{ margin-bottom:10px; padding:2px 5px; font-size:16px; line-height:30px; border-bottom:3px solid #ad1a50; display:inline-block; font-family:SamimBold;}

#bannerEvent{ min-height: 100vh; padding:0 15px; background:url(events/images/background/banner2.jpg); background-attachment:fixed; background-size:cover !important; background-position:center !important; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
#bannerEvent h1{ margin:100px 0 20px; color:#8BF8F2; font-family:'samimBold'; font-size:33px; line-height:55px; display:block;}
#bannerEvent .eventBox{ max-width:1400px; margin:auto auto 25px; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; justify-content:center;}
#bannerEvent .eventBox > div{ width:Calc(25% - 15px); padding:10px; margin:0 0 20px 20px; background:rgba(0,0,0,.3);}
#bannerEvent .eventBox > div:last-child,#bannerEvent .eventBox > div:nth-child(4n){ margin-left: 0;}
#bannerEvent .eventBox > div > a{ width:100%; height:305px; background-size:cover !important; background-position:top !important; display:block; transition: all linear 0.2s;}
#bannerEvent .eventBox > div > a:hover{ opacity:.6;}
#bannerEvent .eventBox > div h2 a{ margin-top:10px; color:#fff; font-family:'samimBold'; font-size:15px; line-height:28px; display:block; transition:all linear 0.2s;}
#bannerEvent .eventBox > div h2 a:before{ content: "\f053"; padding-left:5px; color:#DA1968; font-family: "FontAwesome"; font-size:15px; vertical-align:middle;}
#bannerEvent .eventBox > div h2 a:hover{ color:#8BF8F2;}
#bannerEvent .no_event{ color:#fff; font-family:"samimBold"; font-size:25px; line-height:35px;}
#bannerEvent .no_event i{ margin-left:5px; color:rgba(240,175,33,1.00); font-size:35px; vertical-align:middle;}
#bannerEvent #design{ width:100%; padding:10px; color:#fff;}
#bannerEvent #design .main{ border-top:1px solid #fff;}
#bannerEvent #design #copy{ color:#fff;}
#bannerEvent #design #tarahi{ text-align:right;}
#bannerEvent #design #tarahi a{ color:#fff;}
#bannerEvent #design #tarahi a:hover, #bannerEvent .back_site:hover{ color: #dd0067;}
#bannerEvent .back_site{ color:#fff; position:absolute; top:20px; right:10px; font-size:13px; border-bottom:1px solid #fff; transition:all linear 0.2s;}
@media only screen and (max-width:1024px){
	#bannerEvent .eventBox > div{ width:Calc(50% - 10px);}
	#bannerEvent .eventBox > div:nth-child(2n){ margin-left: 0;}

}
@media only screen and (max-width:800px){
	#bannerEvent #design #tarahi{ text-align:center;}
	#bannerEvent #design #copy{ margin:5px 0 0;}
}
@media only screen and (max-width:768px){
	#bannerEvent{ height:auto;}
	#bannerEvent .eventBox > div{ width:100%; min-width:inherit; margin:0 0 30px !important;}
	#bannerEvent .eventBox{ max-width:400px;}
	#bannerEvent #design{ padding:10px 0;}
	#bannerEvent .back_site{ right:15px;}
}

/***************************************** magazine ****************************************/
#magazine{ padding:0 0 70px;}
#magazine #navigation{ background:none;}
#magazine #navigation a{ color:#000;}
#magazine #navigation a:hover{ opacity:0.7;}
#magaz_banner{ padding:70px 20px; background:url(image/magazine/book.jpg) fixed; background-repeat:repeat !important;}
#magaz_info{ padding:80px; background:#292e44; color:#fff; align-items: stretch;}
#magaz_info > div:first-child{ width:45%; margin-left:auto;}
#magaz_info > div:last-child{ width:55%; padding-right:80px;}
#magaz_banner img{ width:100%; margin:auto; display:block;}
#magaz_banner h1{ padding: 0 0 20px; font-family:'SamimBold'; font-size:25px; line-height:35px; text-align:right;}
#magaz_banner h1 span{ font-size: 14px; margin-right: 3px; display: inline-block;}
.para_txt{ font-size:15px; line-height:27px;}
.each_para{ padding: 0 30px 35px; position: relative; right: 15px; border-right: 1px dashed #fff;}
.each_para h3{ font-family:'SamimBold'; font-size: 17px; line-height: 30px;}
.each_para span{ height: 30px; width: 30px; line-height: 30px; background: #fff; color: #292e44; position: absolute; right: -15px; top: 0; font-family:"SamimBold"; font-size: 17px; text-align: center; border-radius: 100%; display: inline-block;}
.each_para:last-child{ padding-bottom: 0;}
.more_bt{ max-width: 250px; width: 100%; margin: 35px 0 0; padding: 10px 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;}
.more_bt:hover{ background: #3aa554;}
.topbox{ padding:20px; margin-bottom:15px; background:#fff; color:#333; font-size:15px; line-height:27px; border-right: 4px solid #ae2255;}
.topbox b{ margin-bottom:10px; font-family:"SamimBold";font-size:25px; line-height:35px; text-align:right; display:block;}
.topbox > div, #bott_box > div{ margin-bottom: 7px; padding-right:15px; position:relative;}
.topbox > div:last-child, #bott_box > div:last-child{ margin-bottom:0;}
.topbox > div:before, #bott_box > div:before{ content:"\f104"; font-family: "FontAwesome"; color:#ae2255; position:absolute; right:0; top:0; font-size:20px; display:block;}
@media only screen and  (max-width: 900px){
	#magaz_info > div:first-child{ width:100%; margin-bottom:30px;}
	#magaz_info > div:last-child{ width:100%; padding-right:0;}
}
@media only screen and  (max-width: 500px){
	#magaz_info{ padding:20px;}
}

/* carousel */
#inmatlab_khandani{ min-height:inherit !important; padding: 80px 0; text-align:center;}
#inmatlab_khico{ max-width: 1100px; padding: 0 40px; margin:40px auto auto; position: relative; }
#inmatlab_khbox{ margin: auto; overflow: hidden; }
#inmatlab_khandani ul{ font-size: 0; padding:0; text-align: center; transition: all .5s linear; margin:auto; }
#inmatlab_khandani li{ width: 235px; /**max-height:245px;**/ padding:0 0 5px; margin:0 10px; line-height: 30px; background:#292e44; color: #FFF; border-radius:5px; overflow: hidden; display: inline-block; vertical-align:middle; cursor:pointer;}
#inmatlab_khandani li div:first-child{ width:100%; height:250px; padding:0; margin:auto auto 10px auto; position:relative; background-size:cover !important; background-position:top !important;}
#inmatlab_khandani li div:first-child:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; transition:all linear 0.2s;}
#inmatlab_khandani li:hover div:before{ background:rgba(0,0,0,.3)}
#inmatlab_khandani li h3{ min-height:65px; padding:0 10px 5px; line-height:25px; color:#fff; font-family:'SamimBold'; font-size:14px; display:flex; justify-content:center; align-items:center; transition:all linear 0.2s;}
#inmatlab_khandani li:hover h3{ color:#E86695;}
#inmatlab_khandani li div{ padding:0 10px; line-height:23px; font-size:13px;}
#inmatlab_khandani li div:last-child{ height:100px; overflow:hidden;}

#nex_mtlbkh,#pre_mtlbkh{ height: 35px; font-size: 35px; margin: auto; position: absolute; top: 0; bottom: 0; color: #ad1a50; cursor: pointer; transition: all .3s linear; }
#nex_mtlbkh{ right: 0; }
#pre_mtlbkh{ left: 0; }
#nex_mtlbkh:hover,#pre_mtlbkh:hover{ opacity:0.6; }
@media only screen and  (max-width: 1200px){		/*		responsive weblog		*/
	#inmatlab_khico{ max-width: 845px; padding: 0 40px; }
}
@media only screen and  (max-width: 900px){		/*		responsive weblog		*/
	#inmatlab_khico{ max-width: 588px; padding: 0 40px; }
}
@media only screen and  (max-width: 650px){		/*		responsive weblog		*/
	#nex_mtlbkh{ right: 5px; }
	#pre_mtlbkh{ left: 5px; }

	#inmatlab_khico{ max-width: 315px; padding: 0 30px; }
	#nex_mtlbkh,#pre_mtlbkh{ height: 35px; font-size: 30px; }
}

/*gallery album*/
#galleryShow{ max-width: 100%; max-height: 100%; padding:0 10px 10px 10px; background: rgba(0,0,0,.88); position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; transform-origin: 50% 0; opacity: 0; visibility: hidden; transition: all .5s linear; z-index: 9999; }
#galleryShowClose{ padding:10px 50px; color: #FFF; font-size: 30px; line-height: 30px; cursor: pointer; transition: all .3s linear; position:relative; z-index:13;}
#galleryShowClose:hover{ opacity:0.5;}
#galleryShowImg{ overflow: hidden; margin-top: 5px; opacity: 1; transition: all .8s linear; text-align:center;}
#galleryShowImg > span{ position:relative; display:inline-block;}
#galleryShowImg > span > div{ position:absolute; bottom:5px; left:5px; margin:auto; padding:3px 15px; text-shadow:1px 1px 1px #000; background:rgba(0,0,0,0.5); color:#fff; font-size:13px; display:inline-block;}
#galleryShowImg > span > div:empty{ display:none;}
#galleryShowImg img{ max-width: 100%; max-height:530px; margin:auto; display: block;}
#galleryShowImg i{ width: 50%; height:100%; padding-top:22%; margin: auto; font-size: 36px; color: #FFF; text-shadow: 0px 1px 2px #000; position: absolute; top: 0; bottom: 0; z-index: 12; cursor: pointer; transition: all .3s linear; opacity: 0;}
#galleryShowImg i:hover{ opacity:0.5;}
#leftGallerySlide{ padding-left:20px; left: 0; text-align:left;}
#rightGallerySlide{ padding-right:20px; right: 0; text-align:right;}
#galleryShowInfo{ color: #c2c2c2; text-align: center; }
#galleryShowTxt{ margin-bottom:10px; line-height: 30px; font-size: 16px; font-family:'samimBold'}
#galleryShowdetail{ line-height: 18px; font-size: 12px; }
#galleryShow.active{ opacity: 1; visibility: visible; }
#galleryShowShort{ width: 80%;margin: auto;}
@media only screen and  (max-width: 768px){
	#leftGallerySlide, #rightGallerySlide{ opacity:0.5 !important;}
	#galleryShowImg i{ padding-top:50%;}
}
@media only screen and  (max-width: 400px){
	#galleryShowImg i{ padding-top:70%;}
}

/*onlinepay*/
#magazine_pay{ padding:10px; background:#edeef9;}
#magazine_pay .dih_box{ max-width:300px; width:100%;}
#magazine_pay #information_form{ padding-top:80px;}

#receipt{ max-width:800px; margin:50px auto 80px; padding:35px 25px; background:#F4F4F4; border: 1px dashed rgba(189,189,189,1.00); border-right: 4px solid rgba(177,15,86,1.00);}
#receipt .success{ font-family:samimBold;}
#receipt .success h1{ margin-bottom:15px; font-size:21px; line-height:35px; font-family:'SamimBold';}
#receipt .success i{ color:#35AD68; font-size:28px;}

/******** pact factor styles ********/
.table_cost{ margin-top:0 !important;}
.table_cost tr:first-child{background: #292e44 !important; color: #ffffff!important;}
.table_cost tr:nth-child(2n+1){background: #f4f4f5;}
.table_cost tr:last-child td{ border-bottom:none !important;}
.table_03{border-collapse: collapse;font-size: 13px;transition: all linear 0.2s}
.table_03 tr:hover{background: #d0d2d9;}
.table_03 td{padding: 2px; border: 1px solid #ffffff;line-height: 23px;}
.Tright{text-align: right!important;}
.Tleft{text-align: left!important;}
#p_factor{ width:100%; margin:auto; font-family:'Samim';}
.flexbox{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; justify-content:center; align-items:center;}
.p_head{ padding:20px 0 10px; border-bottom:3px solid #d91966; }
.p_head > div{ width:33.333%;  box-sizing:border-box;}
.p_head > div img{ width:120px; display:block;}
.p_head .p_title{ font-size:22px; line-height:32px; text-align:center; font-family:SamimBold;}
.p_head .p_info{ width:180px; margin-right:auto; font-size:14px; line-height:27px;}
#p_factor .top_title{ font-size:17px; text-align:center; margin-top:35px; font-family:SamimBold;}
#p_factor table{ margin-top:15px; background:#f5f5f5; border-collapse:collapse;}
#p_factor table td{ padding:5px; border:1px solid #ddd; font-family:'Samim';}
.l_direct{ display:inline-block; direction:ltr;}
#p_factor .table_03{ text-align:center;}
table.trBreak { page-break-inside:auto!important }
.trBreak tr{ page-break-inside:avoid!important; page-break-after:auto!important }
.no_bg td{ background:#fff; border:none;}
.no_padd{ padding:0 !important;}
.no_border{ border:none !important;}
.all_tb table{ margin-top:0 !important;}
.min_hgt{ height:44px;}
.no_lbdr{ border-left:none !important;}
.no_tbdr{ border-top:none !important;}
.no_rbdr{ border-right:none !important;}
.no_bbdr{ border-bottom:none !important;}
.brdr_tn{border-bottom:none !important;}
@media only screen and (max-width: 1024px){
	#p_factor table td, #p_factor table tr{ width:100% !important; display:block; border-bottom:none;}
	#p_factor table tr:last-child td:last-child{ border-bottom:1px solid #ddd;}
	.table_cost tr td{ text-align:right;}
	.table_cost tr:first-child{ display:none !important;}
	.table_cost tr td:before{ color:#ad1a50; padding-left:4px;font-family: samimBold;}
	.table_cost tr td:nth-child(1){ background:#292e44; color:#fff; text-align:center;}
	.table_cost tr td:nth-child(1):before{ content:"ردیف"; color:#fff;}
	.table_cost tr td:nth-child(2):before{ content:"کد دوره:";}
	.table_cost tr td:nth-child(3):before{ content:"شرح درس:";}
	.table_cost tr td:nth-child(4):before{ content:"تعداد نفرات:";}
	.table_cost tr td:nth-child(5):before{ content:"مدت (ساعت):";}
	.table_cost tr td:nth-child(6):before{ content:"مبلغ واحد (ريال):";}
	.table_cost tr td:nth-child(7):before{ content:"مبلغ كل (ريال):";}
	.table_cost tr td:nth-child(8):before{ content:"مبلغ تخفيف (ریال):";}
	.table_cost tr td:nth-child(9):before{ content:"مبلغ كل پس از تخفيف (ريال):";}
	.table_cost tr td:nth-child(10):before{ content:"جمع ماليات وعوارض (ريال):";}
	.table_cost tr td:nth-child(11):before{ content:"جمع مبلغ كل بعلاوه جمع ماليات و عوارض (ريال):";}
	.table_cost tr:last-child td:nth-child(1):before{ content:"";}
	.table_cost tr:last-child td:nth-child(1):after{ content:" مبالغ";}
	.table_cost tr:last-child td:nth-child(2):before{ content:"جمع مبلغ كل (ريال):";}
	.table_cost tr:last-child td:nth-child(3):before{ content:"جمع مبلغ کل تخفيف (ریال):";}
	.table_cost tr:last-child td:nth-child(4):before{ content:"جمع مبلغ كل پس از تخفيف (ريال):";}
	.table_cost tr:last-child td:nth-child(5):before{ content:"جمع کل ماليات وعوارض (ريال):";}
	.table_cost tr:last-child td:nth-child(6):before{ content:"جمع مبلغ كل بعلاوه جمع ماليات و عوارض (ريال):";}
	.pay_tb tr:first-child td:first-child{ background:#292e44; color:#fff;}
	.pay_tb td{ border:none !important; border-bottom:1px solid #ddd !important;}
	.pay_tb tr:last-child td:last-child{ border-bottom:none !important;}
	.bg_so{background:#292e44!important; color:#fff; }
	.no_RSbdr td{border-left: none!important;border-right: none!important;}
	.min_hgt{ height:34px;}
}
@media only screen and (max-width: 800px){
	.p_head{ padding-top:0;}
	.p_head > div{ width:100%; margin:10px 0 !important; text-align:center; display:block;}
	.p_head > div img{ margin:auto;}
}

/**** birthday ****/
#all_bg{ background: #272b3b;}
#top_sec{ height: 100vh; padding: 30px 50px 30px; color: #fff; text-align: center; position: relative;}
#top_sec .flower{ width: 600px; position: absolute; bottom: -80px; left: 0;}
#b_head{ margin-bottom: 20px; text-align: right;}
#b_head a{ margin: 0 0 0 25px; color: #fff; font-size: 14px; line-height: 25px; font-family: samimBold; text-shadow: 1px 1px 1px black; display: inline-block; transition: all linear 0.2s;}
#b_head a:hover, #b_head a.active{ color: #ba9f62;}
#top_sec h1{ padding: 0 0 60px; color: #ba9f62; font-family: samimBold; font-size: 80px; line-height: 95px; text-shadow: 1px 1px 1px black;}
#top_sec .b_txt{ max-width:850px; margin: auto; color: #fff; font-size: 16px; line-height: 28px; text-align: right; text-shadow: 1px 1px 1px black; position: relative; z-index: 10;}
#top_sec .b_txt b, .b_lvl div b{ color: #ba9f62; font-size: 17px;}
#top_sec .b_txt .mem_name{ font-size: 21px; line-height: 35px;}
#top_sec .b_txt .fa-plus{ padding: 0 5px; font-size: 20px; vertical-align: middle;}
.b_txt{ color: #fff; font-size: 16px; line-height: 28px; text-shadow: 1px 1px 1px black;}
.b_txt .flexbox{ justify-content: flex-start; align-items: stretch;}
#border_box{ height: Calc(100% - 40px); padding: 20px; border: 5px solid #ba9f62; display: flex; align-items: center; justify-content: center;}
.mrgbt{ margin-bottom: 10px;}
.chevron i{ width:15px; font-size: 40px; display: block; position: absolute; left: 0; right: 80px; bottom:50px; opacity: .2; animation: 2.5s ease 0s normal none infinite running chevloop2; z-index: 100;}
@-webkit-keyframes chevloop2{
	0%   { opacity: 0; bottom: 50px; }
	55% { opacity: 1; }
	100% { opacity: 0; bottom: 37px; }
}
@-moz-keyframes chevloop2 {
	0%   { opacity: 0; bottom: 50px; }
	55% { opacity: 1; }
	100% { opacity: 0; bottom: 37px;}
}
@-o-keyframes chevloop2 {
	0%   { opacity: 0; bottom: 50px; }
	55% { opacity: 1; }
	100% { opacity: 0; bottom: 37px;}
}
@keyframes chevloop2 {
	0%   { opacity: 0; bottom: 50px; }
	55% { opacity: 1; }
	100% { opacity: 0; bottom: 37px;}
}
@media only screen and (max-width: 1400px){
	#top_sec .flower{ bottom: -110px;}
}
@media only screen and (max-width: 850px){
	#top_sec .flower{ width: 300px; margin: auto; left: 0; right: 0; bottom: -35px;}
	#top_sec{ height: auto; padding: 15px;}
	#top_sec h1{ font-size: 55px; line-height: 75px;}
	#border_box{ padding: 60px 40px 100px;}
	.chevron i{ right: 40px;}
}
@media only screen and (max-width: 768px){
	#b_head a{ padding: 5px 0 3px; margin:0 0 10px !important; border-bottom: 1px solid #353b52; display: block;}
	#b_head a:hover{ color: #fff;}
	#b_head a.active:hover{ color: #ba9f62;}
}

#conditions{ padding: 110px 0 0;}
#conditions ol{ padding-right:25px; font-size: 16px; color: #fff;}
.b_title{ margin-bottom: 25px; color: #ba9f62; font-family: samimBold; font-size: 24px; line-height: 40px; text-align: right; text-shadow: 1px 1px 1px black;}
.b_title i{ margin-left: 5px; color: #ba9f62; font-size: 45px; vertical-align: middle;}
.b_main{ max-width: 1440px; margin: auto; padding: 0 15px;}
.b_lvl{ margin-bottom: 10px;}
.b_lvl span{ width: 25px; margin-left: 5px; color: #ba9f62; font-family: samimBold; font-size: 25px; line-height: 30px; text-align: center; display: inline-block; vertical-align: middle}
.b_lvl div{ width: Calc(100% - 30px);}

#offer{ padding: 110px 0 ; overflow:hidden;}
#offer .b_each{ width: Calc(50% - 20px);}
#offer .b_each:nth-of-type(1){ margin-left: 20px;}
#offer .b_each img{ width: 100%; height: 200px; object-fit: cover;}
#offer .b_each h3{ width: Calc( 100% - 130px); font-size: 16px; color: #ba9f62; text-align: right;}
#offer .b_each h3 i{ color: #ba9f62; margin-left: 5px; font-size: 18px;}
#offer .b_each a{ color:#fff; font-family: samimbold; text-shadow: 1px 1px 1px black; transition: all linear 0.2s;}
#offer .b_each a:hover{ opacity: 0.8;}
.b_cost{ width: 130px; margin-right: auto; color: #fff; text-align: left; text-shadow: 1px 1px 1px black;}
.b_cost b{ text-decoration: line-through; color: #b9b9b9;}
.b_cost .b_off{ width: 30px; height: 30px; line-height: 30px; margin-right: 3px; font-family: samimBold; font-size: 13px; text-align: center; background: #ba9f62; text-shadow: 1px 1px 1px black; border-radius: 100%; display: inline-block;}
.b_cost .b_off i{ font-size: 10px;}
.final_cost{ font-family: samimBold; font-size: 16px;}
.more{ width: 150px; padding: 10px 15px; margin: 25px auto auto; background: #ba9f62; color: #fff; font-family: samimBold; font-size: 16px; text-align: center; text-shadow: 1px 1px 1px black; display: block; transition: all linear 0.2s;}
.more:hover{ opacity: .7;}
@media only screen and (max-width: 768px){
	#offer .b_each{ width: 100%;}
	#offer .b_each:nth-of-type(1){ margin: 0 0 50px !important;}
}
@media only screen and (max-width: 385px){
	#offer .b_each h3{ width: 100%; margin-bottom: 10px;}
}

#guide{ padding: 110px 0 0; color: #fff; font-size: 16px; text-align: right;}
.copyright{ padding: 10px 15px; color: #fff; font-size: 13px; border-top: 1px dashed #fff; text-shadow: 1px 1px 1px black;}
.copyright a{ color: #fff; transition: all linear .2s;}
.copyright a:hover{ color: #ceb784;}
.copyright .en_copy{ margin-right: auto; font-family:tahoma;}
@media only screen and (max-width:600px){
	.copyright .flexbox > div{ width: 100%; margin: 0 !important; text-align: center;}
}

@media only screen and (max-width:768px){
	#guide, #offer, #conditions{ padding-top:80px !important;}
	#offer{ padding-bottom: 70px;}
}

/**************************************** send article ****************************************/
#magazine.in_article{ padding: 0;}
#magazine.in_article .content{ max-width: 800px;}
#article{ margin: 30px 0; }
#article form{ max-width: 500px;}
#article form .flexbox{ justify-content: flex-start;}
#article form .art_box{ width: Calc(50% - 5px); margin: 0 0 10px 10px;}
#article form .art_box:nth-child(2n){ margin-left: 0;}
#article form .art_box.w100{ width: 100%;}
#article form .art_box span{ padding: 0 5px; font-size: 13px; font-family: samimBold;}
#article form input{ width: 100%; height: 40px; padding: 5px; background: transparent; font-size: 15px; border: 1px solid #fff; border-radius: 3px;}
#article form textarea{ width: 100%; height: 65px; padding: 5px; background: transparent; font-size: 15px; border: 1px solid #fff; border-radius: 3px; resize: none;}
#article .more_bt{ width: Calc(50% - 5px); height: 40px; line-height: 40px; padding: 0 5px; font-family: samimBold; margin: 15px 0 0;}
#bott_box{ background: #292e44; padding: 20px; color: #fff;}
#bott_box > div:before, #bott_box a{ color: #fff;}
@media only screen and (max-width: 550px){
	#magazine .content{ width: 100%;}
	#article form .art_box{ width: 100%; margin: 0 0 20px;}
	#article .more_bt{ width: 100%; max-width: 100%;}
}

/***************stat*************/
.infocontact .title{ margin-top:30px; line-height:30px; font-size:21px; text-align: center;}
#chartdiv{ width: 100%; height: 500px; direction:ltr;}

/****************** membership **************/
#membership{ position:relative; z-index:90; background:#fff; display:table; width:100%;}
.non_scroll{ min-height: Calc(100vh - 150px);}
#costumer_info{ height:100vh; padding:50px 20px 20px; line-height:27px; color:#333; font-family:"samim"; font-size:16px; text-align:center; display:table-cell; vertical-align:top; position:relative; z-index:100;}
/*#membership:after{ content:""; background:rgba(0,0,0,0.2); position:absolute; top:0; left:0; right:0; bottom:0; height:100%;}*/
#costumer_info .top_title, #costumer_info #result{ margin-bottom:30px; line-height:42px; color:#333; font-size:27px; font-family:samimBold;}
#costumer_info .top_title span{ background:rgba(255,255,255,0.5); border-radius:3px; padding:8px 15px; display:inline-block;}
#costumer_info .top_title span i{ color: #f24242;}
#costumer_info .top_title .fnt_new{ font-family: samim; font-size: 20px; line-height: 33px; display: block;}
#costumer_info .top_title .ltext{ direction: ltr; display: inline-block;}
#costumer_info .mem_txt{ line-height:40px; font-size:23px; color:#fff; text-shadow:1px 1px 1px #000;}
#costumer_info .items{ max-width:500px; padding:0; margin:30px auto auto; font-size:0;}
#costumer_info .items li{ margin-bottom:25px; display:flex;}
#costumer_info .items li > div{ width:50%; padding:0 8px; position:relative}
#costumer_info .items li #birth{ width:100%; display:flex; display: -webkit-flex; /* Safari */}
#costumer_info .items li #birth select:nth-child(2){ margin:0 15px;}

#costumer_info .items .flexbox{ display: flex;}
#costumer_info .items li label{ width: Calc(50% - 5px); font-size: 17px; border: 1px #C1C1C1 solid; padding: 8px 6px; background: #FFF; border-radius: 4px; display: block; cursor: pointer;}
#costumer_info .items li label.active{ border-color: #14a56f;}
#costumer_info .items li label:first-child{ margin-left: 10px;}
#costumer_info .items input[type="radio"], #register input[type="radio"], #register input[type="checkbox"]{ height: 14px!important; width: 14px!important; -webkit-appearance: none; -moz-appearance: none;	-ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #A5A6A4!important; border-radius:50%; background:#FFFFFF; vertical-align:middle; cursor:pointer;}
#costumer_info .items input[type="radio"]:checked, #register input[type="radio"]:checked,#register input[type="checkbox"]:checked{ background: #35AD68; border: 1px solid #35AD68;}
#register input[type="checkbox"]{ border-radius: 0 !important;}
#costumer_info .items li select option, #register select option{ font-family: tahoma; font-size: 15px;}

#costumer_info .items li input[type="text"],#costumer_info .items li input[type="submit"], #costumer_info .items li input[type="tel"],#costumer_info .items li input[type="email"], #costumer_info .items li select{ width:100%; height:45px; font-family: "samim"; font-size:17px !important; color: #000; border: 1px #C1C1C1 solid; padding: 6px; background: #FFF; border-radius: 4px;}
#costumer_info .items li input:focus, #costumer_info .items li select:focus{ border:2px solid #333;}
#costumer_info .items li select{ width:auto !important; flex:1; -webkit-flex: 1; /* Safari 6.1+ */ -ms-flex: 1; /* IE 10 */ }
#costumer_info .items li span{ border-radius:0 3px 3px 0; padding:0 5px; background:#fff; position:absolute; right:20px; top:-18px; color:#7d7d7d; font-size:15px; text-align:right;}
#costumer_info .items li:last-child > div, #costumer_info .items li:nth-last-child(2) > div{ width:100%;}
#costumer_info .items li:last-child input{ border-radius:4px;}
#costumer_info .items li:last-child span{ background:transparent;}
#costumer_info input[type=submit], #register button{ padding:9px 6px !important; background: #14a56f !important; color:#fff !important; font-family: samimBold !important; border:2px solid #14a56f !important; transition:all linear 0.2s; cursor:pointer;}
#costumer_info input[type=submit]:hover, #register button:hover{ opacity:0.7;}
#costumer_info #result{ margin: 0;}
#costumer_info #result i{ color: green; font-size: 30px;}
.butt_flex{ margin-top: 20px !important; font-size: 0; display: flex;justify-content: center;width: fit-content;margin: auto;flex-wrap: wrap;}
#costumer_info .new_mem{ min-width:215px; padding: 5px 15px; margin: 0 5px; background:#880044; color:#fff; font-family: samimBold; font-size:27px; line-height: 42px; border-radius:5px; display:block; transition:all linear 0.2s;}
#costumer_info .new_mem:hover{ background:#C10061;}
@media only screen and (max-width: 1024px) {
	.non_scroll{ min-height: inherit;}
}
@media only screen and (max-width: 730px) {
	#costumer_info .new_mem{ width: 100%; max-width: 400px; margin: 0 0 10px; text-align: center;}
	#costumer_info .top_title{ padding:0 10px;}
	#costumer_info{ padding-top:50px; vertical-align:top;}
	#costumer_info .items li input, #costumer_info .items li select{ height:45px; font-size:20px !important;}
}
@media only screen and (max-width: 390px) {
	#costumer_info .items{ max-width:100%;}
	#costumer_info .items li{ margin-bottom:0; flex-wrap:wrap; -webkit-flex-wrap: wrap; /* Safari 6.1+ */}
	#costumer_info .items li input, #costumer_info .items li select{ width:100% !important;}
	#costumer_info .items li #birth{ width:100%; display:block;}
	#costumer_info .items li #birth select:nth-child(2){ margin:20px 0;}
	#costumer_info .items li > div{ width:100%; margin-bottom:30px;}
}

.copy_right{ padding: 20px 20px 0; margin-top: 30px; font-size: 15px; border-top: 1px dashed #333;}
.copy_right .mainbox{ flex-direction: row-reverse;}
.copy_right a{ color: #333; transition: all linear .2s;}
.copy_right a:hover{ color: #ad1a50;}
.mainbox{ display: flex;}
.en_copy{ margin-right: auto; font-family: tahoma;}
@media only screen and (max-width: 600px) {
	.mainbox{ display: block;}
	.copy_right{ padding: 20px 0 0; position: static;}
}

/***** landing ****/
#banner.mode2{ min-height: 620px; background-color: var(--bs-primary); background-image: linear-gradient(130deg, #4922b3 15%, #5b2be0 40%, #5b2be0 60%, #7c55e6 100%) !important; overflow: hidden;}
#banner.mode2 .return{ padding: 0 0 2px; color: #fff; border-bottom: 1px solid #fff; position: absolute; top: 10px; right: 100px; font-size: 12px; display: inline-block;}
#banner.mode2 .return:hover{ color: yellow; border-color: yellow;}
#banner.mode2 .return i{ padding-right: 5px;}
.ban_text{ max-width: max-content; text-align: right; color: #FFFFFF; text-shadow: 1px 1px 0px rgba(0,0,0,.7); position: absolute; top: 25%; right: 100px; z-index: 200;}
.ban_text h1{ margin-bottom: 20px; color: yellow; font-size: 35px; line-height:55px; display:inline-block; border-radius:5px; font-family:'SamimBold';}
.ban_text span{ font-size: 20px; line-height:30px; display: block;}
.say_txt{ max-width: 500px; padding: 60px; background: #222639; color: #fff; position: absolute; left: 100px; top: 25%; border-radius: 25px; z-index: 100;}

/*svg banner*/
.translate-top-2{ -webkit-transform: translate(0, -2rem); transform: translate(0, -2rem); opacity: 0.2 !important;}
.translate-top-1{ -webkit-transform: translate(0, -1rem); transform: translate(0, -1rem); opacity: 0.3 !important;}
.text-light-dark{ width: 100%; margin: auto; position: absolute; bottom: -50px; display: block; color:#fff !important;}

[data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; transform: translateZ(0);}
[data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(.25,.46,.45,.94);}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: .7s;}
.scribble:not(.position-relative) { position: absolute;}
[data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity,transform;}
.opacity-10 { opacity: 0.1 !important;}
.start-0 { left: 0 !important;}
.top-50 { top: 50% !important;}
[data-aos="fade-up-right"] { transform: translate3d(-100px,100px,0);}
.scale-4 svg { -webkit-transform: scale(4); transform: scale(4);}
.scribble svg { background: none !important;}
.scale-5 svg { -webkit-transform: scale(5); transform: scale(5);}
.scale-6 svg {-webkit-transform: scale(6); transform: scale(6);}
.scale-7 svg {-webkit-transform: scale(7); transform: scale(7);}
/*svg banner*/
.landing{ padding: 0 0 20px 0;}
.for_title{ font-family: "samimBold"; font-weight: bold; font-size: 20px; line-height: 35px;}
.for_title i{ padding-left: 10px; color: #ad1a50; font-size: 30px;}
.routing{ padding-right: 20px; margin-top: 30px;}
.routing .step{ padding: 5px 35px 35px 0; position: relative; border-right: 1px dashed #a3a3a3;}
.routing .step .cir{ width: 40px; height: 40px; line-height: 42px; background: #a3a3a3; color: #fff; border-radius: 100%; font-size: 18px; font-family: "samimBold"; position: absolute; top: 0; right: -20px; text-align: center;}
.routing .step .cir_big{ height: 120px; width: 120px; line-height: 110px; font-size: 50px; top: -195px; right: -60px; border: 8px solid #fff}
.routing .step .cir_big:after{ content: ""; width: 1px; height: 75px; border-right: 1px dashed #ad1a50; position: absolute; right: 51.5px; display: block;}
.routing .step .attach{ position: relative; top: -30px;}
.routing .step .attach:before{ content: ""; width: 27px; height: 1px; border-top: 1px dashed #ad1a50; position: absolute; right: -34px; top: 12px; display: block;}
.routing .step .sub_a{ margin-bottom: 5px; font-size: 17px; display: block;}
.routing .step.active .cir{ background: #ad1a50;}
.routing .step.active{ border-color: #ad1a50;}
.landing #onlinePayButton{ width: 210px; margin: 0 auto 0;}
.after_pay{ max-width: 600px; padding: 20px; background: #f4f4f4; margin: 30px auto; text-align: center; border-radius: 10px;}
.after_pay .success{ margin-bottom: 10px; color: green; font-size: 18px; font-family: "samimBold"; line-height: 30px;}
.agreen{ color: green;}
.after_pay #onlinePayButton{ max-width: 100%; width: max-content; padding: 5px 15px; margin: 5px auto 0;}

#pay_box{ max-width: 800px; align-items: stretch;}
#pay_form{ width: 100%;}
#pay_form .flexbox{ justify-content: flex-start;}
#pay_form .rows{ padding: 15px 0; border-bottom: 1px dashed #ccc;}
#pay_form .rows:last-child{ border: none;}
.rows .subject{ width: 80px; color: #222639; font-family: "samimBold"; text-align: left;}
.rows .off,.rows .off .subject{ color: #ad1a50;}
.rows .pay,.rows .pay .subject{ width: 100%; color: #3aa554; font-size: 18px; line-height: 32px; justify-content: center !important;}
.rows > div{ width:Calc(50% - 10px); justify-content: flex-start;}
.rows.col2 > div:last-child{ margin-right: auto;}
.rows .inputbox,.rows .s_label{ width: Calc(100% - 90px); margin-right: auto;}
.rows .s_label label{ width: 70px; padding: 5px 10px; margin: 0 2px; text-align: center; cursor: pointer; border: 1px dashed #ccc;}
.rows input[type="text"],.rows input[type="number"],.rows input[type="email"],.rows select{ height: 40px; width: 100%; padding: 5px; background: transparent; border: 1px solid #ccc;}
.rows.col1 .subject{ width: auto;}
.rows.col1 .inputbox{ width: auto; margin-right: 20px;}
@media only screen and (max-width: 1200px) {
    #banner.mode2{ padding: 80px 0 0;}
    .say_txt{ padding: 20px 30px; margin: 0 50px; position: relative; top: 0; left: 0;}
    .ban_text{ padding: 0 50px; margin-bottom: 30px; position: relative; top: 0; right: 0;}
    .landing{ margin-top: 100px;}
}
@media only screen and (max-width: 850px) {
    #banner.mode2{ min-height: 450px;}
    #banner.mode2 .return{ right: 50px;}
    #pay_form{ width: 100%; padding: 0;}
    .text-light-dark{ bottom: -13px;}
    .landing{ margin-top: 230px;}
}
@media only screen and (max-width: 650px) {
    .rows > div{ width: 100%; margin: 2px 0;}
    .routing .step .cir_big{ height: 90px; width: 90px; line-height: 80px; font-size: 35px; top: -195px; right: -45px; border: 8px solid #fff}
    .routing .step .cir_big::after{ right: 36px; height: 103px;}
}

/*** clinic ***/
#mali{ padding: 20px; background: #f4f4f4; margin: 40px auto;}
#mali h2{ font-family: "samimBold"; font-size: 25px; line-height: 45px; margin-bottom: 10px; display: block;}
.each_link{ margin-bottom: 30px; align-items: stretch;}
.each_link a{ max-width: 350px; width: Calc(50% - 8px); margin: 0 0 0 16px; background: #fff; border-radius: 5px; overflow: hidden;}
.each_link a:last-child{ margin-left: 0;}
.each_link a img{ width: 100%; display: block;}
.each_link h3{ padding: 5px 10px; font-family: "samimBold"; text-align: center; border-top: 2px solid transparent; background: #ad1a50; color: #fff; transition: all linear 0.2s;}
.each_link a:hover h3{ background: #fff; color: #ad1a50; border-color: #ad1a50;}

.fivebox .each_link a{ width: Calc(20% - 4px); margin: 0 0 5px 5px;}
.fivebox .each_link a:last-child{ margin-left: 0;}
.fivebox .each_link h3{ min-height: 60px; font-size: 14px; line-height: 24px; display: flex; flex-direction: column; justify-content: center;}
@media only screen and (max-width: 1024px) {
    .fivebox .each_link a{ width: Calc(50% - 2.5px); margin-left: 5px;}
    .fivebox .each_link a:nth-child(2n){ margin-left: 0;}
}
@media only screen and (max-width: 500px) {
    .each_link a{ width: 100%; margin: 0 0 15px !important;}
    .each_link a:last-child{ margin-bottom: 0 !important;}
}

.m_body h3{ margin-bottom:10px; padding:2px 5px; font-size:16px; line-height:30px; background:#F5F5F5; border-bottom:3px solid #ad1a50; display:inline-block; font-family:SamimBold;}
.m_body .example1{ color: #888888; position: relative; bottom: 10px; font-size: 13px; font-style: italic; text-align: center; display: block;}
.m_body table{ width:100%;}
.m_body table td{ padding:3px 5px; font-size:14px; border:1px solid #eee;}
.m_body table tr:first-child td{ background:#292e44; color:#fff; font-size:15px; text-shadow:1px 1px 1px #333;}
.m_body a{ color:#ad1a50; transition:all linear 0.2s;}
.m_body a:hover{ opacity:0.7;}
.m_body ul, .m_body ol{ padding-right: 30px;}

/***** comment ********/
#matlab_comm .container{
    padding: 0px 16.666667%;
	border-top:1px dashed #cccccc;
	padding-top:20px;

}
.comment{
    width: 95%;
    margin-bottom: 50px;
    position: relative;
}
#comment_header{
    margin-bottom: 30px;
	font-family:"samimBold";
    font-size: 18px;
    line-height: 30px;
}
.comm_img{
    margin-left: 10px;
    font-size: 32px;
    color: #fb8686;
    text-align: center;
    position: absolute;
}
.comm_img i{
	width: 28px;
	background:#999;
	line-height:28px;
	font-size:11px;
	color:#fff;
	position:relative;
	right: 10px;
	bottom: 5px;
}
.comment_info{
    padding: 5px 0px;
    color: #aaaaaa;
    font-size: 13px;
}
.comment_info i{
    margin-right: 10px;
    color: #a6a6a6;
    display: inline-block;
}
.comment_info div{
    display: inline-block;
}
.comment_info div:first-child{
    padding-left: 3px;
}
.comment .comm_box{
    padding-right: 50px;
}
.comment_txt{
    padding: 5px 0px;
    font-family: 'samim';
    font-size: 15px;
    line-height: 28px;
    text-align: justify;
    text-justify: auto;
}
.comment_ans{
    margin: 15px 60px 0px 0px;
}
.comment_ans .comm_img{
	margin:0;
	background:none;
    font-size: 25px;
	text-align:left;
}
.comment_ans .comm_img i{ color:#999; background:none; font-size:12px; position:relative; right: 12px; bottom: 0;}
.comm_reply{
    color: #aaaaaa;
    line-height: 30px;
    font-size: 15px;
    display: inline-block;
    cursor: pointer;
    transition: all .2s linear;
}
.comm_reply i{
    margin-left: 2px;
}
.comm_reply:hover{
    color: #ff4f4f;
}
.comm_result{ padding: 8px 20px; background: #ffe0d1; color: #333; font-size: 14px; font-family: "samimBold"; display: inline-block; border-radius: 10px;}
.comm_result i{ margin-left: 4px; color: #259f3e; vertical-align: middle; font-size: 18px;}
/******* form ersale nazar **********/
#comform_header{
    margin: 15px 0px 10px 0px;
    color: #444444;
    font-size: 18px;
    line-height: 30px;
}
#comform_header span{ font-size: 12px; color: #9D9B9B;}
#cancel_reply{
    padding: 0px 10px 0px 0px;
    color: #ff4f4f;
    cursor: pointer;
    font-size: 18px;
    display: none;
    transition: all .3s linear;
}
#cancel_reply:hover{
    color: #b91217;
}
#comment_form label{
    line-height: 25px;
    padding: 0 5px 3px 0;
    font-size: 14px;
    color: #696969;
    display: block;
}
#comment_form label i{
    margin-right: 3px;
    font-size: 9px;
    color: #ff4f4f;
    position: relative;
    top: -3px;
}
#comment_form textarea{
    min-width: 100%;
    max-width: 100%;
    min-height: 130px;
    max-height: 130px;
	line-height:28px;
    margin-bottom: 15px;
    padding: 5px 10px;
    border: 1px solid #cccccc;
	font-family: "samim";
    font-size: 15px;
	border-radius: 5px;
    transition: all .3s linear;
}
#comment_form .comf_float{
    width: 50%;
    float: right;
}
#comment_form .comf_float:first-child{
    padding: 0px 0px 0px 10px;
}
#comment_form .comf_float:nth-child(2){
    padding: 0px 10px 0px 0px;
}
#comment_form input[type="text"]{
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    border: 1px solid #cccccc;
    font-size:15px;
	border-radius: 5px;
    transition: all .3s linear;
}
#comment_form input[type="text"]:hover,#comment_form textarea:hover,
    #comment_form input[type="text"]:focus,#comment_form textarea:focus{
	box-shadow: 0px 0px 5px #eee;
	border-color:#eee;
}
#comment_form .ltext{
    font-family: Tahoma !important;
}
#matcom_sub{
    text-align: left;
    padding-bottom: 10px;
}

.send_bt{ max-width: 120px; width: 100%; margin: 20px auto 0 0; padding: 5px 15px; text-align: center; background: #43bc61; color: WHITE; text-shadow: 1px 1px 1px #333; border-radius: 5px; transition: linear .2s; border: solid 1px #2E9447; display: block;}
.send_bt:hover{ background: #2E9447;}
.send_bt i{ margin-right: 5px;}
@media only screen and (max-width:1000px){ /************ responsive matlab 1000 px *****************/
    #matlab_comm .container{
        padding: 20px 0 0;
    }
}
@media only screen and (max-width:700px){ /************ responsive matlab 700 px *****************/
    #comment_form .comf_float{
        width: 100%;
        float: none;
    }
    #comment_form .comf_float:first-child{
        padding: 0px;
        margin-bottom: 10px;
    }
    #comment_form .comf_float:nth-child(2){
        padding: 0px;
    }
    .comm_img{
        margin-top: -10px;
        font-size: 30px;
    }
	.comm_img i{ width:30px; line-height:30px; right:0; bottom:-3px;}
    .comment .comm_box{
        padding-right: 35px;
    }
    .comment_ans{
        margin: 15px 5px 0px 0px;
    }
    .comment_ans .comm_img{
        font-size: 30px;
    }
	.comment_ans .comm_img i{ right:0;}
}
@media only screen and (max-width:500px){ /************ responsive matlab 500 px *****************/
    .comment_info{
        line-height: 25px;
    }
	.comment_ans .comm_img i{ bottom:2px;}
}

/**print**/
#popup,#popup1,.popup{ background: rgba(0,0,0,0.7); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 1000;}
#popup .flexbox,#popup1 .flexbox,.popup .flexbox{ height: 100%; align-items: center; justify-content: center; position: relative;}
#popup .flexbox #for_area ,#popup1 .flexbox #for_area1 ,.popup .flexbox #for_area1{ position: absolute; top: 0; left: 0; right:0; bottom: 0; z-index: 100;}
#popup .formBox,#popup1 .formBox,.popup .formBox{ max-width: 390px; width: Calc(100% - 40px); padding: 30px; background: #fff; position: relative; z-index: 200;}
#popup .formBox .txt,#popup1 .formBox .txt ,.popup .formBox .txt{ font-family: samimBold; font-size: 17px; line-height: 30px;}
#popup .formBox .txt i,#popup1 .formBox .txt i,.popup .formBox .txt i{ margin-left: 5px; color: #ad1a50; font-size: 22px;}
#popup .close_pop,#popup1 .close_pop{ position: absolute; left: 8px; top: 3px; font-size: 35px; color: #ad1a50; cursor: pointer; transition: all linear .2s; z-index: 200;}
#popup .close_pop:hover,#popup1 .close_pop:hover,.popup .close_pop:hover{ opacity: 0.6;}