/*html, body {*/
/*    max-width: 100%;*/
/*    overflow-x: hidden;!important;*/
/*}*/
/*add font-family*/
@font-face {
    font-family: BYekan;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/BYekan.eot');
    src: url('../fonts/BYekand41d.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/BYekan.ttf') format('truetype');
}
@font-face {
      font-family: 'IRANSans';
      src: url('../fonts/IRANSansWeb.ttf');
}
/*end add font-family*/
body {
    background:#fff;
    direction: rtl!important; 
    overflow-x:hidden;
    font-family: 'IRANSans';
}
h1,h2,h3,h4,h5,h6{font-family: 'IRANSans';}
a{
	text-decoration: none!important;

}
img{
	max-width:100%;
}
header,main,footer{
	width:100%;float:right;
}
#ctl00_textcta {
    margin-top: 27px!important;
    font-size: 18px!important;
    text-align: center!important
}
#ctl00_textcta a{ color: red!important;}
.topnav{padding: 10px 0 0;color:#000;height:70px	}
.topnav a{color:#000!important;}
.navmenu{
	background: #fff;
	border-bottom: 2px solid #ddd;
	z-index: 700;
}
.socialfoot .fa {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 3px;
}
.socialfoot .fa:hover {
    border-radius: 20px;
    color: #6b6b6b;
}
.end-page{
	padding: 15px 0;
	color: #000;
	background-color: #f0f0f0;
}
.policy{
	color:#fff;
}
.webdesign a{
	color:#fff;
} 
.login a {
    margin-left: 15px;
    color: #8f8f8f;
    font-size: 13px;
    padding: 15px;
    margin: 10px;
}
.login a i{
	font-size:16px;
	padding-left:10px;
}
.login p{
	color:#fff;
	font-size: 13px;
}
.login p i{
	font-size:16px;
	padding-left:10px;
}
.pdcbtn1 {
	box-sizing: content-box;
	border-radius:0!important;
	border:none!important;
	color:#fff!important;
	background: #4c037d !important;
}
.cart{
	background: #09A101!important;
}
.pdcbtn1 span{
	display: none!important;
}
.pdcimg1 img {
    width: 88%!important;
	transition:0.7s;
}
.pdcimg1 a{
	overflow: hidden;
	transition:0.7s;
}
.pdcimg1:hover img{
	-webkit-transform: scale(1.2) rotate(-10deg);
	-ms-transform: scale(1.2) rotate(-10deg);
	transform: scale(1.2) rotate(-10deg);
}
.pdcprice1, .pdcprice2 {
    color: #4c037d !important;
    font-size: 16px !important;
    padding: 5px 0!important;
}
.pdctitle1 {
	background: #fff!important;
	border: none!important;
	font-size: 13px!important;
}
.pdcli1:hover .pdctitle1 {
    color: #000!important;
    background: #fff!important;
}
.pdcli1{
	width: 19% !important;
	margin: 4px !important;
	transition:0.7s!important;
}
.pdcbtn1.more::before{
	content:"\f07a";
	color:#fff;
	font-family:FontAwesome;
	padding-left:10px;
	font-size:15px;
}
.pdcbtn1.cart::before{
	content:"\f0f6";
	color:#fff;
	font-family:FontAwesome;
	padding-left:10px;
	font-size:15px;
}
.pdcli1, .pdcli2 {
	box-shadow:none!important;
}
.pdcli1:hover{
	border: solid 1px #4C037D;
}
.contactus ul li,.contactus h6{
	color:#fff;
}
.contactus ul li{
	font-size: 15px;
}
.contactus h6,.quickaccess h6,.links h6{
	font-size:18px;
	text-align:center;
	padding-bottom: 15px;
	border-bottom:2px solid #fff;
	color:#fff;
}
.sy-slide figcaption .caption h4,.sy-slide figcaption .caption p{
	line-height:34px;
}
.sy-slide figcaption {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.sy-slide figcaption .caption {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.sy-slide figcaption .caption {
    background: rgba(0,0,0,.8);
    padding: 2rem;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    max-width: 31.25rem;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.figImage{
	position:relative;
}
.figImage img{
	width:100%;
}
.figImage .titleDl {
    color: #000;
    text-shadow: 0 1px 3px rgba(255,255,255,.9);
}
.figImage .titleFig {
    position: absolute;
   top: 37%;
    right: 50%;
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,.9);
    white-space: nowrap;
    font-weight: 700;
}
.figImage figcaption {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255,255,255,.7);
    padding: 2rem;
    text-align: center;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
	opacity: 0;
	transition:0.7s;
}
.figImage:hover figcaption{
	opacity:1;
}
.figImage figcaption .btn {
    margin-top: auto;
    background: #454545;
	color: #fff;
}
.figImage:hover .titleFig {
    opacity: 0;
}
.figImage figcaption .btn:hover {
    background:#4C037D;
}
.figImage h5{
	font-size:16px;
}
.figImage p{
	font-size:14px;
}
.section-title::after, .section-title::before {
    content: '';
    background: #ddd;
    height:1px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
}
.section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.section-title h3, .section-title h4 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
	margin-top: 30px;
	margin-bottom: 30px;
}
.nbs-flexisel-container {
    position:relative;
    max-width:100%;
	direction: ltr;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
	height:100%;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
	direction: ltr !important;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	line-height: 0px;
}

.nbs-flexisel-item img {
	position: relative;
	transition: 0.5s;
	width: 55%;
}
.nbs-flexisel-item p{
    text-align: center;
    padding: 10px 0;
    direction: rtl;
    color: #000;
    font-size: 14px;
}
.nbs-flexisel-item h3{
    text-align: center;
    font-size: 18px;
    width: 100%;
    color: #000;
    border-radius: 10px;
}
#flexiselDemo1{
	margin:20px 0;
}
/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding:2px 15px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;      
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top:50%;
	font-size: 25px;
	color: #000;
}

