@charset "utf-8";
/*** reset ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*** reset ***/
input[type="text"], textarea{
   -webkit-appearance: none;
}
*:focus,
*:active,
a:active,
a:focus,
label:active,
label:focus,
input:focus,
input:active { 
    -moz-outline-style: none;
	outline:none;
	outline: 0;
}
/* light blue at 80% opacity */
html {
    -webkit-tap-highlight-color: transparent;
}

@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: 'BHoma';
    src: url('includes/font/BHoma.eot?#') format('eot'),
    url('includes/font/BHoma.woff') format('woff'),
    url('includes/font/BHoma.ttf') format('truetype');
}
@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('includes/font/opensans-light.eot');
    src: url('includes/font/opensans-light.eot?#iefix') format('embedded-opentype'),
    url('includes/font/opensans-light.woff') format('woff'),
    url('includes/font/OpenSans-Light.ttf') format('truetype'),
    url('includes/font/OpenSans-Light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

html {-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}
html,body{
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    font-family: BHoma;
    direction: rtl;
    transition: margin-right .3s linear;
}
#hide_overflow{ position:relative; overflow:hidden;}
a{
    text-decoration: none;
}
*{
    box-sizing: border-box;
}
.clear{
    clear: both;
}
.ltext{
    display: inline-block;
    direction: ltr;
}
.inblock{ display: inline-block;}
.tjustify{ text-align: justify;}
.container{
    max-width: 1500px;
    margin: auto;
}
.main{ max-width:1450px !important; margin:auto; padding:0 15px !important;}
@media only screen and (max-width:1450px){
	.main{ max-width:1250px !important;}
	.glance .main{ max-width:100% !important;}
}
.end{ margin-top: 7px; line-height:23px; font-size:12px; }
.gray{ color: gray;}
/************************************************************* header ********************************************************/
header{
    width: 100%;
    height: 86px;
    padding: 0px 30px 0px 30px;
    border-bottom: 4px solid #ff4f4f;
    background: #FFFFFF;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 900;
    transition: all .3s linear;
}
#logo{
    width: 225px;
    height: 50px;
    margin-top: 16px;
    float: left;
    direction: ltr !important;
    overflow: hidden;
}
#logo img{
    max-height: 100%;
    position: relative;
    transition: all .3s linear;
    display: block;
}
nav{
    float: right;
    line-height: 76px;
}

#home{
    margin: 21px 0px 0px 0px;
    line-height: 40px;
    float: right;
    transition: all .3s linear;
}
#nav_icon{
    width: 30px;
    font-size: 20px !important;
    color: #ff4f4f;
    cursor: pointer;
    display: none;
    position: relative;
	top: 14px;
    transition: all .3s linear;
}
#res_nav{
    float: right;
}
nav ul{
    padding: 0px;
    margin: 0px;
    transition: all .3s linear;
}
nav li{
    border-top: 3px solid #FFFFFF;
    padding: 0px 12px 0px 12px;
    display: inline-block;
    position:relative;
	font-family:'sahelB';
}
nav li:hover>ul{
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9 !important;
}
nav a{
    font-size: 14px !important;
    color: #484848;
    text-align: center;
    display: block;
    transition: all .3s linear;
    overflow: hidden;
}
nav a:hover{
    color: #ff4f4f;
}
nav h3{
    padding: 0px !important;
    margin: 0px !important;
    font-size: 16px !important;
    font-weight: normal !important;
}
nav i{
    font-size: 24px !important;
	vertical-align:middle;
}
nav ul ul{
    width: 180px;
    margin-right: -12px;
    line-height: normal;
    border-top: 4px solid transparent;
    position: absolute;
    visibility: hidden;
    opacity: 0;
	z-index: -1;
}
nav ul ul li{
    padding: 0px;
    margin: 0px;
    border: none;
    background: #111111;
    display: block;
}
nav ul ul li:first-child{
    padding-top: 10px;
}
nav ul ul a{
    padding: 0px 5px 10px 5px;
    color: #ffffff;
}
nav ul ul a:hover{
    color: #cccccc;
}
nav .active{
    border-top: 3px solid #ff4f4f;
    background: #f5f5f5;
}

a.subActive{
    color:rgba(241,78,81,1.00);
}

nav ul li > div{ width:180px; line-height: 28px; position:absolute; right:0; visibility: hidden; opacity: 0; z-index:2; transition:all .3s linear; border-top: 4px solid transparent;}
nav ul li > div a{ padding: 0px 5px 10px 5px; background:#111111; color:#fff; font-family:"sahel"; font-size:15px; font-weight:100; display:block; transition:all 0.3s linear;}
nav ul li > div a:hover{ color:#cccccc;}
nav ul li > div a:first-child{ padding-top:10px;}
nav ul li > div a i{ color:#DFD; font-size:12px; line-height:0; padding:0 10px 0 5px;}
nav ul li:hover > div{ visibility: visible; opacity: 1; transition: opacity 0.3s linear;}
#co_title{ font-family:"BKoodakBold"; font-size:25px; text-align:center; line-height:35px; display:none; position:relative; top:-45px;}
#res_nav .co_name{ color:#fff; font-size:10px; text-align:center; font-family:"sahel"; position:absolute; left:0; right:0; bottom:20px; display:none;}
#res_nav li .open_li{ display: none;}
@media only screen and (min-width:1101px){
	.fix_head, header{ opacity:1 !important;}
}
@media only screen and (max-width:1100px){ /************ responsive menu for 780 px *****************/
	.fix_head{ width:100%; background:#fff; position:fixed; top:0; left:0; right:0; opacity:1 !important; z-index:1000; transition: all linear .3s;}
	.fix_head #logo{ height:50px !important; margin-top:16px !important;}
	.fix_head #home{ margin-top:21px !important; line-height: 40px !important;}
    nav ul li > div{ width:100%; padding-bottom:5px; position:static; opacity:1; visibility:visible; border:none; display: none; transition: none;}
	nav ul li:nth-last-child(2) > div{ display:none;}
	nav ul li > div a{ padding: 0px 20px 0px 5px; margin-bottom:5px; background:#222222; color: #cccccc; font-size: 15px !important;}
    nav ul li > div a:hover{ color:#fff;}
	nav ul li.active_sub > div{ display: block;}
	header{
        max-height: 86px !important;
        padding: 0px 20px 0px 20px;
        position: absolute;
        top: 0px;
        right: 0px;
        left: auto;
        z-index: 10;
        transition: all linear .3s ;
		opacity:0;
    }
    #nav_icon{
        display: block;
        transition: all .3s linear !important;
    }
    #res_nav{
        width: 233px;
        height: 100vh;
        padding: 22px 0px 10px 0px;
        background: #222222;
        line-height: normal;
        position: absolute;
        right: -233px;
        transition: all .3s linear;
        z-index: 11;
		float:none;
		overflow: auto;
    }
	#res_nav .co_name{ display:block;}
	#res_nav ul{
		height:auto !important;	
	}
    #res_nav>ul>li{
		padding: 6px 0;
        margin-bottom: 10px;
		position: relative;
    }
	#res_nav li .open_li{ padding: 10px 30px 10px 10px; color: #fff; font-size: 16px !important; position: absolute; left: 0; top: 0; display: block;}
    #res_nav>ul>li:nth-child(3) ul,#res_nav>ul>li:nth-child(4) ul{
        display: none !important;
    }
    nav li{
        padding: 0px;
        margin-bottom: 5px;
        border-top: none;
        border-right: 4px solid transparent;
        display: block;
    }
    nav a{
        padding: 0px 8px;
         font-size: 17px !important;
         color: #FFFFFF;
         text-align: right;
    }
    nav a:hover{
        color: #FFFFFF;
    }
    nav ul ul{
        width: auto;
        padding: 0 0 5px 0;
        margin: 0px;
        border-top: none;
        position: static;
        visibility: visible;
        opacity: 1;
    }
    nav ul ul li{
        padding: 0px;
        margin: 0px 0px 5px 0px;
        border: none;
        background: none;
        display: block;
    }
    nav ul ul a{
        padding: 0px 20px 0px 5px;
        font-size: 15px !important;
        color: #cccccc;
    }
    nav ul ul a:hover{
        color: #FFFFFF;
    }
    nav .active a{
        border-top:none;
        background: none;
    }
    nav .active{
        border-top: none;
        border-right: 4px solid #ff4f4f;
        background: #333333;
    }
}
@media only screen and (max-width:315px){
    #logo{
        width: 210px;
    }
    #logo img{
        max-width: 100%;
    }
}

/**************************************************** index **************************************************/
/** index top section**/
.flexbox{ display:flex; display:-ms-flexbox; display:-webkit-flex; flex-wrap:wrap;}
.flexm{display:flex; display:-ms-flexbox; display:-webkit-flex; flex-wrap:wrap;}
.c_align{ align-items: center;}
#about_co{ padding:205px 0 120px; background:url(images/bg/bg_logo.jpg); background-size:cover !important; background-repeat:repeat; color:#fff; font-family:"sahel"; text-shadow:1px 1px 1px #000;}
#about_co .main{ max-width:1150px !important;} 
#about_co .title{ margin-bottom:15px; font-family:"sahelB"; font-size:45px; line-height:65px;}
#about_co .link{ padding:15px 15px 15px 60px; margin:0 0 15px 10px; color:#fff; font-size:19px; text-align:center; position:relative; border:1px solid rgba(255,255,255,0.5); border-radius:5px; display:inline-block; transition:all linear 0.2s;}  
#about_co .link:hover{ border-color:#fff;}
#about_co .link i{ width:49px; height:100%; line-height:49px; background:rgba(0,0,0,.1); position:absolute; left:0; top:0; }
#about_co .sec_link{ background:#fff; color:#333; text-shadow:none; border:none;}
#about_co .sec_link:hover{ background:#e6e6e6;}
#about_co .txt{ margin-bottom:70px; font-size:20px; line-height:35px; font-style:italic;}
@media only screen and (max-width:768px){
	#about_co{ padding:120px 0 30px; background-position:20% 100% !important;}
	#about_co .img_co{ width:100%; margin-bottom:20px;}
	#about_co .info_co{ width:100%; margin-left:0;}
	#about_co .txt{ margin-bottom:30px;}

}
@media only screen and (max-width:1200px){
    .flexm{display: flex; flex-direction: column;width: 100%;margin: auto;}
    .flexm .box3 {margin: auto;}
    .flexm .box2 {margin: auto; order: -1;}
}
    

/**************** responsive nav ***********************/
.resmenu_cover{
    margin: auto;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 10;
    display: none;
}
.res_head{
    transform: translateX(-233px);
}
.res_nav{
    right: 0px !important;
}
.res_trans{
    -ms-transform: translateX(-233px) !important;
    -webkit-transform: translateX(-233px) !important;
    transform: translateX(-233px) !important;
}

/*** khadamate index ***/
.imkh_more{
    width: 170px;
    margin: 5px auto 0px auto;
    padding-left: 40px;
    line-height: 34px !important;
    background: rgba(255,28,28,.8);
    color: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: block;
    transition: all .2s linear;
}
.imkh_more i{
    width: 40px;
    background: rgba(229,25,25,.4);
    line-height: 35px !important;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all .2s linear;
}
.imkh_more:hover{
    background: rgba(255,28,28,1);
}
.imkh_more:hover>i{
    background: rgba(229,25,25,1);
}

/* festival */
#festival{ padding: 50px 0; margin: auto; background: #164e75; color: #fff; font-family: "Sahel"; line-height: 26px;} 
#festival h2{ margin-bottom: 50px; color: #d5f1fe; font-family: "SahelB"; font-size: 38px; line-height: 55px;}
#festival h2 span{ font-size: 20px; line-height: 30px; display: block;}
#festival .mark{ position: absolute; top: -60px; right: -50px; font-size: 65px; color: #b49044;}
#festival > .flexbox{ max-width: 1100px; padding: 0 20px; margin: auto; position: relative;}
#festival > .flexbox .txt{ width: Calc(100% - 300px); margin-right: auto; display: flex; flex-direction: column; justify-content: flex-end;}
#festival > .flexbox .txt i{ padding-left: 5px; color: #b49044; font-size: 25px;position: relative; top: 2px;}
#festival > .flexbox .txt p{ padding: 5px 0; border-bottom: 1px solid #0e3a59;}
#festival > .flexbox img{ width: 100%; max-width: 250px; display: block;}
.case{ padding-right: 27px; margin-top: 10px; display: block;}
.case span{ padding: 5px 0 5px 10px; margin: 2px; background: #0087ce; border-radius: 5px; display: inline-block;}
.case span:first-child{ margin-left: 20px;}
.case > span::before{ content: "1"; width: 23px; height: 23px; line-height: 23px; background: #b49044; color: #fff; position: relative; right: -10px; top: 0; font-family: "sahelB"; font-size: 17px; text-align: center; display: inline-block;}
.case > span:last-child:before{ content: "2";}
@media only screen and (max-width:1200px){
    #festival .mark{ right: 20px;}
}
@media only screen and (max-width:768px){
    #festival > .flexbox{ flex-direction: reverse;}
    #festival > .flexbox .txt{ width: 100%;}
    #festival > .flexbox img{ margin: 0 auto 30px;}
}

/**other activity**/
#other_act{ padding:100px 0 120px; background:#1f2630; color:#fff; overflow:hidden;}
#other_act .title{ margin-bottom:50px; display:block !important; text-align:center !important; font-family: "sahelB"; font-size:26px; line-height:35px;}
#other_act .title span{ color:#FD6564;}
#co_logo{ max-width:1000px; margin:auto; justify-content:center; align-items:flex-start;}
#co_logo > div{ width: 100%; max-width: 450px; position:relative;}
#co_logo .dv_border{ width:10%; position:relative; top:50px;}
#co_logo .dv_border:after{ content:""; width:400px; height:2px; margin:auto; background:#FD6564; position:absolute; top:0px; right:-148px; left:0; display:block;}
#co_logo .dv_border span{ width:60px; background: #1f2630; position:absolute; top:-27px; left:0; right:0; margin:auto; display:inline-block; z-index:8;} 
#co_logo .dv_border img{ width:100%; padding:10px;}
#co_logo .co_logo{ width:100px; height:100px; padding:20px; margin:auto auto 83px; background:#fff; position:relative; border-radius:50%; display:block; z-index:5;}
#co_logo .co_logo img{ width:100%; display:block; transition:all linear 0.2s;}
#co_logo > div:first-child .co_logo{ margin-right:auto;}
#co_logo .text{ min-height:190px; padding:0 0 15px; color:#333; font-size:14px; text-align:justify; font-family:sahel; line-height:28px;}
#co_logo .whitebox{ padding:30px 15px 15px; background:#fff; position:relative; text-align:center;}
#co_logo .whitebox:before{ content:""; height:60px; width:2px; margin:auto; background:#FD6564; position:absolute; top:-60px; right:0; left:0; display:block;} 
#co_logo .whitebox h2 a{ margin-bottom:10px; font-family:sahelB; font-size:20px; font-weight:normal; line-height:28px; color:#333; display:block; transition:all linear 0.2s;}
#co_logo .whitebox h2 a:hover{ color:#FD6564;}
#co_logo .site_pic{ display:block; transition:all linear 0.2s;}
#co_logo .site_pic img{ width:100%; display:block; }
#co_logo .site_pic:hover, #co_logo .co_logo img:hover{ opacity:0.7;}
#co_logo .square1{ width:10px; height:10px; background:#f5c156; position:absolute; top:50px; left:0; transform:rotate(20deg);}
#co_logo .square2{ width:15px; height:15px; background:#e6616b; position:absolute; top:135px; left:50px; transform:rotate(10deg);}
#co_logo .square3{ width:20px; height:20px; background:#5cd3ad; position:absolute; top:70px; left:110px; transform:rotate(40deg);}
#co_logo > div:first-child .square1{ top:inherit; bottom:-22px; left:inherit; right:0;}
#co_logo > div:first-child .square2{ top:inherit; bottom:-80px; left:inherit; right:80px;}
#co_logo > div:first-child .square3{ top:inherit; bottom:-30px; left:inherit; right:150px;}
@media only screen and (max-width:1200px){
	#co_logo{ display:block;}
	#co_logo > div{ width:100%;}
	#co_logo > div:first-child{ margin-bottom:60px;}
	#co_logo .co_logo{ margin:auto auto 70px;}
	#co_logo .whitebox:before{ right:0 !important; left:0 !important; margin:auto;}  
	#co_logo .dv_border{ display:none;}
	#co_logo .text{ min-height:inherit;}
}
@media only screen and (max-width:768px){
	#other_act{ padding:100px 0 80px;}
	#ilog_akhar{ margin: 60px 0 100px !important;} 
}

/**** index blog ***/
.bgback{overflow:hidden; background:#222222; padding:0 1px 4px;}
#in_blog{
    padding: 6px 0px 6px;
    overflow: hidden;
	background:url(images/bg/bg_color.jpg) fixed;
	background-size:cover !important;
	font-family:"sahel";
}
.vasat{justify-content: center;}
#top_news{ max-width:900px; margin:auto;}
#lastnews #big_box{ height:258px; background-position:center !important; position:relative; max-width:1000px; margin:auto; background-size:cover !important; border-radius:5px;}
#lastnews #big_box span{ font-size:25px; z-index:8; color:red; position:absolute; top:-25px; background:#FFFFFF; height:50px; line-height:50px; width:50px; border-radius:50%; right:-25px; text-align:center;box-shadow: 1px 1px 1px 0px #0000001a;}
#news_box{ padding:10px 10px 20px; margin:30px 0 20px 0; background:#fff; font-size:0; text-align:center; border-radius:5px;}
#news_box li{ width:24.25%; padding:10px; margin-left:1%; position:relative; text-align:center; border-radius:3px; display:inline-block; vertical-align:top;}
#news_box li:last-child{ margin-left:0;} 
#news_box li > a{ margin-bottom:10px; border:1px solid #eee; border-radius:5px; overflow:hidden; display:block;}
#news_box li h3{ font-size:16px; line-height: 26px;}
#news_box li h3 a{ color:#1181b9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block;}
#news_box li h3 a:hover, #news_box li h3 i{ color:#ff4f4f;}
#news_box li img{ width:100%; height:250px; object-fit:cover; border-radius:5px; display:block; transition:all linear 0.2s;}
#news_box li img:hover, #last_one > div:first-child img:hover{ transform:scale(1.1,1.1);}

#news_box .imkh_more{ width:auto; padding:3px 15px; margin-top:15px; font-size:16px; display:inline-block;}
#news_box .imkh_more i{ padding-right:15px; position:static; width:auto; background:transparent; line-height:none !important;}
@media only screen and (max-width:1024px){
	#news_box li{ width:49%; margin:0 0 2% 0;}
	#news_box li:nth-child(2n-1){ margin-left:2%;}
}
@media only screen and (max-width:600px){
	#news_box li{ width:100%; margin:0 0 20px 0 !important;}	
}

#ilog_akhar{
    margin: 110px 0 120px;
}
#ilog_akhar .txt{ color:#fff; text-align:center; font-size:16px; line-height:28px;}
#ilog_akhar .ilog_header{ padding-bottom:15px; color:#fff; border-bottom:none;}
.ilog_header{
    padding-bottom: 25px;
    text-align: center;
    color: #3F4041 ;
	font-family:"sahelB";
    font-size: 26px;
    line-height: 35px;
}
.ilog_header i{
    margin-left: 8px;
    color: #ff4f4f;
}

/*** we team ***/
#we_team{
    padding: 100px 0px 120px;
	background:url(images/bg/background2.jpg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 50% 50% !important;
    transition: all .3s linear;
}
#we_team ul{
    padding: 0px;
    margin: 0px;
    text-align: center;
}
#we_team li{
    margin: 0px 10px;
    display: inline-block;
    overflow: hidden;
}
.teamimg{
    margin-bottom: 7px;
    -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
            border-radius: 50%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.team_hover{
    background: #444444;
    opacity: .5;
    -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
            border-radius: 50%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    transition: all .1s linear;
}
#we_team img{
    width: 100px;
    max-width: 100%;
    -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden;
    display: block;
}
.team_triangle{
    width: 0;
    height: 0;
    margin: auto;
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-bottom: 35px solid #FFFFFF;
    position: relative;
    bottom: -35px;
    transition: all .2s linear;
}
#tcomment_box{
    width: 900px;
    margin: -5px auto 0px auto;
    position: relative;
}
#team_comment{
    width: 850px;
    margin: auto;
    padding: 15px 0px 10px 0px;
    font-size: 17px !important;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
    background: #FFFFFF;
    transition: all .2s linear;
    position: relative;
    overflow: hidden;
}
.user_comment{
    line-height: 30px !important;
    margin: auto;
    padding: 0px 5px;
    text-align: justify;
    text-justify: auto;
    font-family: sahel !important;
    font-size: 16px;
    position: absolute;
    color: #676767;
    left: 20px;
    right: 20px;
    opacity: 0;
    transition: all .2s linear;
}
.uc_border{
    width: 40px;
    margin: 10px auto 5px auto;
    border-top: 1px solid #e3e3e3;
}
.uc_name{
    line-height: 23px !important;
    text-align: center;
    font-size: 14px !important;
    color: #aaaaaa;
}
.uc_name span{
    color: #444444;
    font-size: 15px !important;
}
.uc_name a{
    color: #aaaaaa;
    display: block;
    transition: all .3s linear;
}
.uc_name a:hover{
    color: #ff2f2f !important;
}
#next_tcomment,#pre_tcomment{
    height: 55px;
    color: #FFFFFF;
    font-size: 40px !important;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    cursor: pointer;
    transition: all .3s linear;
    opacity: 0;
}
#next_tcomment{
    right: 0px;
}
#pre_tcomment{
    left: 0px;
}
#next_tcomment:hover,#pre_tcomment:hover{
    color: #ff4f4f;
    opacity: 1;
}
#tcomment_box:hover #next_tcomment,#tcomment_box:hover #pre_tcomment{
    opacity: 1;
}
@media only screen and (max-width:950px){ /************ responsive jomle moshtarian for 950 px *****************/
    #team_resul{
        width: 125px;
        margin: auto;
        overflow: hidden;
    }
    #we_team ul{
        width: 875px;
        margin: auto;
    }
    #we_team li{
        width: 100px;
    }
    #tcomment_box{
        width: 90%;
    }
    #team_comment{
        width: 100%;
    }
    #next_tcomment,#pre_tcomment{
        width: 40px;
        height: 40px;
        font-size: 24px !important;
        top: -95px;
        bottom: auto;
        display: block;
        opacity: .5;
    }
    #next_tcomment i,#pre_tcomment i{
        width: 40px;
        height: 40px;
        line-height: 38px;
        text-align: center;
        -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
                border-radius: 50%;
        background: #444444;
    }
}

/*** jomle footer ***/
.footerJomle{
    padding: 20px 10px;
    line-height: 35px !important;
    text-align: center;
	font-family:sahel;
}
.footerJomle span{
    color: #FFFFFF;
    font-size: 20px !important;
}
.footerJomle i{
    margin: 0px 5px;
    position: relative;
    color: #ff4f4f;
}
.footerJomle i:first-child{
    top: -10px;
}
.footerJomle i:last-child{
    top: 10px;
}
/**** footer ***/
footer{
    padding: 30px 30px 25px; 
    line-height: 30px !important;
    background: #222222;
}
#foot_bt .ex_copy{ margin-right: auto;}
#foot_bt > .flexbox{ align-items: flex-end;}
#foot_bt .e_namad img{ max-width: 100px; padding: 5px 0; background: #fff; border: 1px solid rgba(240, 240, 240, 0.6);}
#footer_top{
    margin-bottom: 50px;
	font-family:"sahel";
}
.rfooter{
    float: left;
}
.lfooter{
    float: right;
}
#footer_link{
    padding: 0px;
    margin: 0px;
}
#footer_link div{
    padding: 0px 20px;
    display: inline-block;
    float: right;
}
#footer_link div:last-child{
    padding-left: 0px;
}
#footer_link div:first-child{
    padding-right: 0px;
}
#footer_link a{
    font-size: 14px !important;
    color: hsla(0,0%,100%,.6);
    transition: all .2s linear;
    display: block;
}
#footer_link a:first-child{
	font-family:"sahelB";
    font-size: 16px !important;
    color: #fff !important;
    transition: all .2s linear;
}
#footer_link a:hover{
    color: #fff;
}
#footer_link a:first-child:hover{
    color: #FFFFFF !important;
}
#flogo{
    margin-left: 10px;
    float: right;
    display: block;
}
#flogo img{
    display: block;
}
#fcom{
    padding-top: 2px;
    font-size: 13px !important;
    color: #dfdfdf;
    float: right;
}
#fcom div:first-child{
    line-height: 27px !important;
    font-size: 21px !important;
    position: relative;
}
#fcom a{
    color: #dfdfdf;
    transition: all .3s linear;
}
#fcom a:hover{
    color: #FFFFFF;
}
#ftime{
    margin: 10px 0px 5px 0px;
}
.footer_tel a,.footer_tel a:hover{
    text-decoration: none !important;
    direction: ltr !important;
    text-align: right !important;
    display: inline-block !important;
    font-size: 19px !important;
    color: #ffffff !important;
}
/* iPhone 5 Retina regardless of IOS version */
@media only screen
and (min-device-width : 250px)
    and (max-device-width : 568px)
        and (orientation : portrait) {
    #footer_tel a, #footer_tel a:hover {
        text-decoration: none !important;
        direction: ltr !important;
        text-align: right !important;
        display: block !important;
        font-size: 19px !important;
        color: #FFFFFF !important;
    }
}
#ftime div{
    font-size: 15px;
    color: #ffffff;
}
#fshare{
    padding: 0px;
    margin:5px 20px 0 0;
}
#fshare li{
    display: inline-block;
}
#fshare i{
    width: 32px;
    line-height: 32px !important;
    text-align: center;
    -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
            border-radius: 50%;
    font-size: 20px !important;
    color: #222222;
    background: #999999;
    display: block;
    transition: all .3s linear;
}
#fshare i:hover{
    background: #cccccc;
}
.footer-2 {background-image : url('images/bg/mountains.jpg'); background-size: cover;background-position: 0 -15px;}
.en_font{ font-family:tahoma;}
.extra, #footLogo{ display:flex; display:-webkit-flex; display:-ms-flexbox; align-items:center; justify-content:flex-end; flex-wrap:wrap;}
#footLogo a{ margin:0 5px; display:inline-block; transition:all linear 0.2s;}
#footLogo a:hover{ opacity:0.7;}
#footLogo a img{ width:150px; display:block;}
#footLogo a:first-child img{ width: 110px;}
#fcopy{
    padding-top: 10px;
    direction: ltr;
    font-size: 13px !important;
    font-family: Tahoma;
    color: #888888;
}
@media only screen and (max-width:900px){ /************ responsive footer for 830 px *****************/
    footer{
        padding: 30px;
    }
    #footer_top{
        margin-bottom: 15px;
    }
    .rfooter{
        width: 100%;
        float: none;
    }
    .lfooter{
        width: 100%;
        float: none;
    }
    #footer_link div{
        padding: 0px 20px;
        float: right;
    }
    #footer_link div:last-child{
        padding-left: 0px;
    }
    #footer_link a{
        padding: 3px 5px;
        line-height: 26px !important;
        font-size: 18px !important;
    }
    #footer_link a:first-child{
        font-size: 21px !important;
        color: #dddddd !important;
        transition: all .2s linear;
    }
    #flogo{
        margin-left: 0px;
        float: none;
        display: none;
    }
    #flogo img{
        margin-left: 10px;
        display: block;
        float: right;
    }
    #fcom{
        margin: 20px 0px 15px 0px;
        font-size: 18px !important;
        color: #dfdfdf;
        float: right;
    }
    #fcom div:first-child{
        line-height: 35px !important;
        font-size: 30px !important;
        position: relative;
    }
    #ftime{
        margin-top: 5px;
    }
    #ftime div{
        font-size: 17px !important;
    }
    #ftime a,#ftime a:hover{
        direction: ltr;
        text-align: right;
        font-size: 19px !important;
        display: block;
    }
    #fshare{
        margin: 10px 0 0;
    }
    #fcopy{
		padding-top:40px;	
        text-align: left;
    }
	.extra{ display:block;} 
	#footLogo{ margin-left:0px; justify-content:flex-start;}
	#footLogo a{ margin: 0 0 0 5px;} 
	#fshare i{ width:45px; line-height: 45px !important; font-size: 24px !important;}
	#foot_bt .ex_copy{ width: 100%; margin-top: 10px;}
    #footer_link div{
        padding: 0px;
        display: block;
        float: none;
    }
    #fcom{
        margin: 30px 0px 15px 0px;
    }
    #footer_link div{
        margin-bottom: 10px;
    }
    #footer_link a:first-child{
		margin-top: 30px;
        line-height: 25px !important;
    }
}
@media only screen and (max-width:450px){
	#footLogo a img{ max-width: 250px; width:100% !important;}
	#footLogo a:first-child img{ max-width: 200px;}
}

/************************************************************** service ******************************************/
#ser_content{
    padding-top: 115px;
    position: relative;
    transition: all .3s linear;
}
#label{
    padding-top: 86px;
    position: relative;
    transition: all .3s linear;
}
/*** nav ***/
#service_nav{
    width: 100%;
    padding: 0px 25px;
    background: #222222;
    position: fixed;
    top: 86px;
    transition: all .3s linear;
    z-index: 5;

}
#service_nav ul{
    padding: 0px;
    margin: 0px;
}
#service_nav li{
    padding: 3px 15px 0px 15px;
    display: inline-block;
    position: relative;
    z-index: 2;
}
#service_nav li:first-child{
    padding-right: 0px;
}
#service_nav li:first-child:before{
    content: "";
    width: 170%;
    height: 100%;
    margin-right: -70%;
    background: #ff4f4f;
    -ms-transform: skew(15deg, 0deg); /* IE 9 */
    -webkit-transform: skew(15deg, 0deg); /* Safari */
    transform: skew(15deg, 0deg);
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
#service_nav a{
    padding: 5px 5px 7px 5px;
    font-size: 13px !important;
    color: #aaaaaa;
    display: block;
    transition: all .3s linear;
}
#service_nav li:first-child a{
    color: #ffb9b9;
    font-size: 16px !important;
}
#service_nav a:hover{
    color: #FFFFFF;
}
.ser_active a{
    color: #FFFFFF !important;
}
@media only screen and (max-width:780px){ /************ responsive service nav 780 px *****************/
    #service_nav{
        display: none;
    }
}
/*** banner ***/
#ser_banner{
    padding: 40px 30px 60px 30px;
    line-height: 30px;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
#ser_name a{
    display: inline-block;
    font-size: 36px !important;
    color: #ededed;
}
#ser_name span{
    padding: 0px 3px;
    font-size: 34px !important;
    color: #686868;
    display: inline-block;
}
#ser_name h1{
    padding: 15px 0px;
    margin: 0px;
    margin-bottom: 20px;
    font-size: 36px !important;
    font-weight: normal;
    color: #b4b4b4;
    display: inline-block;
}
#ser_text{
    margin-top: 30px;
    display: inline-block;
    font-size: 19px !important;
    font-family: BKoodakBold !important;
    color: #d7d7d7;
}
@media only screen and (max-width:780px){ /************ responsive service content and banner 780 px *****************/
    #ser_content{
        padding-top: 86px !important;
    }
    #label{
        padding-top: 86px !important;
    }
    #ser_banner{
        padding: 40px 20px 60px 20px;
    }
    #ser_name a{
        display: inline-block;
        font-size: 28px !important;
        color: #ededed;
    }
    #ser_name h1{
        padding: 15px 0px;
        font-size: 28px !important;
    }
    #ser_text{
        font-size: 17px !important;
    }
}
#all_blog{
    padding-top: 75px;
}
#service{
    width: 75%;
    padding: 0px 30px;
    line-height: 25px;
    float: right;
}
.ser_box{
    position: relative;
}
.matlab_simg .strip_img{
    height: 100%;
    margin: auto;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 22%;
    left: 22%;
    opacity: .5;
}
.matlab_simg .strip_img a{
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.ser_link{
    width: 83.333333%;
    padding: 0px 6px 0px 6px;
    margin-bottom: 75px;
    float: left;
}
.ser_link img{
    max-width: 100%;
    display: block;
}
.ser_link>a:first-child{
    line-height: 30px;
    color: #333333;
    font-size: 21px;
    display: block;
    transition: all .3s linear;
}
.ser_link>a:first-child{
    line-height: 40px;
    padding: 20px 0px 0px 0px;
}
.ser_link a:first-child h2{
    font-weight: normal;
	font-size:28px;
	line-height:45px;
	font-family:sahelB;
	color:#000;
}
.ser_link a:first-child:hover{
    color: #ff1c1c;
}
.ser_link a:last-child{
    display:inline-block;
	margin-top:10px;
}
.ser_link div{
    line-height: 26px;
    font-size: 15px;
    font-family: sahel;
    text-align: justify;
    text-justify: auto;
    color: #000;
}
.ser_link .sermore_info{ text-align: left; }
.ser_link .sermore_info>a:last-child{
    width: 130px;
    margin-top: 15px;
    line-height: 30px;
    padding: 2px 6px 4px 6px;
	font-family:"sahelB";
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    background: rgba(255,28,28,.8);
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    display: inline-block;
    transition: all .3s linear;
}
.ser_link .sermore_info>a:last-child:hover{
    background: rgba(255,28,28,1);
}
.ex_mess{ color:#600; background-color:#CF0;}
#paging{
    padding: 0px 18% 20px 80px;
    display: table;
    position: relative;
    top: -30px;
}
#paging li{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 19px;
    text-align: center;
    background: #f4f4f4;
    display: table-cell;
    transition: all .3s linear;
    overflow: hidden;
}
#paging li:first-child{
    -webkit-border-radius: 0px 5px 5px 0px;
        -moz-border-radius: 0px 5px 5px 0px;
            border-radius: 0px 5px 5px 0px;
}
#paging li:last-child{
    -webkit-border-radius: 5px 0px 0px 5px;
        -moz-border-radius: 5px 0px 0px 5px;
            border-radius: 5px 0px 0px 5px;
}
#paging li a{
    color: #444444;
    display: block;
    transition: all .3s linear;
}
#paging li i{
    font-size: 15px;
    position: relative;
    top: 1px;
}
#paging li:hover>a{
    background: #d5d5d5;
}
#paging .p_active{
    background: #444444 !important;
    color: #FFFFFF !important;
}
@media only screen and (max-width:1200px){ /************ responsive service link 780 px *****************/
    .ser_link{
        width: 100%;
        padding: 0px 20px 0px 20px;
    }
    #paging{
        padding: 0px 20px 20px 0px;
    }
}
#ser_article{
    width: 23%;
    padding: 35px 0px 0px 30px;
    line-height: 25px;
    float: left;
}
#ser_article form{
    width: 100%;
    height: 40px;
    margin-bottom: 40px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
    position: relative;
    overflow: hidden;
}
#ser_article input{
    width: 100%;
    height: 40px;
    padding: 0px 7px 2px 52px;
    font-family: BHoma;
    border: none;
    background: #fafafa;
    font-size: 18px;
    position: relative;
    z-index: 1;
    display: block;
}
#ser_article button{
    width: 45px;
    height: 40px;
    border: none;
    background:  rgba(255,28,28,.75);
    color: #FFFFFF;
    text-shadow: 0px 1px 2px #000000;
    font-size: 20px;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
    display: block;
    cursor: pointer;
    transition: all .3s linear;
}
#ser_article button:hover{
    background:  rgba(255,28,28,1);
}
#ser_article i{
    display: block;
}
#serblog_head{
    padding: 15px 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
    font-size: 25px;
    color: #333333;
}
.ser_blog{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
}
.ser_blog a:first-child{
    font-size: 19px;
    color: rgba(255,28,28,.75);
    transition: all .3s linear;
}
.ser_blog a:first-child:hover{
    color: rgba(255,28,28,1);
}
.ser_blog div{
    margin-top: 5px;
    font-size: 13px;
    line-height: 20px;
    font-family: Tahoma;
    color: #7a7a7a;
}
.ser_blog a:last-child{
    width: 120px;
    margin-top: 15px;
    padding: 2px 3px 5px 3px;
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    background: rgba(43,43,43,.75);
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    display: block;
    transition: all .3s linear;
}
.ser_blog a:last-child:hover{
    background: rgba(43,43,43,1);
}
/*Tags*/
.tagblog{
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.tagblog a{
	display: inline-block;
	border: 1px solid #efefef;
	padding: 6px 8px;
	margin-bottom: 3px;
	border-radius: 2px;
	background: #f9f9f9;
	color: #FF4F4F;
	font-size: 16px;
	transition:linear .2s;
}
.tagblog a:hover{background: #EBEBEB; border: 1px solid #DBDBDB;}
.tagblog a span{
	font-size: 12px;
	color: #666;
}
.tagblog .selecteds, .tagblog .selecteds:hover{background:#FB9A95; border: 1px solid #FA7C76; color:#FFF;}
@media only screen and (max-width:1050px){ /************ responsive service link 780 px *****************/
	#tags_scroll {
		margin-bottom:20px;
	}
	#highnews{display:none;}
}
@media only screen and (max-width:1050px){ /************ responsive service link 780 px *****************/
    #service{
        width: 100%;
        float: none;
    }
    .ser_link{
        padding: 0px 30px 0px 30px;
    }
    #ser_article{
        width: 100%;
        padding: 20px 30px 0px 30px;
        border-top:  1px solid #d8d8d8;
        float: none;
    }
    #ser_article form{
        width: 400px;
    }
    .ser_blog:last-child{
        border-bottom: none;
    }
    #paging{
        padding: 0px 30px 20px 30px;
    }
}
@media only screen and (max-width:500px){ /************ responsive service link 780 px *****************/
    .ser_link{
        padding: 0px 10px 0px 10px;
    }
    #ser_article{
        padding: 35px 10px 0px 10px;
        float: none;
    }
    #ser_article form{
        width: 100%;
        margin-bottom: 20px;
    }
    #paging{
        width: 100%;
        padding: 0px 10px 20px 10px;
        margin: auto;
    }
}
/************************************************************** news ******************************************/
.en_style{ font-family:tahoma; text-align:left; direction:ltr;}
#news_content{
    padding-top: 175px;
    position: relative;
    transition: all .3s linear;
}
#news_content.padd_top{ padding-top:150px;}
#res_navigation{
    margin: 0px 20px 20px 0px;
    line-height: 25px;
    display: none;
}
#res_navigation a,#res_navigation span{
    display: inline-block;
    font-size: 17px;
    color: #989898;
}
#res_navigation i{
    margin: 0px 5px 0px 3px;
    position: relative;
    top: 2px;
    color: #ff4f4f;
    display: inline-block;
}
.matlab_box{
    width: 75%;
    padding: 0px 30px;
    float: right;
	font-family:'sahel';
}
.matlab_box a{
    color: #1181b9;
}
.matlab_box a:hover{
    text-decoration: underline;
}
.matlab_img{
    position: relative;
}
.matlab_img img{
    max-width: 100%;
    display: block;
}
.matlab_simg{
    width: 16.666667%;
    padding: 0px 15px;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.matlab_simg .strip_date{
    padding: 0 0;
    text-align: center;
	font-family: Bhoma;
}
.matlab_simg .strip_date > div{
    width: 70px;
    margin: auto;
    display: block;
}
.matlab_simg .strip_date > div:first-child div:first-child{
    font-size: 65px;
    line-height: 70px;
    color: #444444;
}
.matlab_simg .strip_date > div:first-child div:nth-child(2),.matlab_simg .strip_date > div:first-child div:nth-child(3){
    font-size: 17px;
    line-height: 35px;
    border-top: 1px solid #e3e3e3;
    color: #acacac;
}
.matlab_simg .strip_date > div:first-child div:nth-child(2){
    padding-bottom: 0px;
}
.matlab_simg .strip_date > div:first-child div:last-child span{
    padding: 0px 5px;
    display: inline-block;
}
.matlab_simg .strip_date > div:nth-child(2){
    margin-top: 10px;
}
.matlab_simg .strip_date > div:nth-child(2) img{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.matlab_simg .strip_date > div:nth-child(2) div{
    line-height: 25px;
    font-size: 14px;
    color: #444444;
}
.matlab_simg .strip_date img{
    max-width: 100%;
    display: block;
}
.matlab_bimg{
    width: 83.333333%;
    padding: 0px 6px;
    float: left;
}
.coposht_com{
    margin-bottom: 15px;
    line-height: 30px;
    font-size: 17px;
    color: #444444;
    font-family: BKoodakBold;
}
.coposht_bor{
    padding: 0 10px;
    border-right: 3px solid #FF6F6F;
}
.coposht_com span{
    color: #ff4f4f;
}
#poshtibani_type{
    margin-right: 5px;
    display: inline-block;
    font-size: 14px;
}
.matlab_txt{
    margin-right: 16.666667%;
    line-height: 32px;
    padding: 0px 6px 20px 6px;
}
.matlab_txt ol,.matlab_txt ul,table ol,table ul{
    margin: 5px 0px 10px 0px;
}
.matlab_txt li{
    margin-right: 30px;
}
.matlab_txt img{
   max-width:100%;
   height:auto;
   margin:auto;
   display:block;
}
.matlab_txt a{ color: #2684e9 !important; transition: all linear 0.2s;}
#rutitr{
    padding: 10px 0px 0px 0px;
    font-family: BKoodakBold;
    color: #b3b3b3;
    font-size: 17px;
}
.matlab_txt h1{
    line-height: 45px;
    font-size: 28px;
    color: #000;
	font-weight:normal;
	font-family:'sahelB';
}
.link_matcom{
    padding: 12px 0px 15px 0px;
    line-height: 25px;
}
.link_matcom.link_matcom2{ padding-top: 0 !important; }
.link_matcom .resmatlab_time{
    margin-left: 5px;
    display: inline-block;
    font-size: 15px;
    color: #b3b3b3;
    display: none;
}
.link_matcom a,.link_matcom .comm_count1{
    padding-left: 7px;
    display: inline-block;
    font-size: 15px;
    font-family: sahelB;
    color: #b3b3b3;
}
.link_matcom a:nth-child(4){
    margin-left: 5px;
}
.link_matcom i{
    margin-left: 5px;
    font-size: 14px;
    color: #a6a6a6;
}
.link_matcom a:hover{
    color: #ff4f4f;
    text-decoration: none;
}
.matlab_kh{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #cccccc;
    color: #000;
    font-size: 15px;
	line-height:26px;
    font-style: italic;
    text-align: justify;
    text-justify: auto;
}
.matlab_body{
    font-family: BKoodakBold;
    color: #000;
    font-size: 18px;
    text-align: justify;
    text-justify: auto;
}
.matlab_box .matlab_body{ font-family:'sahel'; font-size:16px; line-height:27px;}
.linkmove{font-family:Tahoma; font-size:14px;}
@media only screen and (max-width:768px){
	.matlab_body, .matlab_kh, .matlab_box .matlab_body, .ser_link div{ font-size:18px; line-height:32px;}
}

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

/**** jadvale dakhele matn ****/
.matlab_body table{
    width: 100%;
	height:auto !important;
    margin: 20px auto;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
}
.matlab_body table tr:first-child{
    background: #444444 !important;
    color: #FFFFFF !important;
}
.matlab_body table tr:nth-child(2n+1){
    background: #f8f8f8;
}
.matlab_body table tr:nth-child(2n){
    background: #f1f1f1;
}
.matlab_body table tr{ width:auto !important; height:auto !important; transition:linear .2s;}
.matlab_body table tr:hover{ background: #DFDFDF;}
.matlab_body table td{
	width:auto !important;
	height:auto !important;
    border: 1px solid #FFFFFF;
    padding: 5px 10px;
    vertical-align: top;
}
.matlab_body table .highlight td{background: #f9adaf  !important;}/*to highlight some rows*/
/*sample Newsletter news136*/
#cf {
  position:relative;
  height:206px;
  width:312px;
  margin:5px auto 20px auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

#cf img.bottom:hover {
  opacity:0;
}
video{max-width:100%;}
@media only screen and (max-width:650px){ /************ responsive matlab code 80 *****************/
    .news80 tbody,.news80 tr,.news80 td{
        display: block !important;
    }
    .news80 tr:first-child{
        display: none !important;
    }
    .news80 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news80 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news80 td:nth-child(1):before {
        content: "نام پکیج: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news80 td:nth-child(2):before {
        content: "ایمیل در ماه: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news80 td:nth-child(3):before {
        content: "مدت ارسال: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news80 td:nth-child(4):before {
        content: "مدت مشاوره: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news80 td:nth-child(5):before {
        content: "گزارش: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news80 td:nth-child(6):before {
        content: "طراحی قالب: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news80 td:nth-child(7):before {
        content: "قیمت: ";
        font-size: 18px;
        color: #ff4f4f;
    }

}
@media only screen and (max-width:650px){ /************ responsive matlab code 80 *****************/
    .news244 tbody,.news244 tr,.news244 td{ display: block !important; }
    .news244 tr:first-child{ display: none !important; }
    .news244 tr{ height: auto; margin-bottom: 10px; }
    .news244 td{ width: auto !important; padding: 5px 10px; text-align: right; border-bottom: 1px solid #eeeeee !important; }
    .news244 td:before { font-size: 18px; color: #ff4f4f; }
    .news244 td:nth-child(1):before { content: "نام کارگاه: "; }
    .news244 td:nth-child(2):before { content: "برخی از مهم‎ترین عناوین کارگاه: "; }
    .news244 td:nth-child(3):before { content: "مدت (ساعت): "; }
}

@media only screen and (max-width:650px){ /************ responsive matlab code 80 *****************/
    .news248 tbody,.news248 tr,.news248 td,.news248_2 td { display: block !important; }
    .news248 tr:first-child, .news248_2 tr:first-child{ display: none !important; }
    .news248 tr, .news248_2 tr{ height: auto; margin-bottom: 10px; }
    .news248 td, .news248_2 td{ width: auto !important; padding: 5px 10px; text-align: right; border-bottom: 1px solid #eeeeee !important; }
    .news248 td:before, .news248_2 td:before{ font-size: 18px; color: #ff4f4f; }
    .news248 td:nth-child(1):before, .news248_2 td:nth-child(1):before{ content: "نام کلاس: "; }
    .news248 td:nth-child(2):before{ content: "برخی از مهم‌ترین عناوین (رفتار سازمانی 1): "; }
	.news248_2 td:nth-child(2):before{ content: "برخی از مهم‌ترین عناوین (رفتار سازمانی 2): "; }
    .news248 td:nth-child(3):before, .news248_2 td:nth-child(3):before { content: "مدت (ساعت): "; }
}


@media only screen and (max-width:650px){ /************ responsive matlab code 80 *****************/
    .news80_1 tbody,.news80_1 tr,.news80_1 td{
        display: block !important;
    }
    .news80_1 tr:first-child{
        display: none !important;
    }
    .news80_1 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news80_1 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news80_1 td:nth-child(1):before {
        content: "تعداد ایمیل: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news80_1 td:nth-child(2):before {
        content: "مبلغ دلاری: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news80_1 td:nth-child(3):before {
        content: "مبلغ (تومان): ";
        font-size: 18px;
        color: #ff4f4f;
    }
}

@media only screen and (max-width:650px){ /************ responsive matlab code 90 *****************/
    .news90 tbody,.news90 tr,.news90 td{
        display: block !important;
    }
    .news90 tr:first-child{
        display: none !important;
    }
    .news90 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news90 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
	.news90 td:first-child{
		background:#444444;
		color: #FFFFFF;
		text-align:center;
	}
    .news90 td:nth-child(2):before {
        content: "پلن الوند: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news90 td:nth-child(3):before {
        content: "پلن سبلان: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news90 td:nth-child(4):before {
        content: "پلن سهند: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news90 td:nth-child(5):before {
        content: "پلن البرز: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news90 td:nth-child(6):before {
        content: "پلن زاگرس: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}
@media only screen and (max-width:750px){ /************ responsive matlab code 31 *****************/
    .news31 tbody,.news31 tr,.news31 td{
        display: block !important;
    }
    .news31 tr:first-child{
        display: none !important;
    }
    .news31 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news31 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news31 td:first-child{
        background:#444444;
        color: #FFFFFF;
        text-align:center;
    }
    .news31 td:nth-child(2):before {
        content: "پلن سفید: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news31 td:nth-child(3):before {
        content: "پلن زرد: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news31 td:nth-child(4):before {
        content: "پلن قرمز: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news31 td:nth-child(5):before {
        content: "پلن آبی: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news31 td:nth-child(6):before {
        content: "پلن مشکی: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news31 td:nth-child(7):before {
        content: "پلن طلائی: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}
@media only screen and (max-width:650px){ /************ responsive matlab code 32 *****************/
    .news32 tbody,.news32 tr,.news32 td{
        display: block !important;
    }
    .news32 tr:first-child{
        display: none !important;
    }
    .news32 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news32 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news32 td:first-child{
        background:#444444;
        color: #FFFFFF;
        text-align:center;
    }
    .news32 td:nth-child(2):before {
        content: "پلن سفید: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news32 td:nth-child(3):before {
        content: "پلن زرد: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news32 td:nth-child(4):before {
        content: "پلن قرمز: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news32 td:nth-child(5):before {
        content: "پلن آبی: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news32 td:nth-child(6):before {
        content: "پلن مشکی: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}
@media only screen and (max-width:650px){ /************ responsive matlab code 33 *****************/
    .news33 tbody,.news33 tr,.news33 td{
        display: block !important;
    }
    .news33 tr:first-child{
        display: none !important;
    }
    .news33 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news33 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news33 td:nth-child(1):before {
        content: "نام پلن: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news33 td:nth-child(2):before {
        content: "تعداد ایمیل: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news33 td:nth-child(3):before {
        content: "فضای هر ایمیل: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news33 td:nth-child(4):before {
        content: "فضای کل: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news33 td:nth-child(5):before {
        content: "قیمت (ریال): ";
        font-size: 18px;
        color: #ff4f4f;
    }
}
@media only screen and (max-width:650px){ /************ responsive matlab code 34 *****************/
    .news34 tbody,.news34 tr,.news34 td{
        display: block !important;
    }
    .news34 tr:first-child{
        display: none !important;
    }
    .news34 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news34 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news34 td:first-child{
        background:#444444;
        color: #FFFFFF;
        text-align:center;
    }
    .news34 td:nth-child(2):before {
        content: "تعداد 1 تا 9: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news34 td:nth-child(3):before {
        content: "تعداد 10 تا 49: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news34 td:nth-child(4):before {
        content: "تعداد 50 تا 99: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news34 td:nth-child(5):before {
        content: "تعداد 100 تا 199: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news34 td:nth-child(6):before {
        content: "تعداد 200 تا 300: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news34 td:nth-child(7):before {
        content: "تعداد بیش از 300: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}

@media only screen and (max-width:650px){ /************ responsive matlab code 51 *****************/
    .news51 tbody,.news51 tr,.news51 td{
        display: block !important;
    }
    .news51 tr:first-child{
        display: none !important;
    }
    .news51 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news51 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news51 td:nth-child(1):before {
        content: "پسوند دامنه: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news51 td:nth-child(2):before {
        content: "یکساله: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news51 td:nth-child(3):before {
        content: "دوساله: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news51 td:nth-child(4):before {
        content: "پنج ساله: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}
@media only screen and (max-width:650px){ /************ responsive matlab code 59 *****************/
    .news59 tbody,.news59 tr,.news59 td{
        display: block !important; width:100% !important;
    }
    .news59 tr:first-child{
        display: none !important;
    }
    .news59 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news59 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news59 td:nth-child(1):before {
        content: "نوع همکاری: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news59 td:nth-child(2):before {
        content: "توضیحات: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news59 td:nth-child(3):before {
        content: "قیمت (نفر ساعت)*: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news59 td:nth-child(4):before {
        content: "پیشنهاد همورا**: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}
.news59 td:nth-child(1) { width:150px;}
@media only screen and (max-width:650px){ /************ responsive matlab code 100 *****************/
    .news100 tbody,.news100 tr,.news100 td{
        display: block !important;
    }
    .news100 tr:first-child{
        display: none !important;
    }
    .news100 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news100 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news100 td:nth-child(1):before {
        content: "شرح: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news100 td:nth-child(2):before {
        content: "به ازای هر مطلب: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}
@media only screen and (max-width:650px){ /************ responsive matlab code 151 *****************/
    .news151 tbody,.news151 tr,.news151 td{
        display: block !important;
    }
    .news151 tr:first-child{
        display: none !important;
    }
    .news151 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news151 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news151 td:nth-child(1):before {
        content: "شرح: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news151 td:nth-child(2):before {
        content: "به ازای...: ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news151 td:nth-child(3):before {
        content: "هزینه...: ";
        font-size: 18px;
        color: #ff4f4f;
    }

}
.news170_a{ max-width: 300px !important; margin: 20px 0 0 !important;}
@media only screen and (max-width:650px){ /************ responsive matlab code 151 *****************/
    .news170 tbody,.news170 tr,.news170 td{
        display: block !important;
		direction:ltr;
    }
    .news170 tr:first-child{
        display: none !important;
    }
    .news170 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news170 td{
        width: auto;
        padding: 5px 10px;
        text-align: left;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news170 td:nth-child(1):before {
        content: "Name: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news170 td:nth-child(2):before {
        content: "Host (MB): ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news170 td:nth-child(3):before {
        content: "Email Count: ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news170 td:nth-child(4):before {
        content: "Email Space: ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news170 td:nth-child(5):before {
        content: "SQL (MB): ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news170 td:nth-child(6):before {
        content: "Total Email Space (MB): ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news170 td:nth-child(7):before {
        content: "Traffic (GB): ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news170 td:nth-child(8):before {
        content: "Total Space (MB): ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news170 td:nth-child(9):before {
		content: "Price Rial: ";
		font-size: 18px;
		color: #ff4f4f;
    }

}

#url_type_txt{
    margin: 10px 0 -17px 0;
    text-align: center;
    color: #ff4f4f;
    display: none;
}
#url_type_txt div{
    font-size: 15px;
}
@media only screen and (max-width:450px){ /************ responsive matlab code 145 poshtibani *****************/
    .news145_5 tbody,.news145_5 tr,.news145_5 td{
        display: block !important; width:100% !important;
    }
    .news145_5 tr:first-child{
        display: none !important;
    }
    .news145_5 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news145_5 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news145_5 td:nth-child(1):before {
        content: "پکیج: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news145_5 td:nth-child(2):before {
        content: "رفع خطا: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news145_5 td:nth-child(3):before {
        content: "کارشناس درجه 1: ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news145_5 td:nth-child(4):before {
		content: "کارشناس درجه 2: ";
		font-size: 18px;
		color: #ff4f4f;
    }

}
#poshtibani_cost td{
    text-align: right;
}
#poshtibani_cost tr:first-child td{
    text-align: center;
}
#poshtibani_cost td:first-child{
    width: 95px;
}
#poshtibani_cost input[type="text"],#poshtibani_cost select,#poshtibani_cost option{
    height: 30px;
    font-size: 16px;
    padding: 0 5px;
    font-family: BKoodakBold;
}
#poshtibani_cost select{
    width: 230px;
}
#poshtibani_cost input[type="text"]{
    width: 200px;
    direction: ltr;
}
.small_poshinfo{
    font-size: 16px !important;
    color: #858585 !important;
}
#darsad_paye{
    display: none;
}
#gheimatpaye2{
    display: none;
}
@media only screen and (max-width:500px){ /************ responsive matlab code  *****************/
    #poshtibani_cost tbody,#poshtibani_cost td{
        display: block !important;
    }
    #poshtibani_cost tr{
        height: auto;
        display: block;
    }
    #poshtibani_cost td{
        width: auto;
        padding: 5px 10px;
        border-bottom: 1px solid #eeeeee !important;
    }
    #poshtibani_cost td:first-child{
        width: auto;
    }
}
.news145 tr { line-height:25px;}
@media only screen and (max-width:650px){ /************ responsive matlab code 145 *****************/
    .news145 tbody,.news145 tr,.news145 td{
        display: block !important;
    }
    .news145 tr:first-child{
        display: none !important;
    }
    .news145 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news145 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news145 td:nth-child(1):before {
        content: "پکیج: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news145 td:nth-child(2):before {
        content: "هزینه پشتیبانی: ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news145 td:nth-child(3):before {
        content: "هزینه به روز رسانی: ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news145 td:nth-child(4):before {
        content: "رفع خطا: ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news145 td:nth-child(5):before {
        content: "توسعه و تغییرات: ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news145 td:nth-child(6):before {
        content: "آموزش رایگان: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}
.news12{
	opacity: 0.8;	
}

@media only screen and (max-width:600px){ /************ responsive matlab code 145 *****************/
	.news_145 tbody,.news_145 tr,.news_145 td{
		display: block !important;
    }
    .news_145 tr:first-child{
        display: none !important;
    }
    .news_145 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news_145 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news_145 td:nth-child(1):before {
        content: "شرح خدمت: ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news_145 td:nth-child(2):before {
		content: "قیمت: ";
		font-size: 18px;
		color: #ff4f4f;
	}

}

.news_145_2 td{ padding:13px 10px !important; font-size:14px;}
.news_145_2 tr:first-child td{ padding:5px 10px !important; font-size:16px;}
.news_145_2 td select{ padding:2px 5px; font-family:"sahel"; font-size:15px; border:1px solid #ddd;} 
.news_145_2 td b{ font-family:"sahelB"; font-size:17px; margin-bottom:8px; font-weight:normal; display:inline-block;}
.news_145_2 td .b_num{ font-size:14px; margin-bottom:0;}
.news_145_2 td img{ width:16px; margin:5px auto auto;}
.news_145_2 td label{ width:100%; padding-bottom:40px; display:block;} 
.news_145_2 tr:last-child b,.news_145_2 tr:nth-last-child(2) b{ margin-bottom:0; font-size:16px;} 
.news_145_2 tr:last-child td{ background:#c5eaba;} 
@media only screen and (max-width:768px){ /************ responsive matlab code 145 *****************/
	.news_145_2 td, .news_145_2 td select, .news_145_2 td .b_num{ font-size:16px;}
	.news_145_2 td img{ margin:0; vertical-align:middle; display:inline-block;}
	.news_145_2 td label{ width:auto; padding:0 5px 0 50px; display:inline-block;} 
	.news_145_2 tbody,.news_145_2 tr,.news_145_2 td{
		display: block !important;
    }
    .news_145_2 tr:first-child{
        display: none !important;
    }
    .news_145_2 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news_145_2 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news_145_2 td:nth-child(1):before {
        content: "ردیف ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news_145_2 td:nth-child(1){
        font-size: 18px;
        color: #ff4f4f;
    }
	.news_145_2 td:nth-child(3):before {
		content: "Professional: ";
		font-size: 18px;
		color: #ff4f4f;
	}
	.news_145_2 td:nth-child(4):before {
		content: "Enterprise: ";
		font-size: 18px;
		color: #ff4f4f;
	}
	.news_145_2 td:nth-child(5):before {
		content: "VLS: ";
		font-size: 18px;
		color: #ff4f4f;
	}
	.news_145_2 tr:last-child td:nth-child(1):before, .news_145_2 tr:nth-last-child(2) td:nth-child(1):before{ display:none;}
	.news_145_2 tr:last-child td:nth-child(2):before, .news_145_2 tr:nth-last-child(2) td:nth-child(2):before{content: "Professional: ";
		font-size: 18px;
		color: #ff4f4f;
	}
	.news_145_2 tr:last-child td:nth-child(3):before, .news_145_2 tr:nth-last-child(2) td:nth-child(3):before{content: "Enterprise: ";
		font-size: 18px;
		color: #ff4f4f;
	}
	.news_145_2 tr:last-child td:nth-child(4):before, .news_145_2 tr:nth-last-child(2) td:nth-child(4):before{content: "VLS: ";
		font-size: 18px;
		color: #ff4f4f;
	}
}

@media only screen and (max-width:500px){
	.news_145_3 tbody,.news_145_3 tr,.news_145_3 td{
		display: block !important;
    }
    .news_145_3 tr:first-child{
        display: none !important;
    }
    .news_145_3 td:nth-child(1):before {
        content: "تحلیل و مشاوره	: ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news_145_3 td:nth-child(2):before {
		content: "برنامه‌نویسی: ";
		font-size: 18px;
		color: #ff4f4f;
	}
	.news_145_3 td:nth-child(3):before {
		content: "پاسخ‌گویی و آموزش: ";
		font-size: 18px;
		color: #ff4f4f;
	}
}

@media only screen and (max-width:650px){ /************ responsive matlab code 12 *****************/
    .news12 tbody,.news12 tr,.news12 td{
        display: block !important;
    }
    .news12 tr:first-child{
        display: none !important;
    }
    .news12 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news12 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news12 td:nth-child(1):before {
        content: "حالت: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news12 td:nth-child(2):before {
        content: "ماژول(ها): ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news12 td:nth-child(3):before {
        content: "مبلغ کل (تومان): ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news12 td:nth-child(4):before {
        content: "پرداخت اول: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news12 td:nth-child(5):before {
        content: "پرداخت دوم: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}
@media only screen and (max-width:750px){ /************ responsive matlab code 167 *****************/
    .news167_1, .news167_1 tbody,.news167_1 tr,.news167_1 td{
        display: block !important;
    }
    .news167_1 tr:first-child{
        display: none !important;
    }
    .news167_1 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news167_1 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news167_1 td:nth-child(1):before {
        content: "ردیف: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news167_1 td:nth-child(2):before {
        content: "نام: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news167_1 td:nth-child(3):before {
        content: "نام انگلیسی: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news167_1 td:nth-child(4):before {
        content: "نشانه: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news167_1 td:nth-child(5):before {
        content: "توضیحات: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}
@media only screen and (max-width:750px){ /************ responsive matlab code 167 *****************/
    .news167_2, .news167_2 tbody,.news167_2 tr,.news167_2 td{
        display: block !important;
    }
    .news167_2 tr:first-child{
        display: none !important;
    }
    .news167_2 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news167_2 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news167_2 td:nth-child(1):before {
        content: "ردیف: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news167_2 td:nth-child(2):before {
        content: "نام: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news167_2 td:nth-child(3):before {
        content: "نام انگلیسی: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news167_2 td:nth-child(4):before {
        content: "نشانه: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news167_2 td:nth-child(5):before {
        content: "توضیحات: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}
@media only screen and (max-width:750px){ /************ responsive matlab code 173 *****************/
    .news173_1, .news173_1 tbody,.news173_1 tr,.news173_1 td{
        display: block !important;
    }
    .news173_1 tr:first-child{
        display: none !important;
    }
    .news173_1 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news173_1 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news173_1 td:nth-child(1):before {
        content: "ردیف: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news173_1 td:nth-child(2):before {
        content: "گزارش‌دهنده: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news173_1 td:nth-child(3):before {
        content: "گزارش‌گیرنده: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news173_1 td:nth-child(4):before {
        content: "دوره ارائه گزارش: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news173_1 td:nth-child(5):before {
        content: "عنوان گزارش: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}

/************ responsive matlab code 188 *****************/
@media only screen and (max-width:650px){ 
    .news188, .news188 tbody,.news188 tr,.news188 td{
        display: block !important;
    }
	.news188 tr:first-child{ 
		display:none !important;
	}
    .news188 td:nth-child(1){
		background:#585858;
		color:#FFFFFF;
    }
    .news188 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news188 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news188 td:first-child:before {
        content: "ردیف: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news188 td:nth-child(2):before {
        content: "تاریخ شروع: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news188 td:nth-child(3):before {
        content: "تاریخ پایان: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news188 td:nth-child(4):before {
        content: "حالت: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}

/************ responsive matlab code 189 *****************/
@media only screen and (max-width:750px){ 
    .news189_1, .news189_1 tbody,.news189_1 tr,.news189_1 td{
        display: block !important;
    }
    .news189_1 tr:first-child{
        display: none !important;
    }
    .news189_1 td:nth-child(1){
		background:#585858;
		color:#FFFFFF;
    }
    .news189_1 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news189_1 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news189_1 td:nth-child(2):before {
        content: "ایمیل: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_1 td:nth-child(3):before {
        content: "فیسبوک: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_1 td:nth-child(4):before {
        content: "توئیتر: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}

.td_col1{ background:#BCBCBC;}
.td_col2{ background:#8B8989;}
.news189_2 tr:last-child td{ border:none; }
@media only screen and (max-width:750px){ 
    .news189_2, .news189_2 tbody,.news189_2 tr,.news189_2 td{
        display: block !important;
    }
    .news189_2 tr:first-child{
        display: none !important;
    }
    .news189_2 td:nth-child(1){
		background:#585858;
		color:#FFFFFF;
    }
    .news189_2 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news189_2 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news189_2 td:nth-child(2):before {
        content: "پذیرش نوع پیام: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_2 td:nth-child(3):before {
        content: "ایمیل: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_2 td:nth-child(4):before {
        content: "ارسال نامه: ";
        font-size: 18px;
        color: #ff4f4f;
    }
	.news189_2 td:nth-child(5):before {
        content: "تلفن: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_2 td:nth-child(6):before {
        content: "پیام کوتاه: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_2 td:nth-child(7):before {
        content: "اَپ موبایل: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_2 td:nth-child(8):before {
        content: "فیسبوک: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_2 td:nth-child(9):before {
        content: "توئیتر: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_2 td:nth-child(10):before {
        content: "لینکدین: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}

.news189_3 tr:nth-child(2){ background:#444444 !important; color:#FFFFFF;}
@media only screen and (max-width:740px){ 
    .news189_3, .news189_3 tbody,.news189_3 tr,.news189_3 td{
        display: block !important;
    }
    .news189_3 tr:nth-child(2){
        display: none !important;
    }
    .news189_3 td:nth-child(1){
		background:#585858;
		color:#FFFFFF;
    }
    .news189_3 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news189_3 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news189_3 td:nth-child(2):before {
        content: "مجموع: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_3 td:nth-child(3):before {
        content: "17-15: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_3 td:nth-child(4):before {
        content: "24-18: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_3 td:nth-child(5):before {
        content: "34-25: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_3 td:nth-child(6):before {
        content: "44-35: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_3 td:nth-child(7):before {
        content: "54-45: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_3 td:nth-child(8):before {
        content: "64-55: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_3 td:nth-child(9):before {
        content: "بیش از 65: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}

@media only screen and (max-width:620px){ 
    .news189_4, .news189_4 tbody,.news189_4 tr,.news189_4 td{
        display: block !important;
    }
    .news189_4 tr:first-child{
        display: none !important;
    }
    .news189_4 td:nth-child(1){
		background:#585858;
		color:#FFFFFF;
    }
    .news189_4 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news189_4 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news189_4 td:nth-child(2):before {
        content: "2015: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_4 td:nth-child(3):before {
        content: "2016: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_4 td:nth-child(4):before {
        content: "2017: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_4 td:nth-child(5):before {
        content: "2018: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_4 td:nth-child(6):before {
        content: "2019: ";
        font-size: 18px;
        color: #ff4f4f;
    }
}

@media only screen and (max-width:620px){ 
    .news189_5, .news189_5 tbody,.news189_5 tr,.news189_5 td{
        display: block !important;
    }
	.news189_5 tr:nth-child(2){ 
		display:none !important;
	}
    .news189_5 tr:nth-child(2) td:first-child{
        display: none !important;
    }
    .news189_5 td:nth-child(1){
		background:#585858;
		color:#FFFFFF;
    }
    .news189_5 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news189_5 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news189_5 td:nth-child(2):before {
        content: "اولین انتخاب: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news189_5 td:nth-child(3):before {
        content: "دومین انتخاب: ";
        font-size: 18px;
        color: #ff4f4f;
    }

}

/**** responsive matlab code 284 *****/
.break{ word-break:break-all;}
#news284 td span{ display:inline-block; direction:ltr !important;}
#news284 tr:first-child{ background: #f8f8f8 !important; color:#444 !important;}
#news284 tr td:first-child{ background: #444444 !important; color: #FFFFFF !important;}
#copybox > div{ display: inline-block;}
#copy{ width: 80px; padding: 5px; background: #00b000; color: #fff; font-family: 'sahel'; text-align: center; border-radius: 3px; cursor: pointer; display: inline-block; transition: all linear .2s; border: none;}
#copy:hover{ opacity: 0.7;}
@media only screen and (max-width:500px){ 
    .news_284, .news_284 tbody,.news_284 tr,.news_284 td{ display: block !important;}
}

@media only screen and (max-width:768px){ 
	.news_353, .news_353 tbody,.news_353 tr,.news_353 td{ display: block !important;}
    .news_353 tr:first-child{ display: none !important;}
	.news_353 tr{ margin-bottom: 10px;}
	.news_353 tr td:first-child{ background: #373737; color: #fff;} 
    .news_353 td:before { padding-left: 4px; font-size: 18px; color: #ff4f4f;}
	.news_353 td:nth-child(1):before{ content: "ماژول یوتاب:"; color: #fff;}
	.news_353 td:nth-child(2):before{ content: "نیازسنجی:";}
	.news_353 td:nth-child(3):before{ content: "آموزش عمومی:";}
	.news_353 td:nth-child(4):before{ content: "آموزش عملیاتی:";}
	.news_353 td:nth-child(5):before{ content: "پرسش و پاسخ:";}
	.news_353 td:nth-child(6):before{ content: "مجموع:";}
}

/**** matlab code 286 ****/
#news_286 td span{ font-size:16px;}
.matlab_body #news_286 tr:hover, .matlab_body #news284 tr:hover{ background: #DFDFDF !important;}
#news_286 ol, #news_286 ul{ margin-top:0 !important;}
#news_286 ol>li{ margin-bottom:20px !important;}
#news_286 ol>li:last-child{ margin-bottom:0;}
#news_286 tr td:nth-child(1){ color: #ff4f4f !important;}
#news_286 tr td:nth-child(2){ text-align:right;}
.enFont #news_286 tr td:nth-child(2){ text-align:left;}
#news_286 tr:first-child{ background: #f8f8f8 !important; color:#444 !important;}
#news_286 tr td .en_info{ margin-left:30px; text-align:left; direction:ltr !important;}
#news_286 tr:nth-child(2) td:nth-child(2){ line-height:25px;}
.news45 td ul li, .news45 td ol li{ margin-right: 0; margin-left: 30px;}
@media only screen and (max-width:600px){ 
    #news_286, #news_286 tbody, #news_286 tr, #news_286 td{
        display: block !important;
    }
    #news_286 tr td:nth-child(1){
		background:#E8E2E2;
    }
    #news_286 tr{
        height: auto;
        margin-bottom: 10px;
    }
    #news_286 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .enFont #news_286 td{ text-align:left;}
}


@media only screen and (max-width:650px){ /************ responsive jadvale code 343 *****************/
    .news343 tbody,.news343 tr,.news343 td{
        display: block !important;
    }
    .news343 tr:first-child{
        display: none !important;
    }
    .news343 tr{
        height: auto;
        margin-bottom: 10px;
    }
    .news343 td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .news343 td:nth-child(1):before {
        content: "ردیف ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news343 td:nth-child(2):before {
        content: "عنوان: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news343 td:nth-child(3):before {
        content: "هزینه ماهیانه: ";
        font-size: 18px;
        color: #ff4f4f;
    }
    .news343 td:nth-child(4):before {
        content: "هزینه سالیانه (تومان): ";
        font-size: 18px;
        color: #ff4f4f;
    }
}

/** jadvale matlabe code 394 **/
@media only screen and (max-width:700px){
	.news_394 tr td{ display:block;}	
	.news_394 tr:first-child{ display:none;}
	.news_394 tr td.sec_title{ background:#333 !important; color:#fff;}
	.news_394 tr td.sec_title:before{ content:"نوع اختلال:";}
	.news_394 tr td:before{ padding-left:4px; font-size: 18px; color: #ff4f4f;}
	.news_394 td:nth-child(1):before{ content:"دسته‌بندی اختلالات:";}
	.news_394 td:nth-child(2):before{ content:"شکل موج:";}
	.news_394 td:nth-child(3):before{ content:"اثرات:";}
	.news_394 td:nth-child(4):before{ content:"دلایل ممکن:";}
	.news_394 td:nth-child(5):before{ content:"راه‌حل‌های ممکن:";}
	.news_394 td:nth-child(6):before{ content:"نوع UPS پیشنهادی:";}	
}

/** jadvale matlabe code 376 **/
@media only screen and (max-width:700px){
	.news376_1{ max-width:500px;}
	.news376_1 tr, .news376_1 td{ display:block;}
	.news376_1 tr{ margin-bottom:10px;}
	.news376_1 tr:first-child{ display:none;}
	.news376_1 td:nth-child(2),.news376_1 td:nth-child(3){ padding:5px 2px; border:none; display:inline-block;}
	.news376_1 tr td:before{ padding-left:4px; font-size: 18px; color: #ff4f4f;}
	.news376_1 td:nth-child(1):before{ content:"ردیف";}
	.news376_1 td:nth-child(2):before{ content:"اختلالات برق شهر:";}
	.news376_1 td:nth-child(4):before{ content:"مدت زمانی:";}
}
@media only screen and (max-width:500px){
	.news376_2 tr, .news376_2 td{ display:block;}
	.news376_2 tr{ margin-bottom:10px;}
	.news376_2 tr:first-child{ display:none;}
	.news376_2 tr td:before{ padding-left:4px; font-size: 18px; color: #ff4f4f;}
	.news376_2 td:nth-child(1):before{ content:"طبقه‌بندی:";}
	.news376_2 td:nth-child(2):before{ content:"توضیحات:";}
	.news376_2 td:nth-child(3):before{ content:"کد:";}
}
@media only screen and (max-width:600px){
	.news376_3 tr, .news376_3 td{ display:block;}
	.news376_3 tr{ margin-bottom:10px;}
	.news376_3 tr:first-child{ display:none;}
	.news376_3 tr td:before{ padding-left:4px; font-size: 18px; color: #ff4f4f;}
	.news376_3 td:nth-child(1):before{ content:"شکل موج:";}
	.news376_3 td:nth-child(2):before{ content:"THD:";}
	.news376_3 td:nth-child(3):before{ content:"توضیحات:";}
	.news376_3 td:nth-child(4):before{ content:"کد:";}
}

/** jadvale matlabe code 377 **/
@media only screen and (max-width:700px){
	.news_377 tr, .news_377 td{ display:block;}
	.news_377 tr{ margin-bottom:10px;}
	.news_377 tr td{ border-bottom: 1px solid #eeeeee !important; text-align:right;}	
	.news_377 tr:first-child{ display:none;}
	.news_377 tr td:before{ padding-left:4px; font-size: 18px; color: #ff4f4f;}
	.news_377 td:nth-child(1):before{ content:"ردیف";}
	.news_377 td:nth-child(2):before{ content:"محاسن استفاده از مدار PFC در ورودی یوپی اس:";}
	.news_377 td:nth-child(3):before{ content:"سودمندی:";}
}

/** jadvale matlabe code 407 **/
.news_407 tr td{ direction:ltr;}
@media only screen and (max-width:550px){
	.news_407 tr, .news_407 td{ display:block;}
	.news_407 tr{ margin-bottom:10px;}
	.news_407 tr td{ border-bottom: 1px solid #eeeeee !important;}	
	.news_407 tr:first-child, .news_407 tr:nth-child(2), .news_407 tr:nth-child(4){ display:none;}
	.news_407 tr td:before{ padding:5px 0 5px 4px; font-size: 18px; color: #ed1e1e; background:#BCBABA; direction:rtl; display:block;}
	.news_407 tr:nth-child(3) td:nth-child(1):before{ content:"شارژ: الکترود مثبت Anode (+)";}
	.news_407 tr:nth-child(3) td:nth-child(2):before{ content:"شارژ: الکترود منفی Cathode (-)";}
	.news_407 tr:nth-child(3) td:nth-child(3):before{ content:"دشارژ: الکترود مثبت Anode (+)";}
	.news_407 tr:nth-child(3) td:nth-child(4):before{ content:"دشارژ: الکترود منفی Cathode (-)";}
	.news_407 tr:nth-child(5) td:nth-child(1):before{ content:"دشارژ: واکنش کلی باتری";}
	.news_407 tr:nth-child(5) td:nth-child(2):before{ content:"شارژ: واکنش کلی باتری";}
}

/** jadvale matlabe code 409 **/
@media only screen and (max-width:700px){
	.news_409 tr, .news_409 td{ display:block;}
	.news_409 tr{ margin-bottom:10px;}
	.news_409 tr td{ border-bottom: 1px solid #eeeeee !important; text-align:right;}	
	.news_409 tr:first-child{ display:none;}
	.news_409 tr td:before{ padding-left:4px; font-size: 18px; color: #ff4f4f;}
	.news_409 td:nth-child(1):before{ content:"آیتم";}
	.news_409 td:nth-child(2):before{ content:"بارهای خطی:";}
	.news_409 td:nth-child(3):before{ content:"بارهای غیرخطی:";}
}

/** jadvale matlabe code 413 **/
@media only screen and (max-width:650px){
	.news_143 tr, .news_143 td{ display:block;}
	.news_143 tr{ margin-bottom:10px;}
	.news_143 tr:first-child, .news_143 tr:nth-child(9) td:last-child, .news_143 tr:nth-child(10) td:last-child{ display:none;}
	.news_143 tr td{ border-bottom: 1px solid #eeeeee !important; text-align:right;}	
	.news_143 tr td img{ margin:10px 0;}
	.news_143 tr td:before{ padding-left:4px; font-size: 18px; color: #ff4f4f;}
	.news_143 tr td:first-child:before{ content:"عدد سمت راست، حفاظت در برابر نقوذ مایعات:";}
	.news_143 tr td:nth-child(4):before{ content:"عدد سمت چپ، حفاظت در برابر نفوذ اجسام جامد:";}
}

/** jadvale matlabe code 414 **/
@media only screen and (max-width:500px){
	.news_414 tr, .news_414 td{ display:block;}
	.news_414 tr{ margin-bottom:10px;}
	.news_414 tr:first-child{ display:none;}
	.news_414 tr td{ border-bottom: 1px solid #eeeeee !important; text-align:center;}	
	.news_414 tr td img{ margin:10px 0;}
	.news_414 tr td:before{ padding-left:4px; font-size: 18px; color: #ff4f4f;}
	.news_414 tr td:first-child:before{ content:"نام یو پی اس:";}
	.news_414 tr td:nth-child(2):before{ content:"محصول شرکت:";}
	.news_414 tr td:nth-child(3):before{ content:"رگولاسیون ولتاژ خروجی:";}
}

/** jadvale matlabe code 480 **/
.news_480 tr .td_border{ padding:5px 0;}
.news_480 tr .td_border p{ border-bottom:1px solid #bdbdbd;}
.news_480 tr .td_border p:last-child{ border:none;}
.news_480 tr td{ vertical-align:middle;}
@media only screen and (max-width:768px){
	.news_480 tr, .news_480 td{ display:block;}
	.news_480 tr{ margin-bottom:10px;}
	.news_480 tr:first-child{ display:none;}
	.news_480 tr td{ border-bottom: 1px solid #eeeeee !important; text-align:center;}	
	.news_480 tr td img{ margin:10px 0;}
	.news_480 tr td:before{ padding-left:4px; font-size: 18px; color: #ff4f4f;}
	.news_480 tr td:first-child:before{ content:"جلسات:";}
	.news_480 tr td:nth-child(2):before{ content:"مبحث اصلی:";}
	.news_480 tr td:nth-child(3):before{ content:"سرفصل:";}
	.news_480 tr td:nth-child(4):before{ content:"زمان(دقیقه):";}
}

/** jadvale matlabe code 268 **/
@media only screen and (max-width:768px){
	.news_268 tr, .news_268 td{ display:block;}
	.news_268 tr{ margin-bottom:10px;}
	.news_268 tr:first-child{ display:none;}
	.news_268 tr td{ border-bottom: 1px solid #eeeeee !important; text-align:center;}	
	.news_268 tr td:first-child{ background:#444; color:#fff;}	
	.news_268 tr td:before{ padding-left:4px; font-size: 18px; color: #ff4f4f;}
	.news_268 tr td:nth-child(2):before{ content:"بر مبنای CMS:";}
	.news_268 tr td:nth-child(3):before{ content:"بر مبنای CRM:";}
}
/**** end jadvale dakhele matn ****/

.matlab_body img{
    max-width: 100%;
    height: auto !important;
    margin: 10px auto;
    display: block;
}
.matlab_body h3{
    font-weight: normal !important;
}
.matlab_body iframe{
    margin: 10px auto 20px !important;
}
.matlab_body .example1{ color:#888888; position:relative; bottom:10px; font-size:13px; font-style:italic; text-align:center; display:block;}
#matend_txt{
    padding: 30px 0px;
    line-height: 35px;
}
#matlab_link i{
    margin-left: 5px;
    font-size: 17px;
    position: relative;
    top: 3px;
    transform: rotate(80deg);
}
#matlab_lable a{
    text-decoration: none !important;
}

/*ghabli badi*/
#matlab_prenext{
    margin: 20px 0;
}
#matlab_prenext > div{ background:#f5f5f5; margin-bottom:5px;}
#matlab_prenextbox1{
    width: 100%;
    position: relative;
    overflow: hidden;
	border-right:3px solid #FD6564;
}
#matlab_prenextbox2{
    width: 100%;
    position: relative;
    overflow: hidden;
	text-align:left;
	border-left:3px solid #FD6564;
}
#matlab_prenext a{
    padding: 8px 10px;
    line-height: 27px;
    display: block;
    color: #000;
    font-size: 15px;
    transition: all .3s linear;
    position: relative;
}
#matlab_prenext a:hover{
    background: #ededed;
    text-decoration: none;
}

#matlab_prenext a b{ color:#333; font-family:"sahelB"; font-weight:normal;}
#matlab_prenext a i{
    margin: 0px 6px;
	vertical-align:middle;
	font-size:17px;
	color:#fd6463;
	position:static;
	transform:none;		
}


#matlab_att{
    margin-top: 20px;
    font-family: Tahoma;
    font-size: 14px;
    line-height: 20px;
}
#matlab_att a{
    color: #007ed6;
}
#matlab_att a:hover{
    color: #ff4f4f;
}
#matlab_lable{
    margin-top: 10px;
}
#matlab_lable a{
    padding: 1px 10px;
    margin-left: 3px;
    height: 25px;
    line-height: 20px;
    background: whitesmoke;
    color: #818181;
    font-size: 13px;
    display: inline-block;
}
#matlab_lable a:hover{
    background: #ededed;
}
@media only screen and (max-width:1200px){ /************ responsive matlab 1200 px *****************/
    #service{
        padding: 0px 25px;
    }
    .matlab_simg{
        display: none;
    }
    .link_matcom .resmatlab_time{
        display: inline-block;
    }
    .matlab_bimg{
        width: 100%;
        padding: 0px 10px;
        float: none;
    }
    .matlab_txt{
        margin-right: 5px;
        float: none;
    }
}
@media only screen and (max-width:780px){ /************ responsive service link 780 px *****************/
    .matlab_box{
        padding: 0px 20px;
    }
    #news_content, #news_content.padd_top{
        padding-top: 104px;
    }
    #res_navigation{
        display: block;
    }
}
/***** comment ********/
#matlab_comm{
    padding: 50px 0px;
    background: #f5f5f5;
}
#matlab_comm .container{
    padding: 0px 16.666667%;
}
.comment{
    width: 95%;
    margin-bottom: 50px;
    line-height: 15px;
    position: relative;
}
#comment_header{
    margin-bottom: 20px;
    color: #444444;
    font-size: 25px;
    line-height: 30px;
	font-family:sahelB;
}
.comm_img{
    width: 40px;
    padding: 7px 0px;
    margin-left: 10px;
    font-size: 40px;
    color: #fb8686;
    text-align: center;
    position: absolute;
}
.comment_info{
    padding: 5px 0px;
    color: #aaaaaa;
    font-family: sahel;
    font-size: 12px;
}
.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: sahel;
    font-size: 16px;
    color: #444444;
    line-height: 26px;
    text-align: justify;
    text-justify: auto;
}
.comment_ans{
    margin: 15px 60px 0px 0px;
}
.comment_ans .comm_img{
    color: #7f7f7f;
    font-size: 35px;
}
.comm_reply{
    color: #aaaaaa;
    line-height: 30px;
	font-family:sahelB;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
    transition: all .2s linear;
}
.comm_reply i{
    margin-left: 2px;
}
.comm_reply:hover{
    color: #ff4f4f;
}
/******* form ersale nazar **********/
#comform_header{
    margin: 15px 0px 10px 0px;
    color: #444444;
	font-family:sahelB;
    font-size: 21px;
    line-height: 30px;
}
#cancel_reply{
    padding: 0px 10px 0px 0px;
    color: #ff4f4f;
    cursor: pointer;
    font-size: 20px;
    display: none;
    transition: all .3s linear;
}
#cancel_reply:hover{
    color: #b91217;
}
#comment_form label{
    line-height: 25px;
    padding-right: 5px;
    font-size: 15px;
    color: #696969;
    display: block;
    font-family: sahel;
}
#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: 270px;
    max-height: 270px;
    margin-bottom: 15px;
    padding: 5px 10px;
    background: #f0f0f0;
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
    font-family: sahel;
    font-size: 17px;
    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: 45px;
    padding: 5px 10px;
    background: #f0f0f0;
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: sahel;
    font-size: 17px;
    transition: all .3s linear;
}
#comment_form input[type="text"]:hover,#comment_form textarea:hover,
    #comment_form input[type="text"]:focus,#comment_form textarea:focus{
    border: 1px solid rgba(0,126,214,.5);
    box-shadow: 0px 0px 5px rgba(0,126,214,1);
}
#comment_form .ltext{
    font-family: Tahoma !important;
}
#matcom_sub{
    text-align: left;
    padding-bottom: 10px;
}
#comment_form input[type="submit"]{
    height: 35px;
    margin-top: 25px;
    padding: 0px 30px;
    font-size: 16px;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
    font-family: sahel;
    background: #444444;
    border: 1px solid #444444;
    color: #FFFFFF;
    cursor: pointer;
    transition: all .3s linear;
}
#comment_form input[type="submit"]:hover{
    background: #222222;
    border: 1px solid #222222;
}
#matcom_sub #pasokh_sub{
    display: none;
}
@media only screen and (max-width:1000px){ /************ responsive matlab 1000 px *****************/
    #matlab_comm .container{
        padding: 0px 30px;
    }
}
@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{
        width: 30px;
        margin-top: -10px;
        font-size: 30px;
    }
    .comment .comm_box{
        padding-right: 35px;
    }
    .comment_ans{
        margin: 15px 5px 0px 0px;
    }
    .comment_ans .comm_img{
        font-size: 30px;
    }
}
@media only screen and (max-width:500px){ /************ responsive matlab 500 px *****************/
    #matlab_comm .container{
        padding: 0px 10px;
    }
    .comment_info{
        line-height: 25px;
    }
}
#ser_article{
    width: 25%;
    padding: 0px 30px 0px 30px;
    line-height: 25px;
    float: left;
}
#ser_article form{
    width: 100%;
    height: 40px;
    margin-bottom: 40px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
#ser_article input{
    width: 100%;
    height: 40px;
    padding: 0px 7px 0px 52px;
    font-family: BKoodakBold;
    border: none;
    background: #fafafa;
    font-size: 18px;
    position: relative;
    z-index: 1;
    display: block;
}
#ser_article button{
    width: 45px;
    height: 40px;
    border: none;
    background:  rgba(255,28,28,.75);
    color: #FFFFFF;
    text-shadow: 0px 1px 2px #000000;
    font-size: 20px;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
    display: block;
    cursor: pointer;
    transition: all .3s linear;
}
#ser_article button:hover{
    background:  rgba(255,28,28,1);
}
#serblog_head{
    padding: 15px 0px;
    margin-bottom: 15px;
    border-bottom: 2px solid #333333;
    font-size: 20px;
    color: #333333;
}
.ser_blog{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
}
.ser_blog a:first-child{
    font-size: 17px;
    color: rgba(255,28,28,.75);
    transition: all .3s linear;
}
.ser_blog a:first-child:hover{
    color: rgba(255,28,28,1);
}
.ser_blog div{
    margin-top: 5px;
    font-size: 12px;
    line-height: 20px;
    font-family: Tahoma;
    color: #7a7a7a;
}
.ser_blog a:last-child{
    width: 120px;
    height: 30px;
    margin-top: 15px;
    padding: 0px 3px 0px 3px;
    line-height: 30px !important;
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    background: rgba(43,43,43,.75);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    transition: all .3s linear;
}
.ser_blog a:last-child:hover{
    background: rgba(43,43,43,1);
}
@media only screen and (max-width:1050px){ /************ responsive service link 780 px *****************/
    #service{
        width: 100%;
        float: none;
    }
    .ser_link{
        padding: 0px 0px 0px 0px;
    }
    .link_matcom .remove_link{
        display: none;
    }
    .matlab_box{
        width: 100%;
        margin-bottom: 20px;
        float: none;
    }
    .matlab_bimg{
        padding: 0px 0px !important;
        margin: 0px;
    }
    .matlab_txt{
        padding: 0px 5px !important;
        margin: 0px;
    }
    #ser_article{
        width: 100%;
        padding: 20px 30px 0px 30px !important;
        border-top:  1px solid #d8d8d8;
        float: none;
    }
    #ser_article form{
        width: 400px;
    }
    .ser_blog:last-child{
        border-bottom: none;
    }
    .matlab_article{
        padding-top: 5px !important;
    }
    #paging{
        padding: 0px 30px 20px 30px;
    }
}
@media only screen and (max-width:500px){ /************ responsive service link 780 px *****************/
    #ser_article{
        padding: 35px 10px 0px 10px;
        float: none;
    }
    #ser_article form{
        width: 100%;
        margin-bottom: 20px;
    }
    #paging{
        width: 100%;
        padding: 0px 10px 20px 10px;
        margin: auto;
    }
}

/****** related news *********/
.vtours{ height: 220px; display:inline-block; width: Calc(50% - 5px); position:relative; padding-top:5px; transition:all linear .2s;}
.vtours:first-of-type{ margin-left: 10px;}
.vtours:hover img{ opacity: .7;}
.vtours img{ height: 100% !important; margin: 0 !important; object-fit: cover !important; object-position: center !important; display:block; width:100%; border:5px solid white; transition:all linear .2s;}
.vtours b{position:absolute; bottom:5px; right:5px; padding:7px 10px 5px; background:rgba(0,0,0,.5); left:5px;}
.vije .title{ margin-bottom: 10px; font-family: "sahelB"; font-size:25px; line-height: 40px; font-weight: normal;}
.vije .title i{font-size:25px; padding-left:5px; color:#FFC621;}
.vije p{font-size:14px; padding-right:15px;}
.vtours b h2{font-size:14px; font-family:'SahelB'; color:white; display:inline-block; padding-left:3px;}
.vtours b span{font-size:12px; font-family:'Sahel'; color:#A3A3A3;}
.vtours:hover{opacity:.8;}
.vije{ font-size:0; background:url(images/background/bg.jpg); padding-top:20px; padding-bottom:20px !important;}
@media only screen and (max-width:900px){
	.vtours{ width:100%; margin:10px 0; display:block;}
	.vtours img{ border-bottom:none;}
    .vtours b h2{ font-size: 17px; line-height: 30px;}
    .vtours b{ bottom: 0;}
}

/********************************************* lebel ********************************************/
#label_banner{
    padding: 40px 30px;
    line-height: 30px;
	background:url(images/bg/background1.jpg);
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.label_pagingbox{
    margin: 5px 0px;
    line-height: 30px;
    font-size: 15px;
    color: #444444;
}
.label_paging{
    width: 100%;
    padding: 3px 5px;
    float: right;
    text-align: left;
}
.label_paging a{
    text-decoration: none;
    color: #ff4f4f;
}
.label_pagingbox i{
    margin: 0px 3px;
    position: relative;
    top: 2px;
}
.label_paging a:hover{
    color: #444444;
}
@media only screen and (max-width:1050px){ /************ responsive paging 1050 px *****************/
    .label_paging{
        width: 100%;
        padding: 0px 10px;
        float: none;
    }
}
#label_name div{
    display: inline-block;
    font-size: 36px !important;
    color: #444444;
}
#label_name span{
    padding: 0px 3px;
    font-size: 34px !important;
    color: #c0c0c0;
    display: inline-block;
}
#label_name h1{
    padding: 15px 0px;
    margin: 0px;
    margin-bottom: 20px;
    font-size: 36px !important;
    font-weight: normal;
    color: #797979;
    display: inline-block;
}
@media only screen and (max-width:780px){ /************ responsive service content and banner 780 px *****************/
    #label_banner{
        padding: 40px 10px;
    }
    #label_name div{
        display: inline-block;
        font-size: 28px !important;
    }
    #label_name h1{
        padding: 15px 0px;
        font-size: 28px !important;
    }
}
/********************************************* about team ********************************************/
#co_team{ background:#242d39;}
#hamm_imgbox{ position: relative; margin:auto; display:flex; display: -webkit-flex; display:-ms-flex; flex-wrap:wrap;}
.hamm_teamimg{
    width:16.666%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
	border-top:4px solid transparent;
	display:flex; 
	display: -webkit-flex; 
	display:-ms-flex;
    justify-content: center;
    align-items: center;
	color:#fff;
	font-size:20px;
	line-height:30px;
	text-align:center;
}
.hamm_teamimg span{ padding:0 8px;	color:#fff;	font-size:20px;	line-height:30px; text-align:center; display:block;}
.hamm_teamimg span i{ font-size:30px; display:block;}
.hamm_teamimg{ background:#242d39; border-color:#242d39;}
.hamm_teamimg img{
    max-width: 100%;
    display: block;
}
.hamm_teamimg:before{
    content: "";
    width: 0;
    height: 0;
    margin: auto;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 60px solid #222222;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -65px;
    z-index: 1;
    transition: all .2s linear;
}
.hamm_team_active:before{
    bottom: -15px !important;
}
#hamm_infobox{
    width: 100%;
    background: #222222;
	position:relative;
    z-index: 2;
    overflow: hidden;
    transition: all .2s linear;
}
.hamm_infoimg{
    width: 33%;
    padding: 0px 30px 0px 0px;
    margin-left: 30px;
    direction: ltr;
    text-align: left;
    float: right;
}
#hamm_infobox img{
    width: 100%;
    max-width: 400px;
    height: auto;
    display: block;
}
.hamm_info{
    width: 100%;
    height: 100%;
    display: none;
}
.hamm_infotxt{
    padding: 20px;
    line-height: 30px;
}
.hamm_infotxt div{
    padding-right: 30px;
    margin-bottom: 10px;
}
.hamm_infotxt div:nth-child(1){
    color: #FFFFFF;
    font-size: 21px;
}
.hamm_infotxt div:nth-child(2){
    color: #88867e;
    font-size: 17px;
}
.hamm_infotxt div:nth-child(3), .part div:nth-child(2){
    margin-top: 25px;
    font-size: 20px;
    font-family: BKoodakBold;
    text-align: justify;
    text-justify: auto;
    color: #eaeaea;
}
.hamm_infotxt div:nth-child(4){
    margin-top: 35px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: BKoodakBold;
    text-align: justify;
    text-justify: auto;
}
.hamm_infotxt div:nth-child(4) i{
    margin-left: 10px;
    color: #ff4f4f;
    font-size: 20px;
    display: inline-block;
    position: relative;
    top: 3px;
}
#hamm_infoclose{
    position: absolute;
    z-index: 2;
    left: 30px;
    top: 30px;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 30px;
}
#about_txt {
    max-width: 900px;
    padding: 50px 10px !important;
    margin: auto !important;
    text-align: justify;
    text-justify: auto;
	font-size: 16px;
	color:#000;
    font-family: sahel !important;
}
#about_txt a:hover{
    color: #145ca8 !important;
}