.nbs-flexisel-nav-left {
    left: 5px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 5px;    
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}
/* End carousel */
/* footer*/
.background-fixed h3 a{
	color: #417e72!important
}
.top-head a{
width: 82px;
height: 38px;
border-radius: 5px;
background: #459989;
display: block;
text-align: center;
padding: 9px;
font-size: 13px;
color: #fff !important;
margin: 0 auto;
    margin-left: auto;
margin-left: 8px;
float: right;
}
.top-head a:hover{
	color: #fff;
}
.grey{
	background: #686868 !important;
	color:#000;
}
footer {
    position: relative;
    font-family: 'IRANSans';
    font-size: 12px;
	float: right;
	width: 100%;
	padding: 40px 0;
}
.rsidef p{
	font-size:16px;
}

footer a{
	color:#000;
}
.UItoolbar {
    z-index: 999;
}
ul.VMenu a {
	border:none!important;
	background:transparent !important
}
.policy{
	text-align: center;
	float: none;
	display: block;
	color:#000!important; 
}
.webdesign{
	float:left;
}
.webdesign p{
	text-align: left;
}
footer ul{
	margin:0;
	padding:0;
	list-style: none;
}
footer ul li i{
	font-size: 16px;
	padding-left: 10px;
}
footer ul li{
	line-height: 30px;
	font-size: 14px;
}