/**** style code 73 about us ****/
#about_txt .history{ padding-right:20px; margin:30px 0; border-right:2px dotted #FF4F4F;}
#about_txt .history .date_circle{ padding:10px; margin-bottom:20px; background:#FF4F4F; color:#fff; position:relative; border-radius:100%; display:inline-block;}
#about_txt .history .date_circle:before{ content:""; height:2px;  width:68px; position:absolute; top:0px; right:-20px; border-top:2px dotted #FF4F4F; display:block;}
/**** end style code 73 about us ****/

.socials a { display:inline-block; padding:3px; font-size:24px; transition:linear .2s;}
.socials a:hover, .loglink a:hover {opacity:.5;}
.socials a.twt{color:#00c4f8;}
.socials a.insta{color:#d83060;}
.socials a.linkd{color:#0077b5;}
.socials a.file_txt{color:#f0a20c; font-size:20px !important;}
.socials a.file_txt2{color:#fcd06f; font-size:20px !important;}
.social_in{ display:inline-block; position:relative; top:5px;}
.dis_inline{ display: inline-block;}

.loglink a{ margin-bottom:4px; display:inline-block; padding:3px; font-size:22px; transition:linear .2s;}
.loglink a{color:#FFFFFF; font-size:15px; display:inline-block; border:1px solid #ff4f4f; border-radius:5px; padding:6px;}
.loglink i{color:#ff4f4f; padding-left:8px; font-size:20px;}


@media only screen and (max-width:1200px){
	.hamm_teamimg span{ font-size:15px; line-height:26px;}
}
@media only screen and (max-width:900px){ /************ responsive info box 900 px *****************/
	.hamm_teamimg span{ font-size:20px; line-height:30px;}
	.hamm_teamimg span i{ margin-bottom:5px;}
    #hamm_infobox img{
        display: none;
    }
    .hamm_infotxt div{
        padding: 0px 30px;
    }
    .hamm_teamimg{
        width:33.33%;
    }
	.hamm_teamimg{ border-top:4px solid #242d39;}
	.socials a{ font-size:34px; margin-left:10px;}
}
@media only screen and (max-width:768px){
	#about_txt{ font-size:18px; line-height:32px;}
}

@media only screen and (max-width:600px){ /************ responsive info box 600 px *****************/
    .hamm_teamimg:before{
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-bottom: 50px solid #222222;
    }
}
@media only screen and (max-width:450px){ /************ responsive info box 450 px *****************/
    .hamm_teamimg:before{
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-bottom: 40px solid #222222;
    }
	.hamm_teamimg span{ font-size:15px; line-height:26px;}
	.hamm_teamimg span i{ font-size:20px; margin-bottom:0;}
}
/********************************************* utab ********************************************/
#utab_cost{
    font-family: sahel;
}
#utab_cost table{
    width: 100%;
    margin: auto;
    line-height: 33px;
    text-align: center;
}
#utab_cost tr{
    height: 35px;
    font-size: 15px;
    border-bottom: 1px solid #eeeeee;
}
#utab_cost tr:first-child{
    background: #444444;
    border-bottom: none;
    text-shadow: 0px 1px 2px #000000;
}
#utab_cost td{
    padding: 0px 5px;
    color: #444444;
}
#utab_cost td:nth-child(3){
    color: #ff4f4f;
}
#utab_cost table td:nth-child(4){
	text-align:right;
}
#utab_cost td label{
    cursor: pointer;
}
#utab_cost tr:first-child td{
    color: #FFFFFF !important;
}
#utab_cost input[type="checkbox"]{
    position: relative;
    top: 3px;
}
#utab_cost table tr:nth-child(3) td:nth-child(6):before, #utab_cost table tr:nth-child(3) td:nth-child(7):before {
	content: "از ";
	font-size: 15px;
	color: #858585;
}
#utab_cost table td:nth-child(6):after, #utab_cost table td:nth-child(7):after {
	content: " تومان";
	font-size: 15px;
	color: #858585;
}
/*#utab_cost table tr:nth-child(7) td:nth-child(6):after,#utab_cost table tr:nth-child(8) td:nth-child(6):after, #utab_cost table tr:nth-child(9) td:nth-child(6):after{ content:"";} */
#utab_cost table tr:nth-child(1) td:nth-child(6):after,#utab_cost table tr:nth-child(1) td:nth-child(7):after {
	display: none;
}
#utab_cost table td:nth-child(5){
    display: none;
}
#utab_allcost{
    width: 100%;
    margin: 0px auto 0px auto;
    padding: 10px 0;
    border-top: 4px solid #ff4f4f;
    line-height: 30px;
    text-align: center;
    font-size: 17px;
    background: #f1f1f1;
}
#utab_allcost div{ padding-left:10px; padding-right:10px;}
#utab-flex{ display:flex; display:-webkit-flex; justify-content:center;}
#utab-flex > div:first-child{ border-left:1px solid #DBDADA;}
#utab-flex > div{ width:50%;}
#utab-flex div{  padding:0;} 
.utab_web_set,.utab_web_set2{
    display: none;
}
#saat_amozesh{ margin-top:5px; padding-top:5px; font-size:0;}
#saat_amozesh span{ border:none;} 
#language{ margin:10px auto;} 
#language input{ cursor:pointer;}
#language label{ padding-right:5px; margin-left:10px; cursor:pointer;} 
#language label span{ color:#999; font-size:15px;}
#language .lang_txt{color:#ff4f4f;}
.adu_h{ margin-top:5px; padding-top:5px; border-top: 4px solid #ff4f4f;}
.utab_web_set2,#khadamate_rayegan_poshtibani,#saat_amozesh{
	font-size:16px;
	color: #858585;	
}
#utab_comment{
    width: 100%;
    margin: 30px auto 0px auto;
    line-height: 30px;
    color: #444444;
}
#utab_comment #ucom_head{
    font-size: 19px;
    line-height: 40px;
    color: #000000;
}
#utab_comment li{
    margin-right: 30px;
    font-size: 15px;
}
#NatijeSubmit{
    margin-top: 15px;
    padding: 0 10px;
    line-height: 60px;
    font-size: 21px;
    text-align: center;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
            border-radius: 10px;
    color: #ff4f4f;
}
#amozesh_rayegan{
    display: none;
}
@media only screen and (max-width:650px){ /************ responsive utab cost 650 px *****************/
	#utab-flex{ display:block;}
	#utab-flex > div{ width:100%;}
	#utab-flex > div:first-child{ padding-bottom:10px; border-bottom:1px solid #DBDADA; border-left:none;}
	#utab-flex > div:last-child{ padding-top:10px;}
    #utab_cost tbody,#utab_cost tr,#utab_cost td{
        display: block !important;
    }
    #utab_cost tr:first-child{
        display: none !important;
    }
    #utab_cost table tr{
        height: auto;
        margin-bottom: 10px;
    }
    #utab_cost table td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee;
    }
    #utab_cost table td:nth-child(5){
        display: none !important;
    }
    #utab_cost table td a{
        display: inline-block;
    }
    #utab_cost table td:nth-child(1){
		text-align:center;
		background:#444444;
        font-size: 21px;
        color: #ffffff;
    }
    #utab_cost table td:nth-child(2):before {
        content: "انتخاب: ";
        font-size: 18px;
        color: #858585;
    }
    #utab_cost table td:nth-child(3):before {
        content: "نام ماژول: ";
        font-size: 18px;
        color: #858585;
    }
    #utab_cost table td:nth-child(4):before {
        content: "توضیح مختصر: ";
        font-size: 18px;
        color: #858585;
    }
    #utab_cost table td:nth-child(6):before {
        content: "Professional: ";
        font-size: 18px;
        color: #858585;
		display:inline-flex;
    }
    #utab_cost table td:nth-child(7):before {
        content: "Enterprise: ";
        font-size: 18px;
        color: #858585;
		display:inline-flex;
    }
	#utab_cost table tr:nth-child(3) td:nth-child(6)::before{ content: "Professional: از ";} 
	#utab_cost table tr:nth-child(3) td:nth-child(7)::before{ content: "Enterprise: از";}
}
/********************************************* mina ********************************************/
#mina_cost{
    width: 100%;
    text-align: center;
    font-size: 17px;
    line-height: 30px;
}
#mina_cost table{
    width: 100%;
	height:auto !important;
}
#minamajol_head{
    background: #444444 !important;
    color: #FFFFFF !important;
}
#mina_cost tr:nth-child(2n+1){
    background: #f8f8f8;
}
#mina_cost tr{
	width:auto !important;
	height:auto !important;
}
#mina_cost td{
	width:auto !important;
	height:auto !important;
    padding: 10px;
    vertical-align:top;
    border: 1px solid #eeeeee;
}
.majol_head td span{
    display: none;
}
#minamajol_head td{
    border: 1px solid #FFFFFF;
}
#mina_cost .cost,#mina_haste_asli #hasteasli_cost,#minamajol_head td:nth-child(3){
    display: none;
}
#mina_cost td:nth-child(2){
    white-space: nowrap;
}
#mina_cost label{
    color: #ff4f4f;
    cursor: pointer;
}
#mina_cost td:last-child{
    text-align: right;
}
#mina_cost td a{
    color: #2930bc;
    text-decoration: none;
    transition: all .3s linear;
}
#mina_cost td a:hover{
    color: #ff4f4f;
}
#minacost_show table{
    width: 100%;
    margin-top: 50px;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
}
#minacost_show tr:first-child{
    background: #444444 !important;
}
#minacost_show tr:first-child td{
    border: 1px solid #FFFFFF;
    color: #FFFFFF !important;
}
#minacost_show tr:nth-child(2n+1){
    background: #f8f8f8;
}
#minacost_show td{
    padding: 5px;
    vertical-align:middle;
    border: 1px solid #eeeeee;
}
#minacost_show td:first-child{
    color: #ff4f4f;
}
@media only screen and (max-width:600px){ /************ responsive mina cost 450 px *****************/
    /*** table aval ***/
    #mina_cost tbody,#mina_cost tr,#mina_cost td{
        display: block !important;
    }
    #mina_cost tr:first-child{
        display: none !important;
    }
    #mina_cost table tr{
        height: auto;
        margin-bottom: 10px;
    }
    #mina_cost table td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee;
    }
    #mina_cost .cost,#mina_haste_asli #hasteasli_cost,#minamajol_head td:nth-child(4){
        display: none !important;
    }
    #mina_cost table td a{
        display: inline-block;
    }
    #mina_cost table td:nth-child(1):before {
        content: "انتخاب: ";
        font-size: 18px;
        color: #858585;
    }
    #mina_cost table td:nth-child(2):before {
        content: "نام ماژول: ";
        font-size: 18px;
        color: #858585;
    }
    #mina_cost table td:nth-child(4):before {
        content: "امکان: ";
        font-size: 18px;
        color: #858585;
    }
    .majol_head td:before {
		display:none;
    }
    .majol_head td span{
        display: inline-block;
        font-size: 24px;
        margin-left: 5px;
    }
}
@media only screen and (max-width:600px){ /************ responsive mina cost 450 px *****************/
    #minacost_show tbody,#minacost_show tr,#minacost_show td{
        display: block !important;
    }
    #minacost_show tr:first-child{
        display: none !important;
    }
    #minacost_show table tr{
        height: auto;
        margin-bottom: 10px;
    }
    #minacost_show table td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee;
    }
	#minacost_show table td:nth-child(1){
        color: #FFFFFF;
		text-align:center;
        font-size: 21px;
	}
    #minacost_show table tr:nth-child(2) td:nth-child(1){
        background: #0084e9;
    }
    #minacost_show table tr:nth-child(3) td:nth-child(1){
        background: #e94d00;
    }
    #minacost_show table tr:nth-child(4) td:nth-child(1){
        background: #14c860;
    }
    #minacost_show table td:nth-child(1):before {
        content: "نام پکیج: ";
        font-size: 21px;
        color: #FFFFFF;
    }
    #minacost_show table td:nth-child(2):before {
        content: "گرافیک و چیدمان: ";
        font-size: 18px;
        color: #858585;
    }
    #minacost_show table td:nth-child(3):before {
        content: "آموزش: ";
        font-size: 18px;
        color: #858585;
    }
    #minacost_show table td:nth-child(4):before {
        content: "پشتیبانی: ";
        font-size: 18px;
        color: #858585;
    }
    #minacost_show table td:nth-child(5):before {
        content: "مدت تحویل: ";
        font-size: 18px;
        color: #858585;
    }
    #minacost_show table td:nth-child(6):before {
        content: "قیمت (تومان): ";
        font-size: 18px;
        color: #858585;
    }
}
/********************************************* utab page info ********************************************/
.upi_header{
    margin: 20px 0;
    line-height: 40px;
    background: #e5cdd3;
    color: #5a273e;
    border-radius: 10px;
    font-size: 22px;
    text-align: center;
}
.upi_header3{
    line-height: 40px;
    text-align: center;
    background: #462e78;
    color: #ffffff;
    font-size: 22px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.texth h2{
	font-weight:normal;
	font-family:"SahelB";
    color: #67273e;
    font-size: 21px;
	line-height:35px;
	margin:0;
	display:block;
	}

.example2{ padding:15px 60px 15px 10px; margin:20px 0; background:#eee; font-size:16px; border:1px solid #ddd; border-radius:5px; border-right:3px solid #ddd; position:relative; display:inline-block;}
.example2:before{ content:url("images/symbol/lamp.png"); height:30px; position:absolute; right:15px; top:0; bottom:0; margin:auto;}
	
.texth h2 span{
    width: 55px;
    line-height: 45px;
    font-size: 50px;
    text-align: center;
    display: inline-block;
    position: relative;
    top: 10px;
    color: #67273e !important;
	}
.texth h2 + p, .texth h2 + p + ol + p, .texth h2 + p + ol + p{
    margin-bottom: 20px;
    padding-right: 40px;
	}
.texth h2 + p + ul, .texth h2 + p + ol{ margin-right:65px;}

@media only screen and (max-width:600px){ /************ responsive news code 12 600 px *****************/
    .upi_header2 span{
        width: 30px;
        text-align: right;
        top: 5px;
    }
	.texth h2 span{ top:5px;}
    .texth h2 + p{
        margin-bottom: 30px;
        padding-right: 0px;
    }
	.texth h2 + p + ul, .texth h2 + p + ol{ margin-right:15px;}
}
.utab_emkanat{
    max-width: 500px;
    margin: auto;
    margin-bottom: 40px;
    padding: 13px;
    font-size: 25px;
    line-height: 60px;
    box-shadow: 8px 6px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    background: #8064a2;
    color: #FFFFFF;
    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
            border-radius: 10px;
}
.upi_header5{
    line-height: 40px;
    margin-bottom: 10px;
    text-align: center;
    background: #c9577f;
    color: #ffffff;
    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
            border-radius: 10px;
    font-size: 22px;
}
.upi_header6{
    line-height: 40px;
    background: #c9577f;
    color: #ffffff;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    font-size: 22px;
    text-align: center;
}
#wh_utab{
    background: url('../../myimages/products/Utab/brochure/bg.jpg');
    padding: 10px;
    color: #fff;
}
.whu_box{
    margin: 50px 0 0 0;
}
.whu_box img{
    width: 30%;
    margin: 0 5%;
    display: block;
    float: right;
}
.whu_box:nth-child(2n) img{
    float: left;
}
.whu_box .whu_txt{
    width: 60%;
    padding: 15px;
    line-height: 32px;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
            border-radius: 10px;
    float: right;
}
.whu_box:nth-child(2n){
    padding-right: 50px;
}
.whu_box:nth-child(2n+1){
    padding-left: 50px;
}
.whu_box .whu_txt div{
    line-height: 45px;
    font-size: 22px;
}
@media only screen and (max-width:600px){ /************ responsive news code 12 600 px *****************/
    .whu_box img{
        width: auto;
        max-width: 100%;
        margin: 0 auto 10px auto;
        float: none;
    }
    .whu_box:nth-child(2n) img{
        float: none;
    }
    .whu_box .whu_txt{
        width: 100%;
        margin: auto;
        float: none;
    }
    .whu_box:nth-child(2n){
        padding-right: 0px;
    }
    .whu_box:nth-child(2n+1){
        padding-left: 0px;
    }
    .whu_box .whu_txt div{
        text-align: right;
        margin-bottom: 10px;
    }
}
.upi_header7{
    margin: 30px 0px 10px 0px;
    line-height: 40px;
    background: #dce7c7;
    color: #2c5235;
    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
            border-radius: 10px;
    font-size: 22px;
    text-align: center;
}
.upi_header8{
    margin: 30px 0px 10px 0px;
    line-height: 40px;
    background: #EAC100;
    color: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 22px;
    text-align: center;
}
#upi_talaie img{
    width: 30%;
    margin: 0 5%;
    float: right;
    display: block;
}
#upi_talaie div{
    width: 60%;
    padding: 0 15px;
    float: left;
}
@media only screen and (max-width:600px){ /************ responsive news code 12 600 px *****************/
    #upi_talaie img{
        width: auto;
        max-width: 100%;
        margin: 0 auto 15px auto;
        float: none;
    }
    #upi_talaie div{
        width: 100%;
        float: none;
    }
}
.upi_header9{
    margin: 30px 0px 10px 0px;
    line-height: 40px;
    background: #dce7c7;
    color: #2c5235;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 22px;
    text-align: center;
}
#upi_ulmpshtarian{
    font-size: 0px;
	line-height:0;
	
}
#upi_ulmpshtarian li{
    width: 33.333%;
    margin: 0;
    padding: 5px 0;
    background: #eeeeee;
    color: #3f4041;
	font-size: 17px;
    border: 1px solid #FFFFFF;
    line-height: 30px;
    text-align: center;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    overflow: hidden;
    display: inline-block;
}
#upi_ulmpshtarian a{
    text-decoration: none;
    background: #eeeeee;
    color: #ff4f4f;
    display: block;
    transition: all .3s linear;
}
#upi_ulmpshtarian a:hover{
    color: #444444;
}
@media only screen and (max-width:450px){ /************ responsive news code 12 600 px *****************/
    #upi_ulmpshtarian li{
        width: 100%;
        display: block;
    }
}
@media only screen and (max-width:600px){ /************ responsive news code 12 600 px *****************/
    .upi_resimg{
        display: none !important;
    }
    .upi_moshtarian{
        display: none !important;
    }
}
/************************************************************** contact ***********************************************************/
#contact_box{
    padding-top: 86px;
    line-height: 30px;
}
#contact_form{
    width: 50%;
    padding: 50px 20px;
    float: right;
}
#contact_head{
    line-height: 30px;
    margin: 0px 0px 25px 0px;
    font-size: 31px;
    color: #444444;
}
#contact_que{
    margin: 0px 0px 15px 0px;
    line-height: 30px;
    font-size: 26px;
    color: #444444;
}
#contact_text{
    margin-bottom: 5px;
    font-size: 21px;
    color: #444444;
}
.contact_both{
    width: 50%;
    padding: 8px 10px;
    float: right;
}
.contact_all,#contact_sub{
    padding: 8px 10px;
}
#contact_box label{
    padding: 5px 5px;
    line-height: 20px;
    font-size: 15px;
    display: block;
}
#add_khc{ float: right; }
#contact_sub{ float: left;}
#contact_box .activity{ min-height:60px; background:#fafafa; border:1px solid #ccc; border-radius:5px; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items:center;}
#contact_box .activity label{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items:center;}
#contact_box .activity label:last-child{ padding-left:0;}
#contact_box .activity .other_put{ width:220px; display:none;}
@media only screen and (max-width:780px){
    #contact_sub,#add_khc{ float: none; text-align: center !important;}
	.g-recaptcha > div { width: 303px !important; margin: auto;}
}
#add_khla{
    padding: 0px;
    cursor: pointer;
    display: inline-block !important;
}
#contact_form i{
    font-size: 7px;
    color: #f6332d;
    position: relative;
    top: -2px;
    left: -2px;
}
#contact_box input[type="text"],#contact_box select,#contact_box textarea{
    width: 100%;
    padding: 5px 10px;
    line-height: 30px;
    font-family: BKoodakBold;
    font-size: 18px !important;
    background: #fafafa;
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    display: block;
    transition: all .3s linear;
}
#contact_box input[type="text"]:hover,#contact_box select:hover,#contact_box textarea:hover,
#contact_box input[type="text"]:focus,#contact_box select:focus,#contact_box textarea:focus{
    border: 1px solid rgba(0,126,214,.5);
    box-shadow: 0px 0px 5px #007ed6;
}
#contact_box textarea{
    min-height: 100px;
    max-height: 100px;
	resize: none;
}
#contact_sub{
    text-align: left;
}
#contact_sub input{
    width: 150px;
    padding: 0px 5px 2px 5px;
    font-family: BHoma;
    font-size: 19px;
    border: 1px solid #ff4f4f;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ff4f4f;
    color: #FFFFFF;
    cursor: pointer;
    transition: all .3s linear;
}
#contact_sub input:hover{
    background: #ff1c1c;
    border: 1px solid #ff1c1c;
}
#contact_info{
    width: 50%;
    padding: 50px 20px;
    font-size: 18px;
    color: #444444;
    float: left;
    background: #f5f5f5;
}
#coninfo_head{
    margin-bottom: 15px;
    font-size: 30px;
    color: #444444;
}
.coninfo_color{
    font-size: 19px;
    color: #ff4f4f;
}
#coninfo_txt div{
    margin-bottom: 15px;
}
#coninfo_txt div div{
    margin-bottom: 0px;
    display: inline-block;
}
.con_att i{
    margin-left: 5px;
    font-size: 22px;
    color: #ff4f4f;
}
.con_att a{
    color: #007ed6;
    transition: all .3s linear;
}
.con_att a:hover{
    color: #444444;
}
.con_att{
    padding: 5px 0px;
}

#contact_info .fa-paper-plane{color:#007ed6 !important; font-size:19px;}

#google_map iframe{
    width: 100%;
    margin-top: 10px;
    height: 500px;
}
#contact_ansa{
    color: #006699;
    transition: all .3s linear;
}
#contact_ans div{
    font-size: 21px !important;
    line-height: 30px;
    clear: both;
}
#contact_ans a{
    color: #006699;
    transition: all .3s linear;
}
#contact_ans a:hover,#contact_ansa:hover{
    color: #797979;
}
@media only screen and (max-width:950px){ /************ responsive footer for 780 px *****************/
    #contact_form{
        width: 100%;
        padding: 50px 20px;
        float: none;
    }
    #contact_info{
        width: 100%;
        padding: 50px 20px;
        float: none;
    }
}
@media only screen and (max-width:500px){ /************ responsive footer for 780 px *****************/
    .contact_both{
        width: 100%;
        padding: 8px 10px;
        float: none;
    }
    .footer-2{
        background-position: 0 0 ;
    }
}
/*Quote*/
.quote{clear:both;}
.quote img{margin:5px;}
.quote img:last-child{
	float:left;
}
.quote div{
	width:85%; 
	margin:auto; 
	padding:15px; 
	background:#f4f8f9;
	border-right: 3px solid #33bbe3;
}
.quote + p{ padding:60px 40px 0 0;}
@media only screen and (max-width:600px){ 
	.quote div{
		width:98%; 
	}
}
/*/Quote*/
/*IN TEXT*/
.column_video video{ max-height: 500px;}/**baraye matlab code 559**/
.matlab_txt h3, .titr{
	font-size: 20px;
	line-height:32px;
	color: #000 !important;
	font-family: "sahelB";
	border-right: 3px solid #FF6F6F;
	display: inline-block;
	margin:50px 0 10px;
	padding: 5px 10px 5px;
	background:#f9f9f9;
	font-weight: normal !important;
}
.left img{margin-left:5px;}
@media only screen and (max-width:768px){ 
	.matlab_txt h3, .titr{ font-size: 23px; line-height:40px;}
	.texth h2{ font-size:26px;}
	.matlab_body .example1{ font-size:17px; line-height:28px;}
	.end{ font-size:17px; line-height:26px;}
	.writer p{ font-size:18px; line-height:29px;}
}
/*/IN TEXT*/
/*Print Preview News*/
@media print {
    .matlab_simg, #ser_article, .matlab_bimg, .footerJomle, footer, #matlab_comm, #service_nav, nav, #comm_link, #link2, #raychatBtn{display:none !important;}
	.matlab_txt, .matlab_box{width:100% !important;}
	.matlab_txt{margin-right:0px;}
	header, #service_nav{position:static;}
	#news_content{padding-top:0px;}
	.noprint{ display:none;}
	#co_title{ display:block;}
}
/*/Print Preview News*/
/*404 and Error*/
.errorbg{background:url(images/symbol/giraffe.png) no-repeat center; font-family:BHoma; background-size: cover !important;}
.errorbg2{background:url(images/symbol/space.png) no-repeat 50% 0px / cover; font-family:BHoma;}
.errorblock{max-width:600px; margin:auto; padding-top:50px;}
.lefttxt{color:#46261b; border-radius:10px; padding:40px 20px 20px; font-size:25px;}
.lefttxt a{color:#d14815; transition:all 0.3s;}.lefttxt a:hover{color:#AD4030;}
.lefttxt input {
    padding: 6px;
    border: 1px solid #EFC751;
    font-family: Bkoodakbold;
    font-size: 15px;
    border-radius: 5px;
    background: #f9eaab;
}
.lefttxt input:last-child{background:#F35920; color:#FFF; border:none; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); transition:all 0.2s;}
.lefttxt input:last-child:hover{background:#CB5645; cursor:pointer;}
.lefttxt > div{font-size:40px; line-height:50px;}
.errorbg .lefttxt > div{color:#d14815;}
.errorbg2 .lefttxt > div{color:#EFEFEF;}
.lefttxt > span{padding-right:20px; font-size:22px;}
.lefttxt .circlet {
    vertical-align: middle;
    border-radius: 200px;
    background: #F9EAAB;
    color: #F35920;
    border: 1px solid #ECC556;
    display: inline-block;
    width: 43px;
    line-height: 40px;
}
.lefttxt .circlet span{padding-top:20px;}
.lefttxt .circlet i{margin-top:8px;}
.rowt{display:table; padding-bottom:20px; color:#414141; font-family:BKoodakBold; font-size:21px;}
.rowt div:last-child {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    line-height: 35px;
}
.designed {
    color: WHITE;
    font-family: BKoodakBold;
    font-size: 16px;
    padding: 15px;
    border-radius: 5px 0px 0px 5px;
    text-align: left;
    width: 105px;
    margin-top: 20px;
    border-right: none;
}
.errorbg .designed {
    background: #F9EAAB;
    border: 1px solid #ECC556;
}
.errorbg .designed a {
    color: #F35920;
}
.errorbg .designed a:hover {
    color: #AC370B;
}
.errorbg2 .designed a {
    color: #F5F5F5;
}
.errorbg2 .designed a:hover {
    color: #D4D4D4;
}

.errorbg2 .designed {
    background: #3c404b;
    border: 1px solid #4d5057;
}

@media only screen and (min-width: 40px) and (max-width: 767px) {
	.errorblock{width:90%; padding-top:0px; margin:auto;}
	.lefttxt{width:100%; padding:20px 0 0;}
}
/*/404 and Error*/

/* style baraye matlabe savabeghe utab */
#utabUpHelp>div{ min-height: 254px; padding:10px 20px; display:inline-block; background:#f8f8f8; color: #333; }
#utabUpHelp>div:last-child{ width: calc(100% - 230px); float: left; }
#utabUpHelp>div:last-child span{ color: #AC370B; }
#utabUpHelp>div:first-child{ width: 210px !important; float: none !important; }
#utabUpHelp h1{ font-size:20px;}
#utabUpHelp li{ display: block; position:relative; }
.added{ width:20px; line-height:20px; position:absolute; top:4px; right:-25px; background-color: #bcdf94; color: #566347; text-align:center; font-size:12px;}
.added::before { content: '+';}
.improved{ width:20px; line-height:20px; padding-right:2px; position:absolute; top:5px; right:-25px; background-color: #c3dde8; color: #006ba6; text-align:center; font-size:12px; }
.improved::before { content: '*';}
.fixed{ width:20px; line-height:20px; padding-top:2px; position:absolute; top:4px; right:-25px; background-color: #eee; color: #666; text-align:center; font-size:12px; }
.fixed::before { content: '\2013';}
.transformation{  width:20px; height:20px; line-height:20px; padding-top:2px; position:absolute; top:4px; right:-25px; background-color: #F0C185; color: #333; text-align:center; font-size:11px; }
.transformation::before{ content: '#';}
@media only screen and (max-width: 700px) {
    #utabUpHelp>div:first-child{ width: 100% !important; margin-bottom: 10px; }
    #utabUpHelp>div:last-child{ width: 100%; float: none; }
}

/* end style baraye matlabe savabeghe utab */
/*CTA*/
.ctabut{ border-top:1px dashed #CCC; line-height:26px; margin-top:15px; font-family:BHoma; position:relative; text-align:center; background:url(images/bg/rocket.png) fixed center ;}
.ctabut > div{max-width:800px; margin:auto;}
.ctabut a{display:inline-block; border-radius:40px; color:#FFF !important; background:#ff4f4f; border:2px solid #ff4f4f; line-height:30px; padding:5px; 
		  margin-top:10px; min-width:200px; margin-bottom:20px; transition:linear .2s; font-size:19px; font-family:BKoodakBold; text-shadow:1px 1px 1px #873A48;}
.ctabut a:hover{background:#FF4A4A; text-decoration:none;}
.imgcta img{margin:0; line-height:0; padding:10px 0 3px; max-width:230px; text-align:right; position:relative; right:110px; height:auto;}
@media only screen and (max-width: 600px) {
	.imgcta img{right:10px; max-width:210px;}
	.ctabut{background-attachment:scroll; background-size:cover;}
}

/*iframe Responsive*/
.h_iframe-aparat_embed_frame{position:relative; margin-bottom:30px;} 
.h_iframe-aparat_embed_frame .ratio {display:block;width:100%;height:auto;} 
.h_iframe-aparat_embed_frame iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

/*---------- company matlab 262 ----------*/
#costumer{ padding:30px 0; color:#4A4A4A;}
.company{ max-width:470px; padding:5px 0; margin-bottom:15px; line-height:39px; background:#F0F0F0; font-size:18px; border-bottom:2px solid #D8D8D8;}
.company a{ color: #1181b9;}
.company a:hover{ text-decoration:underline;}
.company>div:first-child{ width:150px; margin:0 10px 0 10px; float:right; }
.company>div:first-child img{ max-height:85px !important; margin:auto; display:block; } 
.company>div:nth-child(2){ width:calc(100% - 170px); margin-top:4px; float:right;}
.company>div:nth-child(2) a{ font-family:'BHoma'; font-size:19px;}
.company::after{ content:""; display:block; clear:both;}
.company>div:nth-child(2) div{ border-top:2px dotted #D8D8D8; }
@media only screen and (max-width: 500px) {
	.company{ padding:15px;}
	.company>div:first-child, .matlab_body .company > div:first-child{ width:100% !important; margin:0; float:none; }
	.company>div:nth-child(2), .matlab_body .company > div:nth-child(2), .matlab_body .company > div:nth-child(2){ width:100% !important; text-align:center; float:none;}
	.company>div:first-child img{ margin:auto;} 
	.matlab_body .company{ display:block !important;}	
}
/*---------- end company matlab 262 ----------*/
#comform_header span {
    font-size: 12px;
    color: #9D9B9B;
    font-family: 'sahel';
}

/*********** style logo moshtarian matlabe 373 ***********/
.logo_co{ margin-top:5px; text-align:right;}
.logo_co a{ border:1px solid #eee; display:inline-block;}
.logo_co img{ width:100px; margin:0;}
@media only screen and (max-width: 500px) {
	.logo_co{ text-align:center;}
}

/*Jadval Basteha Matlab 12*/
.news271 tr td:first-child { color:#ff4f4f;}
.news271 tr:first-child td { color:white;}
.news270 tr td:first-child { color:#ff4f4f;}
.news270 tr:first-child td { color:white;}
@media only screen and (max-width: 600px) {
	.news271 tr, .news271 td{ display:block;}
	.news271 tr{ margin-bottom:10px;}
	.news271 tr:first-child { display:none;}
	.news271 tr td:first-child{ background:#444; color:#fff;}
	.news271 tr td:nth-child(1):before{ content:"امکانات/ پکیج:"; padding-left:4px; color:#fff;}
	.news271 tr td:nth-child(2):before{ content:"اشتراک ماهیانه:"; padding-left:4px; color:#ff4f4f;}
	.news271 tr td:nth-child(3):before{ content:"Professional:"; padding-left:4px; color:#ff4f4f; display:inline-flex;}
	.news271 tr td:nth-child(4):before{ content:"Enterprise:"; padding-left:4px; color:#ff4f4f; display:inline-flex;}
	.news271 tr td:nth-child(5):before{ content:"VLS:"; padding-left:4px; color:#ff4f4f; display:inline-flex;}
}

/* matlab code 553*/
#permissions{ align-items: center;}
#permissions a{ width: 25%; padding: 0 10px; display: block;}
#permissions img{ width: 100%; display: block;}
@media only screen and (max-width: 600px) {
    #permissions a{ width: 100%; max-width: 250px; margin: auto;}
}

/*matlab code 12*/
#utab-flex div div:first-child{
	background:#ff4f4f;
	color:white;
	line-height: 35px;
	margin-bottom: 10px;
	padding-top: 3px;
}
/**** khadamate hammura ****/

.backgroundGray.ilog_header{ color:white; padding:30px 15px 90px; line-height:40px; border:none;}
.backgroundGray .ilog_header span{ font-size:37px; color:#ff4f4f;}
.co_serv{ padding:80px 0 140px; background:#3F4B5B url(images/bg/binary2.png) repeat-x top; background-size:200px; background-attachment:fixed; font-family:"sahel";}
.co_serv .ilog_header{ color:white; padding:30px 15px 90px; line-height:40px; border:none;}
.co_serv .ilog_header span{ font-size:37px; color:rgb(148, 186, 50);}
.co_serv .imkh_more{ margin-top:40px; background:rgb(148, 186, 50); text-shadow:1px 1px 1px #333;}
.co_serv .imkh_more i{ background:rgba(137,175,41,1.00);}
.co_serv .imkh_more:hover{ background:rgba(137,175,41,1.00);}
.co_serv .imkh_more:hover i{ background:rgba(129,166,36,1.00);}
#three_box{ padding:0 20px; margin-top:30px; display:flex; display:-webkit-flex; flex-wrap:wrap;}  
#three_box > a{ display:inline-block;} 
#three_box > div{ width:calc(33.333% - 13.5px); padding:80px 20px 80px; text-align:center; margin:0 0 0 20px; border:1px solid rgba(255,255,255,.1); border-radius:5px; background:rgba(255,255,255,.1); position:relative;}
#three_box > div img{ width:100%; max-width:120px;}
#three_box > div h3{ margin:10px 0; font-family:"sahelB"; font-size:21px; line-height:32px; font-weight:normal; padding-bottom:10px; border-bottom:1px dashed rgba(208,251,159,1.00);}
#three_box > div h3 a{ color:rgb(188, 247, 121); text-shadow:1px 1px 1px rgba(35,35,35,1.00); transition: all linear .2s;}
#three_box > div h3 a:hover{ opacity:0.7;}
#three_box > div:last-child, #three_box > div:nth-child(3n){ margin-left:0;}
#three_box > div:nth-last-child(1), #three_box > div:nth-last-child(2){ margin-top: 120px;}
#three_box > div:nth-last-child(2){ flex-grow: 2;}
#three_box > div .txt{ font-size:14px; line-height:25px; color:#FFFFFF; text-shadow:1px 1px 1px rgba(35,35,35,1.00);}
#three_box > div > div:nth-of-type(1){ padding:5px; position:absolute; background:#3f4b5b; border-radius:50%;}
#three_box > div .first{ top:-80px; right: calc(50% - 55px); padding:10px !important; height:110px; width:110px;}
#three_box > div .second{ top:-100px; right: calc(50% - 60px); border-radius:10px !important; height:120px; width:120px;}
#three_box > div .second img{ width:88%; position: relative;}
#three_box > div .second div{ position:absolute; border-radius:50%; height:auto;}
#three_box > div .second div:nth-of-type(1){ width:10px; right: 50%; top:3px;}
#three_box > div .second div:nth-of-type(2){ width:20px; right: 40%; top:15px;}
.second .img1{bottom:-40px;}
.second .img2{ left:-28px; top:30px;}
.second .img3{ bottom:-20px;}
#three_box > div .third{ top:-70px; right: calc(50% - 50px); height:100px; width:100px;}
#three_box > div .third > div{ position:absolute; border-radius:50%; right: calc( 50% - 50px); top:0;}
#three_box .imkh_more{ margin: auto; background:#94ba32; color:#fff; position: absolute; left: 0; right: 0; bottom: 20px;}
#three_box .imkh_more:hover{ background:#7b9c25;}
#three_box .imkh_more:hover i{ background:#94ba32;}
#three_box .imkh_more i{ background:#7b9c25; color:#fff;}
@media only screen and (max-width: 1450px) {
	#three_box > div{ padding:50px 20px 80px;}
}
@media only screen and (max-width: 768px) {
	#three_box > div{ width:100%; margin: 0 0 130px;}
	#three_box > div:last-child{ margin-bottom:0;}
	#three_box > div:nth-last-child(1), #three_box > div:nth-last-child(2){ margin-top: 0;}
}


.glance{ padding:110px 0 140px; background:#C5E1B4; font-family:"sahel";}
.glance .ilog_header, #costumers .ilog_header{ border:none; line-height:40px; color:#3E3E3E;}
.glance .ilog_header span{ font-size:37px;}
#four_box{ margin-top:30px; display:flex; display:-webkit-flex; flex-wrap:wrap;}
#four_box > a{ display:inline-block;}
#four_box .imkh_more{ position:absolute; bottom:20px; left:0; right:0; margin-top:15px; font-size: 15px;}
#four_box > div{ width:calc(25% - 7.5px); padding:25px; margin-left:10px; text-align:center; border:1px solid rgba(255,255,255,.1); border-radius:20%; background:rgba(255,255,255,.1); position:relative;}
#four_box > div:last-child{ margin-left:0;}
#four_box > div .pic_box{ position:relative; overflow:hidden;}
#four_box > div .pic_box > div{  width:100%; height:110px; background-attachment:fixed !important; position:relative; z-index:2;}
#four_box > div .first > div{ background:url(images/bg/bgutab2.png) repeat-x center right; background-size:550px; border-radius:50px 50px 0 0;}
#four_box > div .second > div{ background:url(images/bg/poly.png) repeat-x bottom right; background-size:500px; border-radius:50px 50px 0 0;}
#four_box > div .third > div{ background:url(images/bg/space.jpg) repeat center; z-index:1; background-size:200px;}
#four_box > div .fourth > div{ background:url(images/bg/hora.png) repeat-x top; background-size:450px;}
#four_box > div .pic_box img{ max-width:120px; position:absolute; z-index:1;}
#four_box > div .first img{ width:80px; top:10px; right:40px;}
#four_box > div .second img{ bottom:0px; right:90px; max-width:100px;}
#four_box > div .third img{ bottom:-50px; z-index:2; right:0; width:100%; max-width:none;} 
#four_box > div .fourth img{ bottom:5px; left:70px; max-width:60px;}
#four_box > div h3{ margin:10px 0; color:#222; font-family:"sahelB"; font-size:17px; line-height:28px; font-weight:normal; padding:10px; background:rgba(255,255,255,.4); border:1px solid rgba(255,255,255,.7); border-right:none; border-left:none; }
#four_box > div .txt{ font-size:14px; line-height:26px; color:rgba(85,85,85,1.00);} 

@media only screen and (max-width: 1270px) {
	#four_box{ max-width:800px; margin:auto;}
	#four_box > div{ width:calc(50% - 5px); margin-bottom:10px;}
	#four_box > div:nth-child(2n){ margin-left:0;}
	#four_box > div:nth-last-child(1), #four_box > div:nth-last-child(2){ margin-bottom:0} 
	#four_box > div .third img{ top:-50px;}
}
@media only screen and (max-width: 700px) {
	#four_box{ max-width:400px;}
	#four_box > div{ width:100%; margin-left:0 !important; margin-bottom:50px;}
	#four_box > div .pic_box img{ margin:auto; left:0; right:0;}
	#four_box > div .third img{ bottom:0px; top:0;}
	#four_box > div:nth-last-child(2){ margin-bottom:50px;} 
}

/** costumers **/
#costumers{ padding:100px 5px 120px; color:#4A4A4A; background:#eee;}
#costumers .ilog_header{ padding-bottom:40px;} 
#costumersBox .each_cost{ width:Calc(20% - 6px); line-height: 27px; padding:10px 0 20px; margin:3px; background:#fff; text-align:center;}
#costumersBox .each_cost img{ width:100%; max-width:200px;}
#costumersBox .each_cost a{ display:block; transition:all linear 0.2s;}
#costumersBox .each_cost a.title{ padding:0 7px; margin-bottom:7px; color:#1181b9; font-family: 'sahelB'; font-size: 15px; line-height:26px;}
#costumersBox .each_cost a:hover{ opacity:0.7;}
#costumersBox .each_cost .cost_date{ padding:0 7px; font-size:12px; font-family:sahel;}
#costumersBox #your_place{ padding:0;}
#costumersBox #your_place > div{ width:100%; height:100%; background:url(images/bg/bg_logo.jpg); background-size:cover; color:#fff; font-family: 'sahelB'; font-size:20px; text-shadow:1px 1px 1px #333; justify-content:center; align-items:center;}
.section_bg{background-color: #2a2a26;color: #e7e6d6;}
.flexbox_About{display: flex;font-family: sahel;}
.titr_column{color: #ff4f4f !important;font-family: sahelB;font-size: 14px; line-height: 1.3;margin-bottom: .5rem; padding-top: 50px;}
.About_Us{background: url(images/bg/bg_about.webp); width:100%; height: 100%;padding-bottom: 50px;} 
.R_column{flex: 0 0 auto;width: 33.33333333%; padding-left: 16px; font-size: 19px; line-height: 39px;margin-left: 8.33333333%;}
.Column_row {padding: 13px 0 26px 0;line-height: 39px;font-size: 17px;border-bottom: 1px solid hsla(0,0%,100%,.1);}
.titr_row{color: white;width: 37%;;font-size: 19px;font-family: sahelB;}
.About_Row{width: 100%;}
.inner_box{padding: 10%;margin-left: 30px !important;}
.last_row_about{border-bottom: none;margin-bottom: 35px;}
.p_about{padding-top: 21px; font-size: 19px; color: #e7e6d6;}
ol.steps_about{counter-reset: li;}
ol.steps_about > li {counter-increment: li;}
ol.steps_about>li h3::before{color: #4d4d47;content: counter(li,-leading-zero) ". ";float: right;font-size: .66666667em;font-weight: 700;letter-spacing: .1em;margin-right: -30px;}
.kerem::before{border: 3.3rem solid transparent; border-right-width: 3.3rem;border-right-style: solid; border-right-color: transparent;border-left-width: 3.3rem; border-left-style: solid; border-left-color: transparent;border-left: 3.3rem solid #eee;border-right: none;content: "";left: 0; position: absolute;top: calc(50% - 3.3rem);}
.blue::before{border: 3.3rem solid transparent; border-right-width: 3.3rem; border-right-style: solid; border-right-color: transparent;border-left-width: 3.3rem;border-left-style: solid;border-left-color: transparent;border-left: 3.3rem solid #eee;border-right: none;content: "";left: 0;position: absolute;top: calc(50% - 3.3rem);}
.kerem::after{border: 3rem solid transparent;border-right-width: 3rem;border-right-style: solid;border-right-color: transparent;border-left-width: 3rem;border-left-style: solid;border-left-color: transparent;border-left: 3rem solid #e7e6d6;border-right: none;content: "";left: 100%;position: absolute;top: calc(50% - 3rem);z-index: 1;}
.red::after{border: 3rem solid transparent;border-right-width: 3rem;border-right-style: solid;border-right-color: transparent;border-left-width: 3rem;border-left-style: solid; border-left-color: transparent;border-left: 3rem solid #ff4f4f; border-right: none;content: "";left: 100%;position: absolute;top: calc(50% - 3rem);z-index: 1;}
@media only screen and (max-width: 980px) {
	#costumersBox .each_cost{ width:Calc(50% - 6px);}
    .flexbox_About{display: flex; flex-direction: column;}
    .R_column{width: 100%;}
    .titr_row{width: 100%;}
    .titr_column{font-size: 17px;}
    .p_about{font-size: 22px;}
    .Column_row{font-size: 18px;}
    .About_Row{margin:0 22px 0;width: 90%;}
    .last_row_about{margin-bottom: 0;}
    ol.steps_about>li h3::before{margin-right: 0; margin-left: 10px;}
}
.start_title{font-size: 19px; line-height: 10px;font-family: sahelB;text-align: end;}
.start_num{font-family: sahelB;font-size: 55px; line-height: 20px; padding:15px 0 20px 0; text-align: end;}
.kerem .inner_box > .start_num { color: #ff4f4f !important;}
.kerem .inner_box > .start_title { color: #ff4f4f !important;}
.kerem > .inner_box{margin-left: 20px;}
.blue > .inner_box{margin-left: 20px;}
.about_box{width: 95%;margin: auto;display: flex; gap: 10px; justify-content: center;margin-bottom: 70px; align-items: center; flex-wrap: wrap;direction: rtl;flex-direction: row-reverse;}
.start_box{background-color:#e7e6d6; width: 32%; text-align: center; position: relative; box-shadow: 0 2px 5px rgba(0,0,0,.1);transition: transform 0.3s , box-shadow 0.3s;}
.start_box.red{background-color: #ff4f4f; color: #fff;}
.start_box.blue {background-color: #7ba8a2; color: #fff;}
.aboutbox.count{ margin-bottom: 5px; color: #fff; font-size: 35px; line-height: 40px; display: block;}
@media only screen and (max-width: 800px) {
    .start_box{width: 80%;}
    .red::after{content: "";left: 65.5% ;top: inherit; position: absolute;border-top: 3rem solid #ff4f4f; width: 0;height: 0;border-right: 3rem solid transparent;border-left: 3rem solid transparent;z-index: 1;}
    .kerem::after{content: "";left: 65.5% ;top: inherit; position: absolute;border-top: 3rem solid #e7e6d6; width: 0;height: 0;border-right: 3rem solid transparent;border-left: 3rem solid transparent;z-index: 1;}
    .kerem::before{content: "";left: 65.5% ;top: inherit; position: absolute;border-top: 3rem solid #eee ; width: 0;height: 0;border-right: 3rem solid transparent;border-left: 3rem solid transparent;}
    .blue::before{content: "";left: 65.5% ;top: inherit; position: absolute;border-top: 3rem solid #eee ; width: 0;height: 0;border-right: 3rem solid transparent;border-left: 3rem solid transparent;}
}
#cost_box{ max-width:1250px; padding:0 10px; margin:auto; display:flex; display:-webkit-flex; flex-wrap:wrap;} 
#cost_box .company{ width:Calc(33.333% - 7px); max-width:100%; margin:0 0 10px 10px;}
#cost_box .company:last-child, #cost_box .company:nth-child(3n){ margin-left:0;}
.matlab_body #cost_box .company{ width:Calc(50% - 7px);}
.matlab_body #cost_box .company:nth-child(3n){ margin-left:10px;}
.matlab_body #cost_box .company:nth-child(2n){ margin-left:0;}
.matlab_body .company{ display:flex; align-items:center;}
.matlab_body .company > div:nth-child(2){ width:Calc(100% - 145px);}
.matlab_body .company > div:first-child{ width:125px;}
@media only screen and (max-width: 1235px) {
	#cost_box{ max-width:900px; margin:auto;}
	#cost_box .company{ width:Calc(50% - 5px);}
	#cost_box .company:nth-child(3n){ margin-left:10px;}
	#cost_box .company:nth-child(2n){ margin-left:0;}
}
@media only screen and (max-width: 850px) {
	#cost_box{ max-width:440px;}
	#cost_box .company, .matlab_body #cost_box .company{ width:100%; margin:0 0 10px 0 !important;}
}

@keyframes globe {
  50% {
    transform: rotate(360deg);
	}	
}

.gg{animation-delay: 250s;
animation: globe 250s linear infinite;
-webkit-animation: globe 250s linear infinite;}
@keyframes balloon {
  50% {
    transform: translateY(-40%) rotate(0deg);
	}	
}

.bb{animation-delay: 5s;
animation: balloon 5s ease-out infinite;
-webkit-animation: balloon 5s ease-out infinite;}
@-webkit-keyframes bus {
  50% {transform: translateY(-4%);}
    
}
/* Standard syntax */
@keyframes fireworks {
  50% {opacity: .8;transform: scale(1.03);}
}
.ff{animation-delay: 10s;
animation: fireworks 10s infinite;
-webkit-animation: fireworks 10s infinite;
opacity:.3; transform: scale(.9);}

/* tarane */
.matlab_body .table_10{
margin: 5px 0 40px !important;
font-size: 16px !important;
line-height: 25px !important;
}
.matlab_body .table_10 tr:nth-child(2n) {
background: #ffffff !important;
}
.matlab_body .table_10 tr  th{
  padding: 15px 10px !important;
  background-color: #444444 !important;
  color: #ffffff;
  border: 1px solid #ffffff !important;
  width: 160px !important;
  font-family: 'Sahel-Bold' !important;
}
.matlab_body .table_10 tr  td{
padding: 10px !important;
border-bottom: 1px solid #c9c9c9  !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
line-height: 1.5 !important;
text-align: right !important;
color: #000000 !important;
font-family: BHoma !important;
background-color: #ffffff !important;

}
.matlab_body .table_10 tr:first-child{
  color: #000000 !important;
  background-color: #ffffff !important;
}

@media only screen and (max-width: 500px){
.matlab_body .table_10 tr  th , .matlab_body .table_10 tr  td{
   display: block !important;
   width: 100% !important;
   direction: rtl !important;
   text-align: right !important;
}
.matlab_body .table_10{
	margin: 5px 0 50px !important;

  }
  .matlab_body .table_10{

	  border-bottom: 3px solid #111111 !important;

  }
}

/* majid FAQ - code 502*/
.divtourin { padding: 5px 10px 5px 15px; margin:120px auto; font-family: 'sahel';}
.titr_1{ padding:10px 3px 10px 0; font-size: 25px; color: #333333; font-family: 'sahelB'; line-height: 35px;}
.titr_1 i{ padding-left:5px; color:#FF4F4F;}
#ask{ padding:15px; text-align:justify; color: #069; font-size:16px; font-family: 'sahelB';} 
#ask a{ line-height:35px; display:inline; transition:all linear 0.2s;}
#ask a:hover{ color: #ff1c1c;}
#ask > div > a{ color: #333; }
#ask > div > i{ padding-left:5px; color:#FF4F4F; position:relative; top:1px;}
.titr_2{ margin:15px 0 5px 0; display:block; color: #8e0202; font-size: 16px; line-height:28px;}
.titr_2 i{ position:relative; top:1px; color:#FF4F4F;}
.matn{ padding-right:10px; font-size:15px; line-height:27px; text-align:justify; }
.top_bt{ padding-bottom:5px; text-align:left; border-bottom:1px solid #E5E5E5;}
.top_bt a, .top_bt a:hover{color:white !important;}
.angle_up{ margin:0 0 20px 10px; color:#fff;}
.angle_up i{ width:30px; height:30px; line-height:26px; background:rgba(255,79,79,0.5); font-size:16px; text-align:center; border-radius:50%; transition:all .3s linear;}
.angle_up i:hover{ background:#FF4F4F;}
@media only screen and (min-width: 40px) and (max-width: 600px) {
	.top_bt{ text-align:center;}	
}

/** products **/
#products{ padding:86px 0 0;}
#products #ser_banner{ padding:60px 30px; position:relative; background:url(images/bg/background4.jpg);}
#ser_banner #ser_label{ position:absolute; z-index:2; left:5%; bottom:-65px; background:#85bfd6; padding:15px; border:10px solid white; color:black; font-size:17px; line-height:40px; font-family:Sahel; display:inline-block;}
#ser_banner .frame{ border:1px dashed rgba(255,255,255,.4); display:block; padding:15px;}
.frame .txt_bold{ font-size:28px;font-family:SahelB;}
#products .bg_gray{ padding:1px 0; background:#F7F7F7;}
#products .ilog_header{ padding-bottom:0; color:#001f1f; font-size:30px; line-height:45px; text-align:right !important; font-weight:normal;}
#products .ilog_header i{ margin-left:10px; font-size:40px; vertical-align:middle;}
#products #ser_banner h2{ font-weight:normal; display:inline-block; font-family:SahelB; font-size:20px; padding:10px;}
.pro_box{ margin:70px 0; color:#000; font-family:"sahel"; font-size:16px; line-height:27px;}
#consult_box.pro_box{ margin:70px 0 0;}
.pro_box .pro_title{ padding-bottom: 0 !important; margin-bottom:10px; font-family:"sahelB"; font-size:20px; line-height:32px; font-weight:normal;}
.pro_box .pro_title i{ margin-left:7px; color:#ff4f4f; font-size:22px;} 
.pro_box .pro_title a{ color:#333; display:inline-block; transition:all linear 0.2s;}
.pro_box .pro_title a:hover{ color:#ff4f4f;}
.pro_box .pro_txt{ margin-bottom:10px;}
.pro_box .pro_items, .pro_box .top_items{ width: calc(25% - 11.25px); margin:22px 0 22px 15px;}
.pro_box .pro_items:last-child, .pro_box .pro_items:nth-child(4n), .pro_box .top_items:last-child, .pro_box.mj .top_items:nth-child(4n), .pro_box.mj2 .top_items:nth-child(5n){ margin-left:0 !important;}
.pro_items .pro_img a{ position:relative; display:block; transition:all linear 0.2s; z-index:5;}
.pro_items .pro_img img, .top_items .pro_img img{ width:100%; display:block; transition:all linear 0.2s;}
.pro_items .pro_img a:hover h3{ background:rgba(0,0,0,.7);}
.pro_items h3{ width:100%; padding:10px; background:rgba(0,0,0,.4); color:#fff; position:absolute; left:0; right:0; bottom:0; font-size:17px; font-family:SahelB; font-weight:normal; transition:all linear 0.2s;}
.pro_items h3 a{ color:#333; display:block; transition:all linear 0.2s;}
.pro_items h3 a:hover{ color:#ff4f4f;}
.pro_box .top_items{ margin: 0 0 15px 15px; background:#282828; position:relative; transition:all linear 0.2s;}
.pro_box .top_items2{ margin: 15px 0 0 15px !important; background:#282828; position:relative; transition:all linear 0.2s;}
.top_items .total{ width:50%; padding:0 10px; background:#ff4f4f; color:#fff; position:absolute; top:0; right:0; bottom:0; font-size:25px; line-height:46px; text-align:center; align-items:center; transition:all linear 0.2s;}
.top_items:hover{ background:#ff4f4f;}
.top_items:hover .total{ width:100%;}
.top_items:hover h3{ width:50%;}
.top_items:hover > .sub_txt{ background:#ff4f4f;}
.top_items:hover .top_more{ color:#fff; border-color:#fff;}
.top_items .allbox{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:10;}
.top_items .pro_img{ text-align:center; position:relative;}
.top_items .top_more{ width:auto; padding:5px 0; margin:auto; color:#ff4f4f;  position:absolute; left:50px; right:50px; bottom:25px; text-align:left; border-top:2px solid #ff4f4f; display:block; transition:all linear 0.2s;}
.top_items .top_more:hover{ opacity:0.7;} 
.top_items .top_more i{ vertical-align:middle; margin-right:10px;}
.top_items > .sub_txt{ padding:25px 50px 70px; font-size:13px; line-height:21px; background:#282828; color:#fff; text-align:justify; transition:all linear 0.2s;}
.top_items h3{ width:100%; font-family:SahelB; margin-right:auto; font-weight:normal; transition:all linear 0.2s;}
.Asli{ flex-direction: row-reverse;}
.Asli .single > .top_items h3{ width:100%; font-family:SahelB; margin-right:auto; font-weight:normal; transition:all linear 0.2s;}
.top_items.single{ width:100% !important; position:relative; margin-bottom:0;} 
.top_items.single img{ height:600px; object-fit:cover; object-position:bottom;}
.top_items.single h3, .top_items.single h3 a{ width:100% !important; margin-bottom:10px; color:#ff4f4f; font-size:38px; font-weight:normal; line-height:50px;}
.top_items.single .sub_txt{ font-size:16px; line-height:28px; color:#fff;}
.top_items.single .single_txt{ width:100%; padding:0 50px; color:#333; font-size:30px; position:absolute; right:0; left:0; bottom:40px; text-align: right; z-index:6;}
.top_items.single .p_link{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:10;}
.top_items.single:hover .top_more{ opacity:1; visibility:visible;}
.Asli>.top_items.single2{display: none};
.single_txt .sub_txt > div{ width:Calc(100% - 310px);}
.top_items .single_txt .top_more{ max-width:300px; width:100%; margin:0 auto 0 0; color:#ff4f4f !important; border:none; position:relative; left:inherit; right:inherit; bottom:inherit; opacity:0; visibility:hidden;}
.top_items .single_txt .top_more:before{ content:""; width:180px; height:2px; background:#ff4f4f; position: absolute; top:20px; margin: auto; left:100px; display:block;}
.Asli>.top_items.single{width:Calc(75.75% - 14.25px)!important; position:relative; margin-bottom:0;}
.Asli .single1{width: Calc(25% - 11.5px)!important; margin: 0 auto 0 0;}
/* .pro_box .top_items.R_items{margin-left: 0 !important;} */
@media only screen and (max-width: 1200px){
    .pro_box.mj2 .top_items:nth-child(3){ margin-left:0 !important;}
    #box1 {margin-top: 0 !important;}
}

@media only screen and (max-width: 900px){
    .Asli>.top_items.single{display: none;}
    .Asli .single1{width: Calc(50% - 7px)!important; margin-right: inherit;}
    .Asli .single2{width: Calc(50% - 7px)!important; margin-left: 0 !important; margin-right: auto !important; }
    .Asli>.top_items.single2{display: block;}
    .Asli> .top_items.single img{height:inherit;}
    .top_items:hover .total{ width:50%;}
    .top_items:hover > .sub_txt{ background: #000;}
    .top_items:hover .top_more{ color:#ff4f4f; border-color:#ff4f4f;}
}
@media only screen and (max-width: 650px){
    .Asli{ display: block;}
    .Asli>.top_items.single{width: 100% !important; margin-top: 15px;}
    .Asli> .single1{width: 100%!important;}
    .Asli> .single2{width: 100%!important; margin-top: 15px;}
    .Asli> .top_items.single img{height:inherit;}
    .Asli .top_items.single:after{ height: inherit;} 
    .Asli .top_items.single .single_txt{ bottom: 30px;}
    #box1 {margin-bottom: 15px !important;}

}
#web_design{ position: relative;}
#web_design .pro_txt{ position: relative; z-index: 10;}
.p_flow{ position: relative; overflow: hidden;}
.design_items{ width: calc(25% - 11.25px); margin:0 0 15px 15px; background:#fff; border:1px solid #eee; border-radius: 70px 70px 70px 0;}
.design_items:last-child, .design_items:nth-child(4n){ margin-left:0;}
.design_items > div{ padding:20px 30px; color:#333; display:block;}
.design_items > div .flexbox{ align-items:center; flex-wrap: nowrap;}
.design_items h3{ font-family:"sahelB"; font-size:18px; line-height:30px; font-weight:normal; transition:all linear 0.2s;}
.design_items img{ width:100%; max-width:80px; display:block;}
.design_items .sub_txt{ font-size:14px; line-height:23px;}
.mrgtop{ margin-top:30px;}
.sub_txt .more{ max-width:200px; width:100%; margin:10px auto auto; background:#ff4f4f; color:#fff; font-size: 16px; text-shadow:none; border:2px solid #ff4f4f; border-radius:0; display:block; position:relative; z-index: 10; }
.sub_txt .more i{ margin: 0 10px 0 0;}

.site_cost{ width: 100%;}
.site_cost tr{ cursor: pointer; transition: all linear .2s;}
.site_cost tr:hover{ background: #eee;}
.site_cost tr.give_elmt{ background: #d1efd1 !important;}
.site_cost tr.check_dis{  background: #d1efd1 !important; cursor: inherit;}
.site_cost tr:first-child{ background: #d72d30 !important; color: #fff; font-family: "sahelB"; cursor: inherit;}
.site_cost tr:nth-child(2n){ background: #f7f7f7;}
.site_cost td{ padding: 8px 8px; border: 1px solid #eee; vertical-align: middle; text-align: center;} 
.site_cost td:nth-child(3), .site_cost tr:first-child td:nth-child(2){ text-align: right;}
.site_cost tr:first-child td:nth-child(2){ text-align: center;}
/*.site_cost tr td:last-child{ width: 110px;}*/
.site_cost tr td:nth-child(1){ width: 35px; }
.site_cost tr td:nth-child(2){ width: 80px; text-align: center; position: relative;}
.site_cost tr td:nth-child(2):after{ content: ""; background: transparent; position: absolute; left: 0; right: 0; top: 0; bottom: 0;  display: block;}
.pack.site_cost td{ width: inherit; vertical-align: top;}
.sub_sec{ margin-bottom: 5px; font-family: "sahelB"; font-weight: normal;}
.ver_mob{ display: none;}

.pack{ width: 100%; table-layout: fixed;}
.pack tr{ transition: all linear .2s;}
.pack tr:first-child{ background: #333 !important; color: #fff; font-family: "sahelB"; cursor: inherit;}
.pack tr:first-child label{ display: inline-block;}
.pack td .fa-times{ color: #aeaeae;}
.pack td{ padding: 8px 8px; border: 1px solid #eee; vertical-align: top; text-align: center;} 
.pack td:nth-child(1){ width: 120px;}
.pack td:nth-child(3){ width: 70px;}
.pack td:nth-child(4){ width: 80px;}
.pack td:nth-child(5){ width: 75px;}
.pack td:nth-child(6){ width: 75px;}
.pack td:nth-child(3) i.fa-check{ color: #1b6c8f;}
.pack td:nth-child(4) i.fa-check{ color: #449caf;;}
.pack td:nth-child(5) i.fa-check{ color: #ff851b;}
.pack td:nth-child(6) i.fa-check{ color: #ff4136;}
.pack tr.bgray{ background: #f7f7f7;}
.pack tr td.non_bg{ background: #fff;}
.pack .tright{ text-align: right;}
.pack .non_td{ display: none;}
.pack .res_tr td{ text-align: right; font-family: "sahelB"; border-top: 3px solid #d72d30;}
.pack label,.sub_sec label{ padding: 0 5px; margin: 2px; background: #1b6c8f; color: #fff; text-align: center; font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; line-height: 21px; border-radius: 3px; display: none; direction: ltr;}
.pack label.lvl_1,.sub_sec label.lvl_1{ background: #449caf;}
.pack label.lvl_2,.sub_sec label.lvl_2{ background: #ff851b;}
.pack label.lvl_3,.sub_sec label.lvl_3{ background: #ff4136;}
.gomore{ margin: 10px 0 0; color: #1b6c8f; font-family: "sahelB"; display: inline-block; transition: all linear .2s;}
.gomore:hover{ opacity: 0.7;}
.ax img {max-height: 330px;}
.backgroundGray{padding: 30px 0 60px;background: #eee; background-size: 200px;}
.backgroundGray .mrgtop{margin-top: -20px;}
@media only screen and (max-width: 768px){
	.ver_desk{ display: none;}
	.ver_mob{ display: block;}
}
@media only screen and (min-width: 601px) {
	.pack .res_tr{ width: 100%; display: none;}
}
@media only screen and (max-width: 600px) {
	.pack{ width: 100%;}
	.pack td{ width: 100%; display: block; border-top: none;}
	.pack tr:last-child td:nth-child(2){ border-bottom: 1px solid #eee;}
	.pack tr:first-child,.pack td:nth-child(1),.pack td:nth-child(3),.pack td:nth-child(4),.pack td:nth-child(5),.pack td:nth-child(6){ display: none;}
	.pack .res_tr{ margin-top: 30px; display: block;}
	.pack tr.res_tr:nth-child(2){ margin: 0;}
	.pack .res_tr td:before{ content: "\f104"; padding-left: 5px; color: #d72d30; font-family:"Font Awesome\ 5 Free"; font-weight:900; display: inline-block;}
	.pack .non_td,.pack label,.sub_sec label{ display: inline-block;}
}

.week,.what_do{ width: 100%; margin: 10px 0 0; table-layout: fixed;}
.week tr,.what_do tr{ transition: all linear .2s;}
.week td,.what_do td{ padding: 8px 8px; border: 1px solid #eee; vertical-align: top; text-align: center;} 
.week tr:first-child,.what_do tr:first-child{ background: #333 !important; color: #fff; font-family: "sahelB"; cursor: inherit;}
.week tr:first-child label{ display: inline-block;}
.week td:nth-child(1){ width: 80px;}
.week td:nth-child(2){ width: 110px;}
.week td:nth-child(3),.week td:nth-child(5){ width: 150px;}
.week td:nth-child(4){ text-align: right;}
.week tr:nth-child(2n){ background: #f7f7f7;}
.what_do tr:first-child td { text-align: center;}
.what_do td{ width: 50%;text-align: right;}
@media only screen and (max-width: 800px){
	.week tr{ margin-bottom: 20px; display: block;}
    .week td{ width: 100% !important; text-align: center; border-top: none; display: block;}
    .week tr:first-child{ display: none;}
	.week tr:last-child td:nth-child(2){ border-bottom: 1px solid #eee;}
    .week tr td::before{ margin-left: 4px; color: red; display: inline-block;}
    .week tr td:nth-child(1){ background: #333; color: #fff; }
    .week tr td:nth-child(1):before{ content: "هفته:"; color: #fff;}
    .week tr td:nth-child(2):before{ content: "واریزی (ریال):";}
    .week tr td:nth-child(3):before{ content: "نام مرحله:";}
    .week tr td:nth-child(4):before{ content: "توضیحات مرحله:";}
    .week tr td:nth-child(5):before{ content: "خروجی مرحله:";}
}

@media only screen and (max-width: 600px) {
    .what_do{ width: 600px;}
	.tb_scroll > div{ overflow-x: scroll; overflow-y: visible;}
	.tb_scroll > div table{ margin-top:10px;}
	/* .tb_scroll > div table td{ white-space:nowrap;} */
	.tb_scroll::before{ content:'جدول را به راست و چپ بکشید.' url("images/icon/swipe-helper.gif"); padding-bottom:10px; display: block; text-align: center; font-size: 16px; border:1px solid #E2E2E2; color:#333; border-radius: 5px; margin-top: 10px; }
}

/* Rounded sliders */
.switch1 { position: relative; display: inline-block; width: 40px; height: 24px;}
.switch1 input { opacity: 0; width: 0; height: 0;}
.slider1 { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider1:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider1 { background-color: #31b740;}
input:checked + .slider1:before { -webkit-transform: translateX(26px); -ms-transform: translateX(16px); transform: translateX(16px);}
.slider1.round { border-radius: 34px;}
.slider1.round:before { border-radius: 50%;}
@media only screen and (max-width:600px){
	.site_cost tr, .site_cost td{ width: 100% !important; text-align: center !important; display: block;}
	.site_cost tr{ margin-bottom: 20px;}
	.site_cost tr:first-child{ display: none;}
	.site_cost tr td:first-child{ background: #d72d30; color: #fff; font-family: "sahelB";}
	.site_cost tr td:before{ padding-left: 5px; color: #d72d30; display: block;}
	.site_cost tr td:nth-child(1):before{ content: "ردیف"; color: #fff; display: inline-block;}
	.site_cost tr td:nth-child(4):after{ content: "ریال"; margin-right: 5px; display: inline-block;}
	.site_cost tr td.no_cost:after{ content:none;}
		
	.switch1 { width: 84px; height: 48px;}
	.slide1r { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
	.slider1:before { height: 30px; width: 30px; left: 8px; bottom: 9px;}
	.switch1 input:checked + .slider1:before { -webkit-transform: translateX(33px); -ms-transform: translateX(33px); transform: translateX(33px);}

}

#from_blog{ font-family: sahel;}
#from_blog .txt{ margin-bottom: 40px; font-size: 16px; line-height: 27px;}
#from_blog .bloglist{ position:relative; width: Calc(33.333% - 14px); padding:20px 20px 10px; margin: 25px 0 25px 20px; background: #f4f4f4; border-right: 2px solid #ff4f4f;}
#from_blog .bloglist:last-child, #from_blog .bloglist:nth-child(3n){ margin-left:0;}
#from_blog .bloglist a{ display: block;}
#from_blog .bloglist img{ width: 150px; height: 50px; object-fit: cover; position: absolute; top: -25px; right: 20px; display: block; transition: all linear 0.2s;}
#from_blog .bloglist h3{ width: 100%; padding: 10px 0 0; color: #333; font-size: 17px; line-height: 28px; font-family: SahelB; font-weight: normal; transition: all linear 0.2s; text-decoration: underline; text-decoration-color: #ff4f4f;}
#from_blog .bloglist h3 i{ color:#ff4f4f; vertical-align: middle;}
#from_blog .bloglist:hover h3{ color:#ff4f4f;}
#from_blog .bloglist:hover img{ opacity: 0.7;}
@media only screen and (max-width:850px){
	#from_blog .bloglist{ width: Calc(50% - 10px); margin: 25px 0 25px 20px;} 
	#from_blog .bloglist:nth-child(2n){ margin-left:0 !important;}
	#from_blog .bloglist:nth-child(3n){ margin-left:20px;}
}
@media only screen and (max-width:550px){
	#from_blog .bloglist{ width: 100%; margin: 0 0 50px !important;} 
	#from_blog .bloglist:nth-child(2n){ margin-left:0;}
	#from_blog .bloglist:nth-child(3n){ margin-left:20px;}
}

#web_design .flexbox{ position: relative; z-index: 10;}
#web_design .design_items{ background:rgba(255,255,255,0.5);}
#web_design .blob{ width:9vmax; left: 30%; right: inherit; top:0;}
#web_design .blob2{ width:30vmax; left: 5%; right: inherit; top:0;}
#web_design .blob3{ width:15vmax; left: 23%; right: inherit; top:0;}
@media only screen and (max-width:1024px){
	#web_design .blob{ width: 100px; left: 180px; right: inherit; bottom:160px; top: inherit;}
	#web_design .blob2{ width: 250px; left: 20px; right: inherit; bottom: 0; top: inherit;}
	#web_design .blob3{ width: 150px; left: 130px; right: inherit; bottom: 110px; top: inherit;}
}

#special_dis{ padding: 40px 140px 40px 20px; background: #e8e8e8; align-items: center; position: relative; overflow: hidden;}
#special_dis .bookmark{ color: #D84343; position: absolute; right: 0; top: -10px; font-size: 140px;}
#special_dis .dis_label{ padding-top: 10px; background: #D84343; color: white; height: 160px; width: 160px; font-family: SahelB; border-radius: 50% 50% 50% 0%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
#special_dis .dis_label span{ width: 100%; text-align: center; display: block;}
#special_dis .dis_label .num{ font-size: 50px; line-height: 60px;}
#special_dis .dis_label .num i{ font-size: 35px;}
#special_dis .off_txt{ font-size: 21px;}
#special_dis > div{ align-items: center;}
#special_dis .dis_txt{ width: Calc(100% - 190px); margin-right: auto;}
#special_dis b{ margin-bottom: 10px; color: #D84343; font-size: 26px; line-height: 36px; font-family: sahelB; font-weight: normal; display: block;}
#special_dis ul{ padding-right: 45px; list-style: none;}
#special_dis ul li:before{ content: "\f0d9"; padding-left: 5px; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size: 15px; color: #D84343; position: relative; top: 2px;}
@media only screen and (max-width:550px){
	#special_dis{ padding: 20px;}
	#special_dis .dis_txt{ width: 100%; margin-top: 20px;}
	#special_dis .dis_label{ margin-right: 110px;}
}

#why_utab{ position:relative; z-index:1; overflow:hidden;}
.utab_back{ padding: 20px; background: #f7f7f7; border: 1px dashed #ddd; position:relative; z-index:1; overflow:hidden;}
.u_title{ padding-bottom:15px; font-weight:normal; font-size:23px; line-height:35px; text-decoration:underline; text-decoration-color:#FC777A;font-family:SahelB;}
.u_title span{ background:#2F2F2F; padding:5px 10px 5px 0px; color:white;}
.u_title span.num{ width: 45px; height: 45px; line-height: 38px; font-size: 23px; padding: 5px; background: #d72d30; text-align: center; display: inline-block;}
.u_title.level{ position: relative; left: 43px; display: flex; flex-wrap: wrap; text-decoration: none;} 
.u_title.level div{ width: calc(100% - 45px); padding-right: 7px; text-decoration: underline; text-decoration-color: #FC777A;}
.in_print{ background: rgba(232,232,232,1.00);}
@media only screen and (max-width:1400px){
	.top_items .total{ font-size:22px; line-height:35px;}
}
@media only screen and (max-width:1270px){
	.u_title.level{ left: 30px;}
}
@media only screen and (max-width:1200px){
	.pro_box .top_items, .design_items{ width: calc(50% - 8.5px);}
	.pro_box .top_items:nth-child(2n){ margin-left:0;}  
	.design_items:nth-child(2n){ margin-left:0;}
	.top_items .single_txt .top_more{ opacity:1; visibility:visible;}
}
@media only screen and (max-width:950px){
	#ser_banner #ser_label{ margin-top:30px; position:static;}
	.box_border{ padding:30px;}
}
@media only screen and (max-width:900px){
	.pro_box{ margin:40px 0;}
	.pro_box .pro_items{ width: calc(50% - 8.5px);}
	.pro_box .pro_items:nth-child(2n){ margin-left:0;}
	.top_items.single{ margin-bottom:140px;}
	.top_items.single .single_txt{ padding:0 20px; right:0; bottom:-100px;}
	.top_items.single:after{ content:""; width:100%; height:120px; background:#090909; position:absolute; display:block; z-index:5;} 
}
@media only screen and (max-width:768px){
	.single_txt .sub_txt > div{ width:100%;}
	.top_items .single_txt .top_more{ margin-right:auto;}
}
@media only screen and (max-width:650px){
	.pro_box .top_items, .design_items{ width:100%; margin-left:0 !important;}
	.pro_box .top_items:nth-child(2n){ margin-left:0;}  
	.top_items.single img{ height:auto; object-fit:fill;}
	.top_items.single .sub_txt{ text-shadow:1px 1px 1px #000;}
	.top_items.single{ margin-bottom:240px;}
	.top_items.single .single_txt{ bottom:-200px;}
	.top_items.single:after{ height:220px;} 
	.top_items.single h3, .top_items.single h3 a{ font-size:28px; line-height: 40px;}
}
@media only screen and (max-width:500px){
	.pro_box .pro_items{ width:100%;}
	.pro_box .pro_items{ margin:15px 0 !important;}
}
@media only screen and (max-width:350px){
	.top_items .single_txt .top_more:before{ width:150px; left:100px;}
}

#navigator{ margin-bottom:15px; font-size:13px; color:#777777;}
#navigator a{ color:#fff; display:inline-block; transition:all linear 0.2s;}
#navigator a:hover{ color:#ff4f4f;}
#navigator i{ padding:0 3px; color:#CECECE; vertical-align:middle;}

#pro_new{ padding:86px 0 0; background:rgba(232,232,232,1.00); color:#000; font-family:sahel; font-size:16px; line-height:27px;}
#pro_banner{ height:550px; padding:40px 40px; background-size:cover !important; color:#fff; position: relative;}
#pro_banner .ban_txt{ font-size: 35px; font-family: SahelB; position: absolute; bottom: 80px; color: black; line-height: 50px; background: rgba(255,255,255,1); padding: 10px; margin-right: 10px;}
#banner_out{ padding:0 30px; position:relative; top:-40px;}
#banner_out > div{ padding:30px 30px 0; background:rgba(28,28,28,1.00); position:relative;}
#banner_out .text{ color:#FFFFFF;}
#banner_out h1{ margin-bottom:15px; color:#ff4f4f; font-family:"sahelB"; font-size:37px; line-height:50px; font-weight:normal;}
#banner_out .ban_label{ color:white; height:160px; width:160px; font-family:SahelB; position:absolute; left:0; top:-80px; border-radius:50% 50% 50% 0%; display:flex; align-items:center; justify-content:center;}
#banner_out .ban_label span{ padding:0 27px 0 0; font-size:37px; line-height:45px; position:relative; z-index:10;}
#banner_out .ban_label i{ font-size:50px;}
.padd_top{ padding-top: 0 !important;}
#pro_new #matlab_comm{ background:#fff;}
@media only screen and (max-width:1024px){
	#pro_banner .ban_txt{ font-size: 19px; line-height: 26px; right: 15px; margin:0 0 0 20px; bottom: auto;}
}
@media only screen and (max-width:768px){
	#pro_banner{ height:325px;}
	#banner_out{ padding:0 10px;}
	#banner_out .ban_label{ width:80px; height:80px; left:0; top:-55px}
	#banner_out .ban_label span{ font-size:18px; line-height:25px; padding:0 15px 0 0;}
	#banner_out .ban_label div{ padding:22px;}
	#banner_out .ban_label i{ font-size:30px;} 
	#banner_out .ban_label img{ width: 60px;} 
	#banner_out > div{ padding:30px 10px 0;}
 }

#pro_side{ display:flex; flex-wrap: wrap;}
#pro_side #left_fix{ width:300px; height:370px; padding:10px; background:#D84343 url(images/icon/logoc.png) bottom left no-repeat; background-size: 300px; color:white; font-family:SahelB; line-height:40px; text-align:center; border:1px solid #c23c3c;}
#left_fix .calling{ font-size:21px; padding:30px 5px 10px; }
#left_fix .call_box{ color:#fff; font-family:SahelB; font-size:28px; padding:10px; background:rgba(0,0,0,.1); border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(0,0,0,.1); display:block;}
#left_fix .call_box i{ font-size:19px; transform:rotate(100deg); vertical-align: middle;} 
#left_fix .fsize{ margin-top:25px; font-size:20px;}
#left_fix .call_box.fsize i{ font-size: 21px; transform: none;}
#left_fix img{ max-width: 170px; width: 100%; margin: auto; display: block;}
#pro_side #ex_utab{ width:calc(100% - 320px); padding:20px 0; margin-left:auto; margin-bottom:50px; background:rgba(255,255,255,1.00);}
#pro_side #ex_site{ padding:20px; margin-left:auto; margin-bottom:50px; background:rgba(255,255,255,1.00);}
#ex_utab #why_utab{ border:none;}
#fix_call{ padding:10px; background:#D84343;  font-family:"sahelB"; font-size:18px; text-align:center; border-top: 1px solid rgb(174, 54, 54); border-bottom: 1px solid rgb(174, 54, 54); position:fixed; left:0; right:0; bottom:0; display:none; z-index:999;}
#fix_call a{ padding:7px; background: rgba(0,0,0,.1); border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); color:#fff; display:inline-block;}
#fix_call i{ font-size:23px;}
.padd_box{ padding: 0 20px;}
.div_border{ height: 15px; background: rgba(232,232,232,1.00);}
.bor_hgt{ height: 60px;}
.other_title{ margin: 15px 0; font-family: "sahelB"; font-size: 20px; line-height: 32px; font-weight: normal;border-bottom: 1px solid red;
    display: inline-block;}
@media only screen and (max-width:1400px){
	#ex_utab .items1 li{ width:Calc(33.333% - 13.5px);}
	#ex_utab .items1 li:nth-child(3n){ margin-left:0;}
	#ex_utab .items1 li:nth-child(4n){ margin-left:20px}
	#ex_utab .items1 li:last-child{ margin-left:0;}
}
@media only screen and (max-width:1024px){
	#pro_side #left_fix{ width: 100%; margin-bottom: 50px; position: static !important; display:block;}
	#pro_side #ex_utab{ width:100%;}
	#fix_call{ display:block;}
}

/** tab pro **/
#pro_bt, #modules_bt{ padding: 20px 0 0 0; background: rgba(232,232,232,1.00); margin-bottom: 20px; overflow: hidden;}
#pro_bt img, #modules_bt img{ margin: 0 auto; display: block;}
#pro_bt span, #modules_bt span{ width: 115px; height: 115px; padding: 5px 10px; margin: 0 0 0 15px; text-align: center; background: #d0d0d0; color: #333; cursor: pointer; display: flex; justify-content: center; align-items: center; font-family: sahelB; font-size: 15px; line-height: 25px; position: relative; bottom:-15px; transition: all linear .2s;}
#pro_bt span:last-child, #modules_bt span:last-child{ margin-left: 0;}
#pro_bt span.active, #modules_bt span.active{ background: #fff; bottom: 0; border: none;}
#pro_bt span.active:before, #modules_bt span.active:before{width: 30px; height: 30px; line-height: 30px; background: #fff; position: absolute; right: 5px; top: 5px; text-align: center; text-shadow: none;}
.box_pro/*, .box_modules*/{ display: none;}
.box_modules{ visibility: hidden; opacity: 0; height: 0; transition: all linear .3s;}
.box_modules.active{ visibility: visible; opacity: 1; height: auto;}
#modules_bt i, #pro_bt i{ font-size: 30px;}
#modules_bt b, #pro_bt b{ width: 100%; display: block; font-weight: normal;}
@media only screen and (max-width:670px){
	#modules_bt{ justify-content: center;}
	#modules_bt span{ padding: 0; margin: 0 7.5px 15px !important; bottom: 0;}
	#modules_bt span.active{ padding: 5px; background: transparent; border:2px solid #ff4f4f; bottom: 0 !important;}
	#modules_bt .res_elmt{ width: 100%; height: 100%; padding: 0; transition: all linear .2s;}
	#modules_bt .res_div{ height: 100%; display: flex; flex-direction: column; justify-content: center;}
	#modules_bt span.active .res_elmt{ background: #fff;}
}
@media only screen and (max-width:550px){
	#pro_bt{ justify-content: center;}
	#pro_bt span{ margin: 0 7.5px 15px !important; bottom: 0;}
	#pro_bt span.active{ padding: 5px; bottom: 0 !important; background: transparent; border:2px solid #ff4f4f;}
	#pro_bt .res_elmt{ width: 100%; height: 100%; padding: 0; transition: all linear .2s;}
	#pro_bt .res_div{ height: 100%; display: flex; flex-direction: column; justify-content: center;}
	#pro_bt span.active .res_elmt{ background: #fff;}
}


/*** gallery albm **/
#album_box{ position:relative; overflow: hidden;} 
#galleryBox{ padding:0; margin:auto; font-size:0; text-align:center; background:#2e3434; transition: all .5s linear; white-space:nowrap;}
#galleryBox:after{ content:''; clear:both; display:block;}
#galleryBox li{ height:200px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); background-size:cover !important; background-position:center !important; position:relative; font-size:14px; display:inline-block; vertical-align:bottom; cursor: pointer; list-style:none;}
#galleryBox li:before{ content:"\f00e"; padding-top:85px; color:#fff; position:absolute; top:0; right:0; left:0; bottom:0; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:30px; visibility:hidden; opacity:0; transition:all linear 0.5s;}
#galleryBox li:first-child:after{ content:"کلیک کنید"; padding-top:85px; position:absolute; top:0; right:0; left:0; bottom:0; color:#fff; font-size:16px; font-family:'sahelB'; text-shadow:1px 1px 1px #000; transition:all linear 0.5s;}
#galleryBox li:hover{ -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);}
#galleryBox li:hover:before{ visibility:visible; opacity:0.8;}
#galleryBox li:hover:after{ visibility:hidden; opacity:0;}
#galleryShow{ max-width: 100%; max-height: 100%; padding:0 10px 10px 10px; background: rgba(0,0,0,.88); position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; transform-origin: 50% 0; opacity: 0; visibility: hidden; transition: all .5s linear; z-index: 9999; }
#galleryShowClose{ padding:10px 50px; color: #FFF; font-size: 30px; line-height: 30px; cursor: pointer; transition: all .3s linear; position:relative; z-index:13;}
#galleryShowClose:hover{ opacity:0.5;}
#galleryShowImg{ overflow: hidden; margin-top: 5px; opacity: 1; transition: all .8s linear; text-align:center;}
#galleryShowImg > span{ position:relative; display:inline-block;}
#galleryShowImg > span > div{ position:absolute; bottom:5px; left:5px; margin:auto; padding:3px 15px; text-shadow:1px 1px 1px #000; background:rgba(0,0,0,0.5); color:#fff; font-size:13px; display:inline-block;}
#galleryShowImg > span > div:empty{ display:none;}
#galleryShowImg img{ max-width: 100%; max-height:530px; margin:auto; display: block;}
#galleryShowImg i{ width: 50%; height:100%; padding-top:22%; margin: auto; font-size: 36px; color: #FFF; text-shadow: 0px 1px 2px #000; position: absolute; top: 0; bottom: 0; z-index: 12; cursor: pointer; transition: all .3s linear; opacity: 0;}
#galleryShowImg i:hover{ opacity:0.5;}
#leftGallerySlide{ padding-left:20px; left: 0; text-align:left;}
#rightGallerySlide{ padding-right:20px; right: 0; text-align:right;}
#galleryShowInfo{ margin-top: 10px; color: #c2c2c2; text-align: center; }
#galleryShowTxt{ line-height: 30px; font-size: 18px; font-family:'sahelB'}
#galleryShowdetail{ line-height: 18px; font-size: 12px; }
#galleryShow.active{ opacity: 1; visibility: visible; }
#morePic{ width:120px; padding:5px; margin:20px auto 53px; background: #d72d30; font-family:'sahelB';  border: 2px solid #fff; color: #fff; font-size: 14px; text-align:center; cursor:pointer; display:none; transition: all linear 0.2s;}
#morePic:hover{ opacity:0.5;}
#morePic i{ margin-right: 5px; color: #fff; vertical-align: middle;}
#nex_mtlbkh,#pre_mtlbkh{ width:50px; padding-top:80px; font-size: 35px; text-align:center; margin: auto; position: absolute; top: 0; bottom: 0; color: #FFFFFF; cursor: pointer; transition: all .3s linear; z-index:999; text-shadow:1px 1px 1px black; opacity:.7;}
#pre_mtlbkh{ padding-left:15px; right: 0px; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );}
#nex_mtlbkh{ padding-right:15px; left: 0px; background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );}
#nex_mtlbkh:hover,#pre_mtlbkh:hover{ opacity:0.4; }

@media only screen and  (max-width: 768px){
	#galleryBox{ width:auto !important;}
	#galleryBox li{ width:50% !important; height:280px;}
	#galleryBox li:before{ padding-top:115px;}
	#galleryBox li:first-child:after{ padding-top:120px;}
	#galleryBox li.disnone{ display:none;}
	#morePic{ display:block;}
	#nex_mtlbkh,#pre_mtlbkh{ display:none !important;}	
	#leftGallerySlide, #rightGallerySlide{ opacity:0.5 !important;}
	#galleryShowImg i{ padding-top:35%;}
}

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


/* Rounded sliders */
.switch { position: relative; display: inline-block; width: 40px; height: 24px;}
.switch input { opacity: 0; width: 0; height: 0;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider { background-color: #31b740;}
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(16px); transform: translateX(16px);}
.slider.round { border-radius: 34px;}
.slider.round:before { border-radius: 50%;}

#modules > div{ width: Calc(25% - 5px); margin-left: 5px; font-family:"sahelB"; text-align: center;}
#modules > div:last-child{ margin-left:0;}
#modules > div > div{ min-height: 65px; padding: 15px 5px; text-align: center; border-bottom: 1px dashed #fff; font-family: "sahelB"; font-size: 18px;}
#modules > div > div:first-child{ padding-top: 17px; line-height: 35px; font-family: "sahelB"; font-weight: normal; font-size: 20px; text-align: center !important; color: rgba(215,45,48,1.00); border-color: #333;}
#modules > div > div:last-child{ background: #ffdbdb; border: none; text-align: center !important; color: rgba(215,45,48,1.00);}
#modules > div > div:nth-last-child(2){ border:none;}
#modules > div > div:last-child .light{ color: rgba(215,45,48,1.00);} 
#modules .services > div{ text-align: right !important;}
#modules .services i{ width: 60px; text-align: center; font-size: 30px; color: #ff4f4f; vertical-align: middle;}
#modules .swichBox{ width: 60px; text-align: center; display: inline-block;}
#modules .professional > div{ background: #e5f0e0;}
#modules .enterprise > div{ background: #fcfdde;}
#modules .vls > div{ background: #fee3d0;}
#modules .light{ font-size: 12px; color: rgba(98,98,98,.8); padding-right: 5px; display: inline-block;}
#modules .s_letter{ letter-spacing: 5px;}
#modules .show_responsive{ display:none;}
#modules .show_responsive i{ margin-left: 5px; font-size: 30px; color: #ff4f4f; display: inline-block;}
#modules .show_responsive .swichBox{ width: 70px; text-align: center; display:inline-block;}
#modules .off_color{ background: #eee !important; opacity: 0.5;}
#modules .vls .off_color{ background: #fee3d0 !important; opacity: 1;}
#modules .off_coloriiiii{ background: #fff;}
.pointer{ cursor:pointer;}

@media only screen and (max-width:1200px){
	#modules .s_letter{ letter-spacing: 2px;}	
}
@media only screen and (max-width:1120px){
	#modules{ max-width: 600px; margin: auto;} 
	#modules .services{ display: none;}
	#modules > div{ width: 100%; margin: 0 0 30px !important;}
	#modules .s_letter{ letter-spacing: 2px;}	
	#modules .show_responsive{ margin-left: 10px; display:flex; align-items: center; flex-wrap: wrap;}
	#modules > div > div{ padding: 15px; font-size: 16px; border-bottom: 1px dashed #CCCCCC; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
	#modules .no_exist{ display: none;}
	.switch { width: 45px; height: 25px; top: 3px;}
	.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
	.slider:before { height: 18px; width: 18px; left: 3px; bottom: 4px;}
	input:checked + .slider:before { -webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px);}
	#modules .show_responsive .swichBox{ width: 50px; text-align: right;}
}

.top_table{ padding: 0 5px 0; margin-bottom: 22px;}
.top_table img{ width: 40px; display: inline-block; vertical-align: middle;}
.guide{ margin-bottom: 10px; font-family: "sahel"; text-align: justify; display:block;}
@media only screen and (max-width:768px){
	.guide{ display: block;}
}

#add_on > label{ width:Calc(33.333% - 14px); padding:10px 15px 10px 10px; margin:0 0 20px 20px; background:#F4F4F4; font-size:14px; position:relative; border:1px dashed #ddd; border-radius:2px; display:block; cursor:pointer;}
#add_on > label:nth-child(3n), #add_on > label:last-child{ margin-left:0;}
#add_on > label input{ margin:auto; position:absolute; top:0; bottom:0; right:-9px;}
#add_on > label input[type="checkbox"]{ height: 18px; width: 18px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border:1px dashed #ddd; background:#FFFFFF; cursor:pointer;}
#add_on > label input[type="checkbox"]:checked { background: rgba(255,94,97,1.00); border: 4px solid #FFFFFF;}	
#add_on > label input[type="checkbox"]:checked > label{ border-color:red;}
#add_on > label.b_color{ background:#ffdbdb; border:1px solid #FFFFFF;} 
#add_on > label:last-child{ background:#2f2f2f; border:none; display:flex; align-items:center; justify-content:center; cursor:default;}
#add_on > label:last-child .add_info div{ padding:0; color:#fff; border:none; display:block;}
.add_info div:first-child{ font-family:"sahelB"; color:rgba(215,45,48,1.00); display:inline-block; padding-bottom:5px; font-size:16px;}
.add_info div{ border-right:4px solid rgba(255,255,255,1.00); padding:5px 15px 5px 5px;}
.add_info div:last-child{ font-family:"sahelB"; font-size:18px;}
.add_info div:last-child span{ font-size:13px; color:rgba(70,70,70,.6)}
@media only screen and (max-width:768px){
	#add_on > label{ width:Calc(50% - 10px);}
	#add_on > label:nth-child(3n){ margin-left:20px;}
	#add_on > label:nth-child(2n), #add_on > label:last-child{ margin-left:0;}
	#add_on > label:last-child{ width:100%; padding:15px 10px;}
}
@media only screen and (max-width:550px){
	#add_on > label{ width:100%; margin:0 0 20px 0 !important;}
}

.more{ width:120px; padding:5px; margin:20px auto auto; background:#098a09; color:#fff; font-size:15px; font-family:sahel; line-height:27px; border-radius:3px; border:none; text-align:center; text-shadow:1px 1px 1px #333; display:inline-block; transition:all linear 0.2s; cursor:pointer;}
.more:hover{ opacity:0.8;}
.more i{ vertical-align:middle; margin:0 6px;}

#our_projects .proj_items > a{ width: Calc(33.333% - 6px); padding: 10px; margin: 4px 0 4px 9px; background: #fff; transition: all linear 0.2s;}
#our_projects .proj_items > a:nth-child(3n), #our_projects .proj_items > a:last-child{ margin-left: 0;}
.proj_items{ padding: 10px 12px; background: #f7f7f7; border: 1px dashed #ddd;}
.proj_items img{ width: 100%;}
.proj_items h3{ font-family:"sahelB"; font-size:17px; color: #333; font-weight: normal; transition: all linear 0.2s;}
.proj_items > a:hover:hover{ opacity: 0.7;}
@media only screen and (max-width:768px){
	#our_projects .proj_items > a{ width: 100%; margin: 0 0 20px !important;}
	#our_projects .proj_items > a:last-child{ margin-bottom: 0 !important;}
}

#property{ padding: 20px; background: #f7f7f7; border: 1px dashed #ddd;} 
#property div{ padding: 10px 0;}
#property div i{ margin-left: 5px; color: #ff4f4f; vertical-align: middle;}

#m_digital ul{ margin-top: 10px; padding-right: 30px;}
#m_digital ul li{ margin-bottom: 10px; list-style: none;}
#m_digital ul li:before{ content:"\f00c"; margin-left: 8px; font-family:"Font Awesome\ 5 Free"; font-weight:900; color: #ff4f4f;}
#m_digital ul b{ font-family:"sahelB"; font-weight: normal;}

/**mohasebe gheymat**/
.get_cost{ max-width: max-content; margin: 0 0 50px 0;}
.get_cost .each_ques{ border-bottom: 1px solid #ddd; display: none;}
.get_cost .each_ques.active{ display: block;}
.get_cost .each_ques .for_padd{ padding: 15px 0;}
.each_ques .q_title{ margin-bottom: 5px; font-family: "sahelB"; font-size: 17px; line-height: 30px;}
.each_ques .q_title i{ padding-left: 4px; color: #ff4f4f; vertical-align: middle;}
.each_ques label{ min-width: 150px; padding: 10px; margin: 5px; border: 1px solid #ddd; border-radius: 5px; cursor: pointer;}
.each_ques label:has(input:checked){ background: rgb(221, 248, 232); border-color: #31b740;}
.each_ques label input[type="radio"]{ height: 16px; width: 16px; margin-left: 5px;  -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border:1px solid #ddd; background:#FFFFFF; cursor:pointer; vertical-align: middle;}
.each_ques label input[type="radio"]:checked { background: #31b740; border: 4px solid #fff;}	
.each_ques label input[type="radio"]:checked > label{ border-color:red;}
.final_cost{ padding: 0 10px; background: #f1f1f1; font-family: "sahelB"; display: none;}
.final_cost span{ font-size: 13px; line-height: 24px;}
.final_cost b{ min-width: 120px; padding: 10px 0; color: #31b740;font-size: 22px; line-height: 35px; font-weight: normal; text-align: left; display: inline-block;}
@media only screen and (max-width:500px){
    .each_ques label{ width: 100%;}
}

/**** az mentorx ***/
#pricing{ margin: 0 0 20px 0;}
#pricing > div{ width: Calc(33.33% - 14px); margin: 10px 0 50px 20px; border-radius: 5px; position: relative; transition: all linear 0.2s;}
#pricing.col4 > div{ width: Calc(25% - 8px); margin: 50px 0 0 10px;}
#pricing.col4 > div b{ padding: 35px 10px 7px;}
#pricing > div:hover{ box-shadow: 0 3px 15px rgb(255, 240, 240);}
#pricing > div:nth-child(3n),#pricing > div:last-child{ margin-left: 0;}
#pricing > div b{ font-family:"sahelB"; font-weight: normal; font-size: 13px;}
#pricing > div > b{ background: #FFDEDE; padding: 15px 10px 15px; font-weight: normal; font-size: 20px; line-height: 30px; font-family: "sahelB"; text-align: center; border-radius: 5px 5px 0 0; position: relative; display: block;}
#pricing > .base > b{ background: #1b6c8f;}
#pricing > .std > b{ background: #449caf;}
#pricing > .pro{ border: 1px solid #ff851b;}
#pricing > .pro > b{ background: #ff851b; border-color: #ff851b;}
#pricing > .vip > b{ background: #ff4136;}
#pricing.col4 > div > b{ color: #fff; text-shadow: 1px 1px 1px #333;}

#pricing > div img{ width: 30px; margin: auto; display: block;}
#pricing > div .lvl_img{ height: 65px; width: 65px; margin: auto; background: #fff; position: absolute; left: 0; right: 0; top: -33px; border-radius: 50%; box-shadow: 0 3px 15px rgb(255, 222, 222); display: flex; vertical-align: middle; justify-content: center;}
#pricing > div .ex_pack{ font-size: 14px; font-family: sahel; font-weight: normal;}
#pricing .plan_itm{ padding: 15px;}/*padding: 15px 15px 130px;*/
#pricing .p_focus{ border: 1px solid #FF7E7D;}
#pricing .p_focus > b{ background: #FF7E7D;}
#pricing .p_focus .lvl_img{ box-shadow: 0 3px 5px rgb(237, 176, 176);}
.plan_itm > div{ padding:0 35px 12px 0; font-size: 14px; position: relative;}
.col4 .plan_itm > div{ padding:0 25px 12px 0; }
.plan_itm > div:before,.plan_itm > div.view span:before{ content:"\f00c"; height: 30px; width: 30px; font-family: "Font Awesome\ 5 Free"; font-weight: 900; font-size: 16px; color: #17974f; background: rgb(221, 248, 232); position: absolute; right: 0; top: 0; text-align: center; border-radius: 50%; display: block;}
.col4 .plan_itm > div:before{ height: 20px; width: 20px; line-height: 21px; font-size: 12px; top: 3px}
.plan_itm > div.non_box:before{ content:"\f00d"; color: #FF574A; background: #eee;}
.plan_itm > div.view{ background: #f3f4f3; padding: 2px 5px 2px 5px; border-radius: 5px; text-align: center; margin: 0 0 5px;}
.plan_itm > div.view::before{ display: none;}
.plan_itm > div.view span{ padding: 0 30px 0 0; display: inline-block; position: relative;}
.plan_itm > div.view span:before{ content: "\f06e"; background: transparent; font-size: 15px; top: 2px; right: 0;}
#pricing > .base .view span::before{ color: gray;}
#pricing > .std .view span::before{ color: gray;}
#pricing > .pro .view span::before{ color: #1b6c8f;}

.plan_itm > .price_pack,.col4 .plan_itm > .price_pack{ padding: 5px; background: rgb(221, 248, 232); font-family: "sahelB"; text-align: center; border-radius: 5px; position: absolute; left: 20px; right: 20px; bottom: 20px;}
.plan_itm > .price_pack:before{ display: none;}
.dl_table{ padding: 9px; margin-right: auto; background: #FD6564 !important; color: #fff !important; font-family: sahelB; font-size: 16px; text-align: center; border-radius: 5px; cursor: pointer; display: block; transition: all linear 0.2s;}  
.dl_table i{ margin-right: 5px;}

#our_serv{ margin: 50px 0 0;}
#our_serv #pricing{ margin: 10px 0 20px;}
#pricing > .darkmode{ border: 1px solid #565454;}
#pricing > .darkmode > b{ background: #565454; border-color: #565454;}
#our_serv .darkmode > b { color: #fff; font-size: 18px;}
#our_serv .darkmode > b i{ color: #565454; text-shadow: none; position: relative; top: 23px;}
#our_serv .plan_itm{ padding: 20px 25px !important; position: relative;}
#our_serv .plan_itm:after,#our_serv .plan_itm:before{ content: "\f10d"; color: #999; position: absolute; font-size: 12px; font-family: "Font Awesome\ 5 Free"; font-weight: 900; display: inline-block;}
#our_serv .plan_itm:before{ content: "\f10e"; top: 4px; right: 8px;}
#our_serv .plan_itm:after{ position: relative; top: 10px;}
#our_serv > div b{ font-size: 16px;}
.more_info{ font-family: "sahelB"; color: #006ba6; display: inline-block; transition: all linear 0.2s;}
.more_info:hover{ opacity: 0.6;}

/***
#pack_box #pricing > div{ width: Calc(50% - 10px);}**/
#pack_box #pricing > div:nth-child(3){ margin-left: 0;}
#pack_box #pricing.col4 > div:nth-child(3){ margin-left: 10px;}
#pack_box .price_pack{ position: static;}
.price_pack b{ padding: 0 !important}
.price_pack p{ font-size: 10px; display: inline-block;}
.mar5bt{ margin-bottom: 5px;}
.mar15bt{ margin-bottom: 15px;}
#pack_box .col4 .plan_itm{ padding: 15px;}
@media only screen and (max-width: 1200px){
	#pricing.col4 > div{ width: Calc(50% - 10px); font-size: 17px}
	#pricing.col4 > div:nth-child(2){ margin-left: 0;}	
}
@media only screen and (max-width: 650px){
	#pricing > div,#pack_box #pricing > div{ width: 100%; margin: 50px 0 0 !important;}
	.plan_itm > div{ font-size: 17px;}
	#pricing > div b{ font-size: 15px;}
	.plan_itm > .price_pack{ position: static;}
	#pricing .plan_itm{ padding: 15px 15px}
    #our_serv #pricing{ margin: 0 0 50px;}
    #our_serv #pricing > div{ margin-top: 20px !important;}
}

#plan_pack{ max-width: 900px; width:100%; margin:15px auto 15px;}
#plan_pack td{ padding: 10px 15px; font-size:14px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; vertical-align:top; transition:all linear 0.2s;}
#plan_pack td b{ font-family:"sahelB"; font-weight: normal;}
#plan_pack td a{ color: #222;}
#plan_pack td a:hover{ opacity: 0.7;}
#plan_pack tr:first-child td{ background:#373737 !important; color:#fff; font-family:"sahelB"; font-size:16px !important;}
#plan_pack tr:first-child td:nth-child(1){ width: 150px;}
#plan_pack tr:first-child td:nth-child(3){ width: 150px; background:#cd7f32 !important;}
#plan_pack tr:first-child td:nth-child(4){ width: 150px; background:#a3a3a3 !important;}
#plan_pack tr:first-child td:nth-child(5){ width: 150px; background:#d0a100 !important;}
#plan_pack tr td:nth-child(3){ text-align: center;}
#plan_pack tr td:nth-child(4){ text-align: center;}
#plan_pack tr td:nth-child(5){ text-align: center;}
#plan_pack td:last-child{ border-left:none;}
#plan_pack tr:nth-last-child(1) td{ padding:4.5px 15px; background:rgb(237, 255, 245) !important; color:#107a3f; vertical-align:middle;}
#plan_pack tr:last-child td{ border-bottom: none; padding-left: 0;}
#plan_pack tr.bgray{ background:#F0F0F0;}
.scroll .leftright{ display: none;}
#consulting span{ font-size: 13px; display: block}
.see_all{ width: max-content; padding-top: 35px; margin: auto auto 20px; color: #000; font-family: samimBold; font-size: 18px; line-height: 30px; text-align: center;}
.Tcenter{text-align:center;}
.no_mar li::before{ content: "\2022" !important; color: #333 !important; font-size: 20px;}
@media only screen and (max-width:1200px){
	#plan_pack{ width:900px;}
	#plan_pack td{ font-size:16px;}
	.scroll > .div_scroll{ overflow-y: auto;}
	.scroll .leftright{ padding:5px; color: #d72d30; display: flex; justify-content: center; flex-wrap: wrap; text-align: center; font-size: 16px; border:1px solid #d72d30; border-radius: 5px; margin-top: 10px;}
	.scroll .leftright img{ position: relative; bottom: 5px;}
}

/*profile*/
/***** hide input number spinner ****/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.items1{ margin:10px 0 0; list-style:none; font-size:0; font-family:SahelB;}
.items1 li{ width:Calc(25% - 15px); margin:0 0 20px 20px; background:#e8e8e8; font-size:16px; line-height:23px;}
.items1 li:nth-child(4n), .items1 li:last-child{ margin-left:0;}
.items1 li .flexbox > div:first-child{ width:66px; min-height:66px; background:#75c2d3; display:flex; align-items:center;}
.items1 li .flexbox > div img{ width:31px; margin:auto; display:block;}
.items1 li .flexbox > div:last-child{ width:calc(100% - 66px); padding:10px; display:flex; align-items:center;}
@media only screen and (max-width: 1050px){
	.items1 li{ width:Calc(33.333% - 13.5px);}
	.items1 li:nth-child(3n){ margin-left:0;}
	.items1 li:nth-child(4n){ margin-left:20px}
	.items1 li:last-child{ margin-left:0;}
}
@media only screen and (max-width: 768px){
	.items1 li, #ex_utab .items1 li{ width:Calc(50% - 10px);}
	.items1 li:nth-child(2n), #ex_utab .items1 li:nth-child(2n){ margin-left:0 !important;}
	.items1 li:nth-child(3n), #ex_utab .items1 li:nth-child(3n){ margin-left:20px}
	.items1 li:last-child, #ex_utab .items1 li:last-child{ margin-left:0;}
}
@media only screen and (max-width: 550px){
	.items1 li, #ex_utab .items1 li{ width:100%; margin:0 0 20px !important;}
	.items1 li:nth-child(2n), .items1 li:last-child, #ex_utab .items1 li:nth-child(2n), #ex_utab .items1 li:last-child{ margin-left:0;}
}

.items2{ list-style:none; font-size:0; font-family:SahelB; position:relative; z-index:1;}
.items2 li{ width:100%; padding:10px 0; font-size:16px;}
.items2 li .check{font-size:16px !important; color:#ff4f4f; vertical-align: middle;}
.items2 li i{font-size:25px; color:#D84343; font-style:normal; display:inline-block; padding:0 5px;}
.items2 li b{ padding:0 10px; font-family:"sahel"; font-weight:normal; font-size:13px; line-height:23px; color:#797070; display:inline-block;}
.items2 li a, .butt_new{ max-width: 200px; width: 100%; margin:10px auto 0 0; padding: 13px 10px 13px 60px; background: #d72d30; color: #fff; font-family:"sahel"; font-weight:normal; font-size:16px; line-height:23px; text-align: center; text-shadow: 1px 1px 1px #000; border-radius: 5px; position: relative; display:block; transition:all linear 0.2s;}
.items2 li a:hover, .butt_new:hover{ opacity:0.7;}
.items2 li a i, .butt_new i{ width: 49px; height: 100%; line-height: 49px; background: rgba(0,0,0,.1); font-size: 15px; text-align: center; color: #fff; position: absolute; left: 0; top: 0;}
.items2 li .count1{ width:60px; text-align:center; display:inline-block;}
.items2 li .w_small{ width:35px;}

.u_title img{ width:100px; vertical-align: middle; display: inline-block;}

/*** faq ***/
.bor_top{ border-top: 1px dashed #ccc;}
#asking{ padding:60px 0; background: #fff;}
#asking .main > div{ max-width:800px !important; margin: 0;} 
#asking .main > div > div i{ margin-left:7px; color:#d72d30; font-size:20px; }
#asking .main > div > div{ margin-bottom:15px; color:#033D97; cursor:pointer; transition: all linear .2s;}
#asking .main > div > div:hover{ color:#d72d30;}
#asking .main .answer{ color:#000; display:none; transition: none !important;}
#asking .main .answer a{ color: #0378c7; transition: all linear .2s;} 
#asking .main .answer a:hover{ opacity:.7;}
#asking .main .answer ul{ padding-right: 30px;}
#asking .main > div > div i{ font-size:16px; position:relative; top:6px;}
#asking .txt_box{ width: Calc(100% - 30px);}

/**** show more content majoles ******/
.txt_majole{ padding-bottom: 25px; overflow:hidden; position:relative; /**transition:all linear .5s;***/}
.txt_majole ul, .txt_majole ol{ padding-right: 30px;}
.txt_majole a{ color:rgba(0,94,171,1.00); transition: all linear 0.2s;}
.txt_majole a:hover{ opacity:0.7;}
.txt_majole h2{color:#F36264; font-size: 19px; font-weight: normal; line-height: 35px; padding-bottom: 5px;}
.txt_majole h3{ font-weight: normal;}
.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:#F36264; font-size:15px; vertical-align:middle; transition: all .5s linear; }
.add_bt:before{ content:""; height:100px; background: -moz-linear-gradient(90deg, rgba(242,242,242,1) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.05)), color-stop(0%, rgba(242,242,242,0.05)), color-stop(1%, rgba(242,242,242,0.05)), color-stop(90%, rgba(242,242,242,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(255,242,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f2f2f2',GradientType=0 ); /* ie6-9 */  position:absolute; left:0; right:0; bottom:36px; display:block;}
.add_bt .addButton{ padding:5px 10px; line-height:30px; font-family:'sahelB'; font-size: 17px; font-weight: normal; color:#F36264; transition: all .5s linear; border-radius:5px 5px 0 0; display:inline-block;}
.add_bt.open{ background:transparent; bottom:-10px; margin: 20px auto 0 auto; color:#FFF;}
.add_bt.open i{ transform: rotateX(180deg);}
.add_bt{ position:absolute; left:0; right:0; bottom:0; text-align: right;}
.add_bt .addButton:hover{ opacity:0.6;}
.add_bt.open:before{ display:none;}
.txt_majole.full_show{ max-height: inherit !important; padding-bottom: 0;}
.txt_majole.full_show .add_bt{ display: none !important;}


/*** why hammura ***/
#why_ham{ padding: 0 0 70px 0;}
#w_box{ margin-top:15px;}
#w_box > div{ width:50%; padding: 25px; background:#f5f5f5; border: 1px dashed #ddd;}
#w_box > div:first-child{ border-left:none;}
#w_box img{ width:100%; display:block; transition:all linear 0.2s;}
#w_box img:hover{ opacity:0.8;}
#w_box .w_pic > div:first-child{ width:250px;}
#w_box .w_pic > div:last-child{ width:calc(100% - 250px); padding:15px 30px 0px 30px; text-align:justify; font-family: samim; font-size:14px; line-height:24px;}
#w_box .w_pic > div:last-child a{ margin-bottom:7px; font-family:sahelB; font-size:23px; line-height:33px; color:#222; display:block; transition:all linear 0.2s;} 
#w_box .w_pic > div:last-child a:hover{ color:#ff4f4f;}
 @media only screen and (max-width: 1024px){
	#w_box > div{ width:100%; margin-bottom:25px;}
	#w_box > div:first-child{ border-left:1px dashed #ddd;}
 }
@media only screen and (max-width: 600px){
	#w_box .w_pic > div:first-child{ width:100%;}
	#w_box .w_pic > div:last-child{ width:100%;}
	#w_box .w_pic > div:last-child{ padding:15px 0 0;}
}

.title_top{ padding: 0 40px; margin-bottom:25px; background:rgba(232,232,232,1.00); font-family: "sahelB"; font-size: 26px; line-height: 40px; color: #222; position: relative; display: inline-block; z-index: 5; text-align:center;}
.title_top.title_bg{ background: #fff;}
.opinions{ padding:70px 0 70px; background: #fff; text-align: center;}
.opinions .tribox{display: flex; flex-wrap: wrap; padding-top: 30px; justify-content:center;}
.opinions .tribox > div{ font-size: 16px; line-height: 27px; position: relative; border-radius: 0 50px 50px 0;}
.opinions .tribox > div > div{position: absolute; top: -40px; right: 0;}
.opinions .tribox > div > div > img{ width: 100px; height:100px; border: 2px solid #ccc; object-fit:cover;}
.opinions .tribox > div i:last-child{text-align: left;}
.opinions .o_quote{background: white; margin: 1%;}
.opinions .o_quote i{color: #e94748; font-size: 20px; display: block;}
.opinions .o_quote .big_quote{ padding-right: 115px; font-size:50px; text-align: right;}
.opinions .o_quote b{display: block; text-align: right; padding: 15px 0; font-weight:normal; font-family: sahel; color: #333;}
.opinions .o_quote span{ margin-top: 5px; color: #ff4f4f; text-align: left; font-size: 16px; font-family: sahel; font-weight:normal; display: block;}
.opinions .tribox > div.small{ width:31%;}
.opinions .tribox > div.big{ width:62%;}
.opinions .butt_new{ max-width: 160px; margin: 10px auto;}
@media only screen and (max-width:1200px){
	.opinions .tribox{ justify-content:center;}
	.opinions .tribox > div.small, .opinions .tribox > div.big{ width:100%;}
}
@media only screen and (max-width:790px){
	.opinions{ padding:50px 0 10px;}
	.o_quote{background: white; width: 100%; max-width: 400px; margin-bottom: 50px !important;}
}

/**chart**/
#chart{ padding: 0 0 60px;}
#chart .chart_txt ol{ padding-right:30px; margin: 5px 0; list-style: none;}
#chart .chart_txt ol li{ margin:5px 0;}
.chart_txt ol .number{ width: 25px; height: 25px; line-height: 25px; color: #fff; background: #d72d30; text-align: center; display: inline-block;}
#chart .chart_txt .u_title{ padding-bottom: 0; font-size: 18px; display: inline-block;}
#chart .chart_txt .u_title span.num{ width: 36px; height: 36px; font-size: 18px; line-height: 26px;}
#chart .ch_style span.num{ background: #fb8686; vertical-align: bottom;}
.h_light{ padding: 0 3px; background: #f0ffdb;}
#chart #circle_box{ width: 350px; height: 475px; display: block; margin:40px auto 90px; position: relative;}
#chart .circ{ width: 250px; height: 250px; background-color: antiquewhite; position: absolute; border-radius: 100%;}
#chart .circle1{ background:rgba(255, 86, 90, 0.5); top: 0; right: 50px;}
#chart .circle2{ background:rgba(0,145,216,0.5); top: 165px; right: -47px; z-index: 10;}
#chart .circle3{ background:rgba(0,132,23,0.5); top: 165px; right: 145px; z-index: 9;}
#chart .circle4{ background:rgba(239, 211, 173, 0.8); top: 69%; right: 50px;}
.circ .subject{ width: 140px; font-size: 20px; font-family: arial; direction: ltr; text-align: center; position: absolute; top: 50%; left:0; right: 0; transform: translateY(-50%); margin: auto;}
.circ .subject .main_title{ margin-bottom: 3px;}
.circ .subject img{ margin: auto; display: inline-block;}
.circ .subject b{ display: inline-block;}
.circ.circle1 .subject, .circ.circle1 span{ color: #842020;}
.circ.circle3 .subject, .circ.circle3 span{ color: #1c5625;}
.circ.circle2 .subject, .circ.circle2 span{ color: #044869;}
.circ.circle4 .subject, .circ.circle4 span{ color: #997b55;}
.circ span{ width: 162px; position: absolute; display: inline-block; padding: 0 6px; font-size: 15px; font-family: tahoma; letter-spacing: 1px; direction: ltr;}
.circ span.l_after:before, .circ span.l_before:before{ content:""; width: 20px; height: 1px; background: #333; display: block; position: absolute; top:0; bottom:0; margin: auto;}
.circ span.l_before{ text-align:right;}
.circ span.l_before:before{ left: 100%;}
.circ span.l_after:before{ right:100%;}
.circ.circle1 span:before{ background: rgb(255, 170, 172);}
.circ.circle2 span:before{ background: rgb(127, 200, 235);}
.circ.circle3 span:before{ background: rgb(127, 193, 139);}
.circ.circle4 span:before{ background: rgb(242, 219, 189);}
.circle1 > span:nth-of-type(1){ top: 42px; right: -147px;}
.circle1 > span:nth-of-type(2){ top: 82px; right: -165px;}
.circle1 > span:nth-of-type(3){ top: 122px; right: -168px;}

.circle1 > span:nth-of-type(4){ top: 42px; left: -147px;}
.circle1 > span:nth-of-type(5){ top: 82px; left: -164px;}
.circle1 > span:nth-of-type(6){ top: 122px; left: -167px;}

.circle2 > span:nth-of-type(1){ top: 73px; right: -162px;}
.circle2 > span:nth-of-type(2){ top: 112px; right: -168px;}
.circle2 > span:nth-of-type(3){ top: 152px; right: -162px;}

.circle3 > span:nth-of-type(1){ top: 13px; left: -120px;}
.circle3 > span:nth-of-type(2){ top: 53px; left: -153px;}
.circle3 > span:nth-of-type(3){ top: 92px; left: -166px;}
.circle3 > span:nth-of-type(4){ top: 132px; left: -166px;}
.circle3 > span:nth-of-type(5){ top: 175px; left: -152px;}
.circle3 > span:nth-of-type(6){ top: 214px; left: -117px;}

.circle4 > span:nth-of-type(1){ top: 112px; left: -172px;}
.circle4 > span:nth-of-type(2){ top: 152px; left: -166px;}
.circle4 > span:nth-of-type(3){ top: 112px; right: -172px;}
.circle4 > span:nth-of-type(4){ top: 152px; right: -166px;}
.circle4 > span:nth-of-type(5){ top: 191px; right: -145px;}

@media only screen and (max-width:630px){
	#chart{ padding: 0;}
    #chart #circle_box{ transform: scale(0.8,0.8);}
	#chart #circle_box{ margin: 10px auto 70px;}
	.circ .subject{ width: 170px; font-size: 28px; line-height: 35px;}
}
@media only screen and (max-width:520px){
	#chart #circle_box{ transform: scale(0.7,0.7);}
	#chart #circle_box{ margin: 0 auto 0; position: relative; top: -30px;}
	.circ span{ font-size:18px;}
}
@media only screen and (max-width:470px){
	#chart #circle_box{ transform: scale(0.6,0.6);}
}
@media only screen and (max-width:410px){
	#chart #circle_box{ transform: scale(0.5,0.5);}
	.circ span{ font-size:20px;}
}
@media only screen and (max-width:330px){
	#chart #circle_box{ transform: scale(0.4,0.4);}
    #chart #circle_box{ left:30px;}
}
#journey{ height:370px; background:#FFFFFF; padding: 40px 0;}
#journey > div{ padding:0 40px;}
#journey .jou_first{ border:30px solid rgba(0,0,0,.1); padding:30px; position:relative; margin-top:50px; border-right:transparent;}
#journey .jou_first i{ color:#E43F42; font-size:20px; position:absolute;}
#journey .jou_first .i_left{ top:-50px; right:100px;}
#journey .jou_first .i_down{ left:-45px; top:20px;}
#journey .jou_first .i_down1{ right:-15px; top: 110px;}
#journey .jou_first > div:fisrt-child{ position:absolute; top:-45px; right:-10px; height:60px; z-index:1; width:60px; border-radius:50%; background:#D84343;}
#journey .jou_first .flag{ position:absolute; top:-85px; right:-30px; z-index:2;}
#journey .jou_first .demo{ position:absolute; top:-100px; right:47%; z-index:2; background:#FFFFFF;}
#journey .jou_sec{ border:30px solid rgba(0,0,0,.1); padding:30px; position:relative; border-radius:0; border-left:none; border-top:none;}
#journey .jou_sec .install{ position:absolute; top:-37px; padding:15px 10px; background:#FFFFFF; right:5%;}
#journey .jou_sec .install > div{ height:15px; background:rgba(39,187,88,1.00); border-radius:20px; width:100px;font-weight:bold; font-size:11px;font-family:tahoma;text-align:center; line-height:15px; color:rgb(190, 255, 11);}
#journey .jou_sec .contract{ position:absolute; top:-60px; padding:5px 10px; left:23%; background:#FFFFFF;}
#journey .jou_sec .end{ position:absolute; bottom:-45px; left:-10px; height:60px; z-index:1; width:60px; border-radius:50%; background:#F77D7D; text-align:center;}
#journey .jou_sec .end i{ line-height:60px; font-size:25px; color:rgb(168, 41, 43);}
#journey .jou_sec .plant{ position:absolute; bottom:-70px; padding:5px 10px; right:35%; background:#FFFFFF;}
#journey .jou_sec .plant > img{ z-index:2; position:relative;}
#journey .jou_third{ border:30px solid rgba(0,0,0,.1); padding:30px; position:relative; border-radius:0; border-right:none; border-top:none; display:none;}
#journey .jou_fourth{ border:30px solid rgba(0,0,0,.1); padding:30px; position:relative; border-radius:0; border-left:none; border-top:none; display:none;}
#journey .jou_fifth{border:30px solid rgba(0,0,0,.1); padding:30px; position:relative; border-radius:0; border-right:none; border-top:none; display:none;}

.flag::after{content:'ماجراجویی ما شروع شد!'; font-size:12px; color:rgba(45,45,45,0.50); padding-right:25px;}
.demo::after{content:'1. جلسه دمو'; font-size:21px; color:#E43F42; line-height:38px; position:absolute; bottom:12px; left:-150px; font-family:SahelB;}
.contract::after{content:'2. عقد قرارداد'; font-size:21px; color:#E43F42; line-height:38px; position:absolute; bottom:18px; left:-150px; font-family:SahelB;}
.install::after{content:'3. نصب و راه‌اندازی سریع'; font-size:21px; color:#E43F42; line-height:38px; position:absolute; bottom:5px; left:-230px; font-family:SahelB;}
.plant::after{content:'4. آموزش و استقرار'; font-size:21px; color:#E43F42; line-height:38px; position:absolute; bottom:37px; left:-180px; font-family:SahelB;}
.end::after{content:'از یوتاب لذت ببرید!'; font-size:12px; color:rgba(45,45,45,0.50); padding-left:25px; position:absolute; bottom:20px; right:-100px;}
@media only screen and (max-width: 768px){
	#journey{ height:550px; padding:0; margin: 30px 0;}
	#journey > div{ padding:0;}
	#journey .jou_first .demo{ top:36px; right:0;}
	#journey .jou_first .demo img{ width:85px;}
	#journey .jou_sec .install{ top:142px; right:-35px;}
	#journey .jou_sec .contract{ top:50px; right:-47px; left:inherit;}
	#journey .jou_sec .contract img{ width:30px;}
	.contract::after{ left:inherit; right:85px; bottom:12px; white-space:nowrap;}
	.demo::after{ left:-125px;}
	#journey .jou_sec .plant{ padding: 30px 0px 5px 0px; bottom:-250px; right:-50px; z-index:1;}
	#journey .jou_sec .plant > img{ width:65px; position:relative; top:-22px;}
	#journey .jou_sec .spinner{ top:-10px;}
	#journey .jou_sec .end{ bottom:-313px; right:-44px;}  
	.end::after{ right:75px; bottom:16px; white-space:nowrap;}
	#journey .jou_sec .install > div{ width:80px;}
	.install::after{ left: -205px;}
	#journey .jou_third, #journey .jou_fourth, #journey .jou_fifth{ display:block;}
}
@media only screen and (max-width: 400px){
	#journey .jou_sec .install > div{ width:60px;}
	.install::after{ left: -200px;}
}

.blob2 {
  position: absolute;
  top: 135px;
  right:54px;
  fill: #F77D7DCC;
  width: 35vmax;
  z-index:1;
}
.blob3 {
  position: absolute;
  top: 155px;
  right:54px;
  fill: #F77D7DCC;
  width: 18vmax;
  z-index:1;
}
.blob {
  position: absolute;
  top: 175px;
  right:54px;
  fill: #F77D7DCC;
  width: 12vmax;
  z-index:1;
}
.blob svg{ transform: rotate(-65deg);}
.blob2 svg{ transform: rotate(-140deg);}
.blob3 svg{ transform: rotate(-50deg);}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.spinner{ position:absolute;top:0; z-index:1; line-height:0; animation: spin 40s linear infinite; -webkit-animation: spin 40s linear infinite;}
@keyframes heartbeat
{
  0%
  {
    transform: scale( 1 );
  }
  20%
  {
    transform: scale( 1.04 );
  }
  40%
  {
    transform: scale( 1 );
  }
  60%
  {
    transform: scale( 1.04 );
  }
  80%
  {
    transform: scale( 1 );
  }
  100%
  {
    transform: scale( 1 );
  }
}
#heart {
    animation: heartbeat 2s infinite;
	animation-delay:1s;
}

#vid_box{ position:relative; overflow:hidden; padding:0 0 50px;}
#vid_box video, #vid_box img{ width:50%; float:left; z-index:2; position:relative;}
#vid_box .text_box{ color: #fff; position: relative; z-index: 10;}
#vid_box .text_box ol, #vid_box .text_box ul{ padding-right: 20px; list-style-position: inside;}
.text_box .txt_short{ max-width: 900px; color: #fff; margin-bottom: 40px;}
.text_box .ques_ask{ padding: 50px 100px 0;}
.text_box .ques_ask .txt{ font-size: 18px; line-height: 30px; font-family: SahelB;}
#vid_box h3{ margin-bottom:10px; font-family:SahelB; font-size:30px; line-height:47px; font-weight:normal;}
@media only screen and (max-width: 1024px){
	#vid_box video, #vid_box img{ max-width:600px; width:100%; display:block; float: none;}
	#vid_box .blob2{ top: inherit; bottom:-100px; right: 30%;}
	#vid_box .blob3, #vid_box .blob{ top: inherit; bottom:35px; right: 30%;	}	
}
@media only screen and (max-width: 768px){
	.text_box .ques_ask{ padding:40px 20px 0;}
	#vid_box .blob2{ width: 250px; top: inherit; bottom:0px; right: 30%;}
	#vid_box .blob3, #vid_box .blob{ top: inherit; bottom:60px; right: 30%;}	
	#vid_box .blob{ width: 130px; bottom:120px;}
	#vid_box .blob3{ width: 180px;}
	#vid_box .blob3,#vid_box .blob2,#vid_box .blob{ right:10%;}
}


#trust{ padding: 30px 0 70px; text-align: center;}
.title_line{ max-width: 600px; width: 90%; height: 1px; margin: auto; background: #ccc; position:relative; top: -42px; display: block;}
#trust_item{ justify-content: center;} 
#trust_item img{ height:100px; margin: 0 30px; display: block; transition: all linear 0.2s;}
#permission{ padding: 70px 0; background: #fff; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; text-align: center;}
#solu_cust{ padding: 50px 0 20px; margin-bottom: 80px; background: #f7f7f7;}
#solu_cust .title_top { background: #f7f7f7;}
@media only screen and (max-width: 768px){
	#trust{ padding: 10px 0 40px;}
	#pro_new, #from_blog .txt, .pro_box{ font-size:18px; line-height: 32px;}
}

.coverImgtour{background:url(images/bg/utab3.jpg) repeat-y; background-position:50% 100% !important;}
.coverImgschool{background:url(images/bg/utab1.jpg) repeat-y; background-position:50% 23% !important;}
.coverImgshop{background:url(images/bg/utab4.jpg) repeat-y; background-position:50% 57% !important;}
.coverImgbussiness{background:url(images/bg/utab5.jpg) repeat-y; background-position:50% 90% !important;}
.coverImgmembership{background:url(images/bg/utab2.jpg) repeat-y; background-position:50% 80% !important;}
.coverImgdm{background:url(images/bg/dm.jpg); background-position:90% 75% !important; height:500px !important;}
.coverImgweb{background:url(images/bg/web.jpg); background-position:50% 50% !important; height:400px !important;}
.coverImgcrm{background:url(images/bg/utab3.jpg); background-position:36% 100% !important; height:500px !important;}
@media only screen and (max-width: 1400px){
	.coverImgcrm{ height:400px !important;}
	.coverImgdm{ background-position:90% 80% !important;}
	.coverImgshop{ background-position:50% 80% !important;}
	.coverImgschool{ background-position:50% 50% !important;}
}
@media only screen and (max-width: 700px){
	.coverImgdm{ height:400px !important; background-position:70% 50% !important;}
	.coverImgshop{ background-position:50% 10% !important;}
}

.colortheme1tour{color: #ff6b6b}
.colortheme2tour{fill: rgba(241, 75, 75, 0.75)}
.colortheme3tour{background: rgba(241, 75, 75, 1) !important}
.colortheme1school{color: #66e9be}
.colortheme2school{fill:rgba(65, 175, 139, 0.53)}
.colortheme3school{background: rgba(65, 175, 139, 1) !important}
.colortheme1shop{color: #a48bff}
.colortheme2shop{fill: rgba(84, 56, 184, 0.73)}
.colortheme3shop{background: rgba(84, 56, 184, 1) !important}
.colortheme1bussiness{color: #88cee3}
.colortheme2bussiness{fill: rgba(53, 141, 167, 0.75)}
.colortheme3bussiness{background: rgba(53, 141, 167, 1) !important}
.colortheme1membership{color: #98ec79}
.colortheme2membership{fill: rgba(85, 184, 49, 0.62)}
.colortheme3membership{background: rgba(85, 184, 49, 1) !important}

/** rating **/
.star_box{ min-height: 62px;}
.stars{width:100%; /*margin:5px 0 20px;*/ display:inline-block;}
.stars img{width:30px; height:auto;}
.stars i{color:#F7BB06 !important; font-size:18px; vertical-align:middle;}
.stars i.fgray{ color: #ddd !important;}
.stars i.fa-star-half{ width: 19px;}
.stars i.fa-star-half:after{ content: "\f005"; font-family:"Font Awesome\ 5 Free"; font-weight:900; margin: auto; color: #ddd; position: relative; left: -21px; z-index: 3;}
.stars i.fa-star-half:before{ position: relative; z-index: 4;}

.stars span{font-size:14px; display:inline-block; margin-left:10px;}
#star1,#star2,#star3,#star4,#star5{width:85px; background:url(images/symbol/stars.png) no-repeat; height:15px; }
#star1{background-position:0px 0}
#star2{background-position:0px -15px}
#star3{background-position:0px -30px}
#star4{background-position:0px -45px}
#star5{background-position:0px -60px;}
/****** Style Star Rating Widget *****/
.rating { 
  border: none;
  padding:0;
  margin:7px 0 0;
  text-align:center;
  direction:ltr;
  display:inline-block;
}

.rating > input { display: none; } 
.rating > label:before { 
  font-size: 30px;
  display: inline-block;
  font-family:"Font Awesome\ 5 Free";
  font-weight:900; 
}
.rating #s1:before { content: "\f556";}
.rating #s2:before { content: "\f119";}
.rating #s3:before { content: "\f11a";}
.rating #s4:before { content: "\f118";}
.rating #s5:before { content: "\f599";}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
  font-family:"Font Awesome\ 5 Free"; 
  font-weight:900;
 }

.rating > label { 
  color: #fd6564; 
  cursor:pointer;
  display:inline-block;
}

/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */
.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 
#wantstar{ padding:0 0 3px; border:none; border-bottom:3px solid #fc3; font-family:"samimBold"; font-size:13px; transition:linear .2s; cursor:pointer;}
#wantstar:hover{background:transparent; opacity:0.6;}
#givestar{transition: visibility 0s, opacity 0s linear;}
#givestar button{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;  border: none; font-size:13px; position:relative; top:4px; color:#413F3F; transition:linear .2s; left:5px; border-radius:3px; background:#fc3; min-width: 120px; padding: 0 0 1px 0; float:left; margin-right:15px; margin-left:-5px;}
#givestar button:hover{background:#F3B600; cursor:pointer;}
.results{ /*margin-top:10px;*/ font-size:15px; background: #35AD68; padding:8px 20px; color: #fff; font-family: samimBold; text-shadow: 1px 1px 1px #333;}
.results i{ margin-left:4px; color:#fff;}
.rate_box{ padding:8px 15px; background:#eee;}
.rate_text{ margin:0 0 0 15px !important; display:inline-block; direction:rtl; font-size:12px !important;}
.rate_text b{ font-size:15px; font-weight: normal; font-family:SahelB;}
.stars .gray{ color:gray !important;}
@media only screen and (max-width: 480px){
	#wantstar{ margin-top: 7px;}
	.stars span{ margin-left: 0;}
	.star_box{ min-height: 97px;}
}
	
/*solution*/
.starsolution .rate_box,.starsolution .results{background: none; color:white;}
.starsolution .rate_box{ padding: 0;}
.starsolution.stars span{ margin-left: 10px !important;}
.starsolution #wantstar{color:white; margin-left: 0 !important;}
.button_gheymat{color: white; background-color: #d84343;padding: 5px 10px 3px 10px;margin: auto;position: relative;left: 0;right: 0; margin: auto; margin-top: auto; display: block;max-width: max-content;margin-top: 22px;border: 1px solid #d84343;border-radius: 5px;}
.button_gheymat:hover{background-color: #db3030;}
/** end rating **/

/************************************** complaint **************************************/
#contact input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}
#contact input::-moz-placeholder { /* Firefox 19+ */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}
#contact input:-ms-input-placeholder { /* IE 10+ */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}
#contact input:-moz-placeholder { /* Firefox 18- */
  direction:rtl !important;
  text-align:right;
  font-size: 14px;
}

#c_banner{ padding-top: 90px; font-size: 36px; color: #ededed;}
#c_banner h1{ padding: 50px 0; font-weight: normal;}
.window .c_result{ padding:20px 0; color:#198200; font-size:16px; line-height:28px; text-align:center;}
.window .c_result i{ font-size:21px; vertical-align:middle;} 

#contact{ margin: 70px auto 80px;}
#contact .c_title{ padding:20px 0; color:#333; font-family:'SamimBold'; line-height: 32px; font-size: 20px;}
#contact .c_title i{ color:#ff4f4f; position: relative; top: 1px;}
#contact iframe{width:100%;}
#contact form ul{ font-size:0; padding:0; margin:0 0 5px 0; list-style: none;}
#contact form #part_one li{ width:33%; display:inline-block;}
#contact form #part_one li:nth-child(2){ margin:0 0.5%;}
#contact form ul input{ width:100%; height:40px; padding:0 5px; font-family: 'Samim'; font-size:14px; color:#333; border:1px solid #ccc; vertical-align:bottom; border-radius: 5px;}
#contact form #part_two li{ width:33%; display:inline-block;}
#contact form #part_two li:nth-child(2){ margin:0 0.5%; text-align:center;}
#contact form #part_two li:nth-child(2) iframe{ width:304px; position:relative;}
#contact form #part_two li:last-child{ position:relative;}
#contact form li textarea{ width:100%; height:90px; padding:0 5px; color: #333; font-family: 'Samim'; font-size:14px; border:1px solid #ccc; border-radius: 5px; resize:none;}
#contact form #part_two input[type="submit"]{ margin: 0; background: #ff4f4f; color: #fff; position:absolute; bottom:0; font-family:'SamimBold'; font-size: 15px; border: 1px solid #ff4f4f; transition: all linear 0.2s; cursor: pointer;}
#contact form #part_two input[type="submit"]:hover{ background: #ff1c1c; border: 1px solid #ff1c1c;}
#contact .Agreen:before{ content: "\f00c"; font-family:"Font Awesome\ 5 Free"; font-weight:900; margin-left: 5px; font-size: 18px;}
#contact .g-recaptcha > div{ position: relative; top: 1px;}
.dis_mess{ font-size:18px; line-height:32px; color:#830002;}
@media only screen and (max-width:940px){
	.res_align{ text-align:center;}
	#contact form ul{ margin:0;}
	#contact form ul input, #contact form ul select{ height:55px; font-size: 17px;}
	#contact form #part_one li, #contact form #part_two li{ width:100%; margin-bottom:10px; display: block;}
	#contact form #part_one li:nth-child(2){ margin:0 0 10px 0;}
	#contact form #part_one, #contact form #part_two{ max-width:450px; margin:auto; text-align:center;}
	#contact form #part_two li:nth-child(2){ margin:0 0 10px 0 !important;} 
	#contact form #part_two li:nth-child(2) iframe{ margin:0; position:static; vertical-align:inherit;}
	#contact form #part_two input[type="submit"]{ position:static;}
	#contact form li textarea{ font-size: 17px;}
	#contact .g-recaptcha > div{ margin: auto; display: block;}
}

/***************************** help **************************/
#help{ font-family: "sahel"; font-size: 16px; line-height: 27px;}
#help .main{ max-width: 1000px !important;}
#help_bann{ padding: 145px 0 65px; background: url(images/bg/background4.jpg); background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: cover !important;}
#help_bann h1{ font-family: "sahelB"; font-size: 30px; line-height: 40px; font-weight: normal;}
#help_bann h1 i{ margin-left: 10px; color: #ff4f4f; vertical-align: middle;}
.h_title { margin: 0 0 25px; margin-bottom: 25px;color: #000; font-family: "SahelB"; font-size: 29px; line-height: 46px; text-align: right;}

/** faq **/
.list-of-questions { margin: 60px auto; font-family: "sahel"; font-size: 16px; line-height: 28px;}
.list-of-questions .h_title{ margin-bottom: 8px;}
.list-of-questions b,.list-of-questions strong{ font-family: "SahelB"; font-weight: normal;}
.list-of-questions ol,.list-of-questions ul{ padding-right: 30px;}
.list-of-questions .text{ margin-bottom: 25px; text-align: right;}
.collapsible { color: #000;cursor: pointer;padding: 14px 25px 14px 12px;width: 100%; text-align: right;outline: none;font-size: 16px; border-right: 3px solid #d72d30; border-bottom: 1px dashed #ccc; font-family: 'SahelB';display: flex;justify-content: space-between;align-items: flex-start;transition: all .5s; position: relative;}
.collapsible:last-of-type{border-bottom: 1px solid #bfbfbf;}
.collapsible:nth-of-type(2n) {background-color: #f8f8f8;}
.collapsible i {transition: transform .5s;color:#d72d30}
.collapsible i.active {-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);color: #5cbea2;}
.icon-collapse{ padding-right: 10px;}
.content {padding:10px 25px 15px 25px;overflow: hidden;background-color: #e8fdf7;border-right: 3px solid #5cbea2; display: none;;color:#000;}
.content a{color:#004f8c;}
.content span{color:#004f8c}
.content p{padding: 18px 0;text-align:justify;}
.content img{ width: 100%; margin: 15px auto; display: block;}
.collapsible.active,.collapsible:hover {background-color: #e8fdf7;}
.collapsible.active{ border-color: #5cbea2;}
.titr-faq{margin-bottom: 20px; margin-top:20px; color: #004f8c;font-size: 18px;display: inline-block;font-family:'SahelB'}
.fq_box:last-of-type .collapsible{ border-bottom:none;}
.collapsible:before{ content:"\f068"; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size: 10px; color: #d72d30; position: absolute; right: 10px; top:17px; display: block;}
.collapsible.active:before{ color: #5cbea2;}

#utab_sec{ margin: 60px 0;}
#utab_sec .imkh_more{ width: inherit; max-width: max-content; padding: 5px 10px 5px 50px; margin: 20px 0 0; text-shadow: 1px 1px 1px #333;}
#utab_sec .imkh_more i{ line-height: 45px !important;}

/*** fehreste blog ***/
.top_list{ margin: 0 20px 0;}
.top_list ul li a{ color: #045c91; text-decoration: none !important; transition: all linear 0.2s;}
.top_list ul li a:hover,.top_list ul li::marker{ color: #AC1F1F !important;}
.padd50t{ position: relative; top: -50px;}
@media only screen and (max-width:1100px){
    .padd50t{ top: 0;}
}

/*Print Preview - bayad dar entehaye style gharar begirad*/
@media print {
	.noprint,.res_tr{ display:none !important;}
	#p_factor .main{ padding: 0 !important;}
	#pro_side #ex_utab{ width: 100% !important;}
	#pro_new, .in_print, .div_border{ background: none !important;}
	#modules_bt{ padding: 20px 20px 0 !important;}
	#banner_out h1{ padding-bottom: 30px !important;}
	.height_p{ height: 200px !important;}
	#pro_banner{ height: 400px !important;}
    header{ position: static !important;}
    #pro_new{ padding-top: 0 !important;} 
    #pro_banner .ban_txt{bottom: 200px;}

    #add_on > label{ width:Calc(50% - 10px);}
	#add_on > label:nth-child(3n){ margin-left:20px;}
	#add_on > label:nth-child(2n), #add_on > label:last-child{ margin-left:0;}
	#add_on > label:last-child{ width:100%; padding:15px 10px;}

    .items1 li{ width:Calc(33.333% - 13.5px);}
	.items1 li:nth-child(3n){ margin-left:0;}
	.items1 li:nth-child(4n){ margin-left:20px}
	.items1 li:last-child{ margin-left:0;}
    .new_page{ page-break-before: always;}
    .p_font{ font-size: 13px !important; line-height: 25px !important;}
    .week.p_font td:nth-child(1){ width: 60px !important;} 
    .week.p_font td:nth-child(2){ width: 85px !important;}
    .week.p_font td:nth-child(3),.week td:nth-child(5){ width: 100px !important;}
}
/*Print Preview - bayad dar entehaye style gharar begirad*/
/*safhe asli balhsh hammura che kar hayi mikond*/
.box2{margin-left: 50px;}
.box3{margin-right: 50px;}