@media(max-width:640px){
.search-box #___gcse_0 {
    width: 100%;
}
}
@media(max-width:480px){
	.pnl2col .one_third {
	width:100% !important;
	margin-bottom: 10px;
}
.article-row .newslist .event, .article-row .articlelist .event, .article-row .articledetail .event, .article-row .relatedarticlelist .event {
	width:100%!important;
}	
}
@media(max-width: 992px) and (min-width: 800px){
.pdcli1{
	width: 23.8% !important;
}
}
@media(max-width: 800px) and (min-width: 768px){
.pdcli1{
	width: 32% !important;
}
}
@media(max-width: 768px) and (min-width: 480px){
.pdcli1{
	width: 47.5% !important;
}
}
@media (max-width:768px){
.articless .event {width:100%!important;}
.login a,.login p {
    float: right!important;
}
.navmenu{
	position:relative!important;
}
.main-content {
    position: relative!important;
    bottom: auto;
    top: auto!important;
    -webkit-transform:unset!important;
    -moz-transform:unset!important;
    -ms-transform:unset!important;
    -o-transform:unset!important;
    transform:unset!important;

}
}
@media(max-width:480px){

.pdcli1 {
	width:100% !important;
	max-height:100%!important;
	margin:0;
}	
.pdcimg1 img,.pdcimg1 {
	max-height:100%!important;
}
}
.one_second{width:50%!important;}
.one_third{width:33.33%!important;}
.two_third{width:66.66%!important;}
.one_fourth{width:25%!important;}
.tree_fourth{width:75%!important;}
@media (max-width:767px){
.one_second, .one_third, .two_third, .one_fourth, .tree_fourth{width:100%!important;}
.box-art .articlelist .event{width:97%!important;}
}
@media (min-width:768px) and (max-width:992px){.one_second{width:50%!important;}
.one_third{width:33.33% !important;}
.two_third{width:66.66%!important;}
.one_fourth{width:25%!important;}
.tree_fourth{width:75%!important;}
}
p , ul li {  font-size: 16px;    line-height: 3em;}
h1, h2, h3, h4 ,h5{ font-size: 20px;  line-height: 3em;}
h1{ font-size: 22px;  line-height: 3em;}
.articless .event{width:25%;float:right;margin: 10px 5px!important;background: #f8f8f8!important;}
.articless  hr{display:none!important;}
.articless .event_thumbnail {width: 100%!important;}
.bannerimage img {margin:5px ;padding-top: 12px;width:60px!important;}

.sabtt {    color: #fff;    padding: 12px;    background-color: #182a63;    margin: 4px 2px;    text-align: center;}
.login a:hover {    background-color: #a5b91f1a;    border-radius: 20px;}
.main-slider {position: relative;text-align: center;}
.buton1 ,  .buton2{margin-top:-50px;margin-right: 2px;}
.box-art .articlelist .event{
width:24%;
float:right;
margin-right:5px!important;
min-height: 300px;
max-height: 450px;
overflow: hidden;
}


.articlelist hr {display:none;}
.box-art .articlelist .event_thumbnail{width:100%!important;}
.onvan {

    clear: both;
    text-align: right !important;
    margin: 2px 40px;
    font-size: 26px !important;

}
.imgarticle{margin-bottom:6px;}
.event_text{    line-height: 34px;    text-align: justify;}
#scroller{height: 143px !important;position:relative;width:100%;margin:0 auto;border-radius: 4px;}
#scroller .innerScrollArea{overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;direction:ltr!important}
#scroller ul{padding:0;margin:0;position:relative;padding-top: 17px;}
#scroller li{padding:0;margin:0;list-style-type:none;position:absolute;width:120px;}
#scroller li img{width: 100%;}
.crosle{border:2px solid #ccc; border-radius:3px;margin-bottom: 10px !important;}
/*------------------------flexisel styles begin---------------------*/
#flexiselDemo1{
display:none;
}
#flexiselDemo2{
display:none;
}
.nbs-flexisel-container {
    position:relative;
    max-width:100%;
	direction: ltr;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
	height:100%;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	line-height: 0px;
	padding:3px;
}

.nbs-flexisel-item img {
width:98%;
}
.nbs-flexisel-item p{
    text-align: center;
    padding: 10px 0;
    direction: rtl;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.nbs-flexisel-item h3{
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
    width: 55%;
    color: #000;
    margin: 0px auto 10px;

}
.flexiselDemo1{
	margin:20px 0;
}
.flexiselDemo2{
	margin:20px 0;
}
/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding:2px 15px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;      
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top:50%;
	font-weight: 700;
	font-size: 50px;
	color: #59bdf8;
}

.nbs-flexisel-nav-left {
    left: 5px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 5px;    
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}
.nbs-flexisel-item {
    width: 279px !important;
    border-radius: 2px;
    border: 2px solid #eaeaea;
margin: 0 3px;}
/*-----------------flexisel styles end------------------*/
.jadval td {padding:2px 5px;}
.btn-danger {
    background-color: #666 !important;
	border-color: #3f4c75 !important;
	color:#fff;
}
.btn-danger:hover {
     background-color: #fff !important;
	 	color:#182a63;

}
.csel{background: #f0f0f0;width: 98%;margin: 0 auto;}
.radio-inline input {    margin: 0 -15px !important;}
.main-slider img{width:100%;height:100vh;}
.imageslider {
    position: relative;
    text-align: center;
    color: white;
}
.boxslider {
    position: absolute;
    top: 20%;
    right: 15%;
} 
.boxslider p{
    padding: 30px;
    background: #1111114d;
    border-radius: 20px;
    margin: 20px;
}
.boxslider button {
    background: #24b5ef;
    color: white;
    padding: 30px 50px;
    border-radius: 77px;
    box-shadow: 2px 8px 30px #000;
}
.md-macbook-pro {
  display: block;
  width: 55.3125em;
  height: 31.875em;
  font-size: 13px;
  margin: 0 auto;
}
.md-macbook-pro .md-lid {
  width: 45em;
  height: 30.625em;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  border-radius: 1.875em;
  border: solid 0.1875em #cdced1;
  background: #131313;
}
.md-macbook-pro .md-camera {
  width: 0.375em;
  height: 0.375em;
  margin: 0 auto;
  position: relative;
  top: 1.0625em;
  background: #000;
  border-radius: 100%;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
}
.md-macbook-pro .md-camera:after {
  content: "";
  display: block;
  width: 0.125em;
  height: 0.125em;
  position: absolute;
  left: 0.125em;
  top: 0.0625em;
  background: #353542;
  border-radius: 100%;
}
.md-macbook-pro .md-screen {
  width: 42.25em;
  height: 26.375em;
  margin: 0 auto;
  position: relative;
  top: 2.0625em;
  // background: #1d1d1d;
  background: #fff;
  overflow: hidden;
}
.md-macbook-pro .md-screen img {
  width: 100%;
}
.md-macbook-pro .md-base {
  width: 100%;
  height: 0.9375em;
  position: relative;
  top: -0.75em;
  background: #c6c7ca;
}
.md-macbook-pro .md-base:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.5em;
  margin: 0 auto;
  position: relative;
  bottom: -0.1875em;
  background: #b9babe;
  border-radius: 0 0 1.25em 1.25em;
}
.md-macbook-pro .md-base:before {
  content: "";
  display: block;
  width: 7.6875em;
  height: 0.625em;
  margin: 0 auto;
  position: relative;
  background: #a6a8ad;
  border-radius: 0 0 0.625em 0.625em;
}
.md-macbook-pro.md-glare .md-lid:after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 1.25em 0 0;
  background: -webkit-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -moz-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -o-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: linear-gradient(53deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
}
/*end laptop*/
.bannerimage{width:100%;text-align:center}
.crbox:hover{box-shadow: 0 0 13px;}

@media(max-width: 2400px) and (min-width: 769px){.cssmenu ul ul {   top: 74px;}}

.payments{
	margin: 20px auto;
}