@font-face {
	font-family: 'iransans';
	src: url('/font/iransans.eot');
	src: local('iransans'), 
		 local('iransans'), 
		 url('/font/iransans.ttf') format('truetype');
}
 html,body {
 
    margin:0;
    padding:0;
    direction:rtl;
    font-family:iransans;
 
}

*, ::after, ::before {
    box-sizing: border-box;
}


 article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}
#master {
    width: 100%;
    float: right;
    text-align:center
}
header {
    float:right;
    width:100%;
    margin:0;
    padding:0;
    background-color :white;
    line-height :0;
    
   
}
.master2-title {
    float:right;
    width:100%;
    border-bottom:1px solid #F2F2F5;
    background-color: #F2F2F5;
  margin-top: -10px;
}
.master2-title h1{
   
    float:right;
  font-size:1.1em;
    padding-right: 5%;
    color:#24A3D8;
  
    text-align :right;
}
.master2-text {
    float:right;
    width:100%;
    text-align:justify;
    line-height :180%;
    padding:2% 2%;
  min-height: 600px;
}
.master2-text img{max-width:98%}
.back {
    float:left;
    padding-left: 5%;
  
}
.fixed {
   
        position: fixed;
    z-index: 44;
    top: 0;
    width: 100%;
    padding: 0px;
    margin: 0px;
   
       
}

kbd {font-size:2.6em;color:#24A3D8;font-weight:normal;cursor :pointer }
.back kbd {
    width: 20px;
   margin-top:20px;
}

.col-1 {
	width:30%;
}
.col-3 {
    width:25%;
}
.col-4 {
    width:32%;
}
.col-6 {
    width:43%;
}
.col-12 {
    width:100%;
}
a {
    text-decoration:none;
}

.banner-place {
    position: relative;
    width: 100%;
    float: right;
  top:-15px
   
}

.circle-place {
    width: 100%;
    float: right;
    position: absolute;
    z-index: 2;
    bottom: 10px;
}


.circle-place i {
    cursor: pointer;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #24A3D8;
    display: inline-block;
    margin: 0 5px;
}

.downloads  {
 
     
   
   
    
   
  float: right;
 
   
}

.downloads li  {

   border-bottom: 1px solid #e0e0e0;
  width:95%;
 
    margin: 5px 5px;
  
  
  
   
 
  
}

.downloads h3{
   
    text-align: center;
 background-color: #dae4e8;
  font-weight:bold;
  
  border-radius: 2%;
   padding: 15px 5px 0px 10px;
   border: 1px solid #ccc;
   margin: 5px 5px;
}


.downloads1 li :hover  {
 color:orange;
  

  
}

.login {
    padding-left: 15px;
}

.downloads ul {list-style:none;
  padding:0;

}

.versiondate{font-size: 0.8em;
float:left

}

div.downloads .icon-download{
font-size: 1.1em;
  padding:7px;
  cursor: pointer;
 
}
.downloads h3:hover {
   
   color: orange;
  
    
}


.container-social {
    display:inline-block;
    background-color:#F2F2F5;
    width: 100%;
}
.social-place {
    text-align:left;
    width: 90%;
    margin: 4px 55px 0 0;
    height: 37px;
}
.social {
    background-color: #CBCBCB;
    width: 30px;
    height: 30px;
       margin-bottom: 1px;
    display: inline-block;
}
.social img {
    
    padding: 2px;
      
}

.social a {
    color:white;
}
  
.menu img {
    display:none;
    cursor :pointer
}
.social a:hover {
    color:#3EC7C2;
}

a:link,a:visited {color:black;
}
header .social:hover {
    background-color:white;
}
.container-logo { 
    display:inline-block;
    width:100%;
    padding-top:8px;
  
}
.container-logo-content {
    width:95%;
    margin-left:auto;
    margin-right:auto;
}
/*.container-logo-content img {
    width:50px;
    padding-right: 10px;
}*/
.container-logo-content a {
    color:black;
}
.container-logo-content a:hover {
    color:#229DD1;
}
.logo-place {
    float:right;
}
.tel-container,.tel-container2 {
    float:left;
   margin-left:15px;
    line-height :150%;
}
.tel-container2 aside {
    float:left;
    text-align: left;
   
  padding-left:10px;
   
}
 .login-place{
background-color: #e1e1e1;
    text-align: left;
    font-size: 0.9em;
    padding: .5% 5%;

}

.tel-container aside {
    float:left;
    text-align: left;
   
  padding-left:10px;
   
}
.tel-container aside:nth-child(1) {
    margin-top:5px;
}
.tel-container2 aside:nth-child(2) div {
 padding-top: 15%;
}



.menu-container {
    background-color:#323946;
    width:100%;
    display:inline-block;
}
.menu-place {
   right:-400px;
    height: 70px;

    float:right;
}


.banner {
    float:right;
    width:100%;
    position:relative;
  z-index: -1;
}
.banner img {
    width:100%;
    max-height:400px;
        min-height: 140px;
   
}
.banner-text {
    position:absolute;
    z-index:1;
    text-align: right;
    top: 12%;
    right: 5%;
    color:white;
  
}

    .banner-text a,.bottom-text {
    padding:10px 20px 10px 20px;
    color:white;
 
    }

.back {
}
.caption h1 {
    color:black;
    margin:0px;
    padding:0px;
     /*text-shadow: 1px 2px white;*/
}
.caption p {
    color:yellow;
     
   
}
.bottom {
    border: 2px solid white;
    border-radius:5px;
    left: 150px;
}
.banner a {
    border-radius:5px;
    margin: 15px;
    background-color:#24A3D8;
    color:white;
}
.banner a:hover:hover {
    background-color:white;
    color:#24A3D8;
}
.bottom {
    border: 2px solid white;
    position:absolute;
    z-index:1;
    text-align: right;
    top: 450px;
    left: 1%;
    border-radius:5px;
    left: 150px;
}

.bottom:hover {
    background-color: #24A3D8;
}
.container-boxes {
    float:right;
    width:100%;
    padding-top:2%;
    padding-bottom:2%;
   
}
.container-box {
    display:inline-block;
    text-align:center;
    vertical-align: top;
    margin: 1%;
 
}

.container-box p {
   
    text-align:justify;
    
 
}

.container-box img{    transition: all .2s ease-in-out;}
.container-box img:hover{transform: translateY(10px);}

.container-boxes .col-3  { 
     width: 21%;
}
.container-box h2{
  
    margin:0px;
}
.container-box img {
    width:60px;
      max-height:60px;
}
.container-box a{
    color:black;
}
.container-box a:hover{
    color:#229DD1;
}
figure {
    float:right;
    width:100%;
    position:relative;
    margin: 0px;
  
}
figure img{
    max-width:100%;
    
          min-height: 130px;
}
.figure-text {
    left: 5%;
    right: 5%;
    top: 60px;
    position:absolute;
    z-index:1;
}
.figure-caption{
    text-align: right;
    border-left:1px solid white;
    color:white;
    font-size:2em;
    font-weight:bold;
    display:inline-block;
    padding-left: 25px;
}
.figure-text p{
    display:inline-block;
    color:white;
    padding-right: 15px;
}
.figure-bottom-place {
    display:inline-block;
    margin:50px;
}
.figure-bottom-place a {
    border-radius:5px;
    color:white;
    background-color:#24A3D8;
}
.figure-bottom-place a:hover {
    border-radius:5px;
    color:#24A3D8;
    background-color:white;
}
.container-about {
    float:right;
    width:100%;
    padding-top: 2%;
    padding-bottom: 3%;
}
.about-box {
    padding-bottom:3.5%;
}
.banner{display:none;
        

}
.banner:nth-child(1){display :inline;}



.about-box div {
    border: 1px solid #ebebeb;
    padding:10px 10px 10px 10px;
    position: relative;
    cursor:pointer;
    display:inline-block;
    text-align :center;
    width:28%;
}
.about-box a {
    color:black;
}
div.active {
    background-color:#24A3D8;
    color:white;
 
    }

.container-about-caption {
   
    font-weight:bold;
    text-align:center;
}
.container-about section{
    display:inline-block;
    text-align:right;
    margin-right:40px;
    margin-left:40px;
    vertical-align: top;
}


.tab{vertical-align :top;}

.tab p{display :none;}

.tab p.active{display :inline;}

.container-Customer {
    float:right;
    width:100%;
  
}
 .container-Customer p {
    margin: 0px;
}

.container-Customer-caption {
   
   
    text-align:center;
}
.container-Customer section{
    display:inline-block;
    text-align:center;
    border:1px solid #F0F0F0;
    border-radius:5px;
    margin:30px;
    padding:30px 0px 20px 0px;
    vertical-align:top;
}
.container-Customer section img{
    border-radius:50px;
}
.container-Customer .col-4 {
    width: 26%;
}
.container-Customer-name {
   
    
}
.Customers {
float: right;
    display: flex;
    width: 100%;
    background-color: #F9F9F9;
    flex-wrap: wrap;
    justify-content: center;
      
}

    .Customers img {
        opacity: 0.3;
    }
.Customers a{
display: inline-block;
    text-align: center;
    width: 14%;
    transition: all .9s ease-in-out;
}


footer {
    background-color:#323946;
    float:right;
    width:100%;
}
.footer-box {
    display:inline-block;
    text-align:right;
    vertical-align:top;
    padding:2%;
}
footer .col-3 {
    width:24%;
}
footer h3 {
   
    color:white;
}
footer p {
    color:white;
    display:inline-block;
}

footer li,footer a:link,footer a:visited{font-size:0.9em;padding-bottom :5px;  color:white;}


.contact-list a {
    color:white;
}


footer li a:hover {
    color: #51ccff;
}

footer kbd{font-size:1.6em;padding-left:10px; width:10px;   
    font-family:Calibri}

footer .social-place {
    
    margin: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
    height:20px;
}
footer .social {
    background-color: white;
    width: 25px;
    height: 25px;
}
footer .social img {
    
}
.footer-caption {
    border-bottom:1px solid #616873;
    text-align-last:right;
  
    color:white;
}
.contact-list {
    color:white;
   font-size:0.9em;
  
}
.contact-list p {
    margin:0px;
}
.contact-list img{
    width:20px;
    vertical-align: middle;
    padding-left: 10px;
}

footer ul {
    padding-right: 0px;
}
.privacy {
    display: inline-block;
    width: 100%;
    text-align:center;
    color:white;
    background-color:#282e3a;
    padding: 15px 0px 15px 0px;
}
.privacy a{ 
    color: white;
}
.privacy a:hover{
    color: #51ccff;
}

/*.about-box div:hover:after*/
div.active:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #24A3D8 transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 110px;
}
.service-container{
	float:right;
	width:100%;
	padding-top: 100px;
    padding-bottom: 100px;

}
.service-container-box{
	display:inline-block;
	margin: 20px;
	vertical-align:top;
}
.service-container-box img{
    width:100%;
}
.service-container-box-caption{
	font-weight:bold;
	font-size: 1.5em;
}
.service-caption {
	position:absolute;
	z-index:1;
	top: 20px;
    color:white;
    width: 100%;

}

.items {
       text-align :center;
     
}

.items li{display:inline-block;min-width:100px;margin:15px; border:2px solid #e0e0e0;padding:3px;}

.film li {
  
  border: 2px solid #e0e0e0;
  padding: 15px;
  width:300px;
}


.items li img{max-height:250px}

.items2 li img{max-height:120px}
 iframe {
    width: 60%;
    max-height: 250px;
  float :left;
    min-height: 550px;
}
 

.contact-text {
	float:right ; 
	width:auto; 
	margin-bottom:20px;
	min-height:100px;
   
}

.contact-text  li {
	
	color:#000000;

  
	float:none;

    height:30px;
   list-style:none;
   
}

    .contact-text  li div:nth-child(2) {

         background-color:#F2F2F2;
         width:320px;
    height:30px;
    float:right;
 
    }

.contact-text li div  {
	
	
        padding:10px;
     margin-top:8px;
}

.contact-text li  div:nth-child(1) {
	
	float:right;
    width:25px;
    height:30px;
    border-radius:2px;
    

}

.contact-text  li:nth-child(1) div:nth-child(1) {background:#FF4800 url('/images/public/phone.png')center no-repeat}
.contact-text  li:nth-child(2) div:nth-child(1) {background:#FF4800 url('/images/public/fax.png')center no-repeat}
.contact-text  li:nth-child(4) div:nth-child(1){background:#FF4800 url('/images/public/mail.png') center no-repeat}
.contact-text  li:nth-child(3) div:nth-child(1){background:#FF4800 url('/images/public/telegram.png') center no-repeat}
.contact-text  li:nth-child(5) div:nth-child(1){background:#FF4800 url('/images/public/contact.png') center no-repeat}
.contact-text   li:nth-child(6) div:nth-child(1){background:#FF4800 url('/images/public/contact.png') center no-repeat}


#company-pic img {
    filter: grayscale(100%);
   
}
#company-pic-div {
    width: 2750px;
    border-right: 1px #444444 solid;
    padding: 5px;
}

#company-pic {
    
    overflow: hidden;
    direction: ltr;
  
    margin-left: auto;
    margin-right: auto;
}

#company-pic img:hover
{   
    cursor :pointer;
   opacity:1; 
        filter: none; 
        filter: grayscale(0%);
        opacity:0.9;
}





.container-feature {
    float:right;
    width:100%;
    padding-top:2%;
    padding-bottom:2%;
}
.container-feature-caption {
    display:inline-block;
    width:95%;
    text-align:right;
    padding: 0 3%;
    font-weight:bold;
    font-size: 1.5em;
}
.container-feature-text {
   border-top:1px solid #F2F2F5;
   
  
    line-height: 30px;
}

.container-feature-text a:visited,.container-feature-text a:link {color:black;}

.container-feature-text a:hover{color:#24A3D8}
.feature-box-place {
display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.feature-box {
    display:inline-block;
    border:1px solid #E8E8F8;
    margin: 15px;
    vertical-align:top;
    direction:ltr;
    line-height: 0px;
    overflow :hidden;
   
}
.feature-box div{
    padding: 5px;
  text-align: center
}

.feature-box div:nth-child(1){ height:145px;} 


.feature-box img{
    max-height:145px;
    max-width: 100%;
    transition: all .9s ease-in-out;
}

.feature-box img:hover{
   transform:scaleX(1.1)
}
.feature-box-place .col-3 {
    width: 17%;
}
.container-demo {
    float:right;
    width:100%;
    background-color:#49c2f5;
    position :relative;
      
        padding-top: 15px;
margin-bottom: 20px;

    
}
.activedemo {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 30px 30px 0px;
    border-color: white transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 0px;
    left: 47.5%;
}
.container-demo-caption {
    font-size: 1.8em;
    font-weight: bold;
    text-align: right;
    color:white;padding-right:3%;
}

.container-demo li{
    display :inline-block;
    margin: 1px 1px;
}

.logo-enamad{float:right;
width:100%;
  text-align:center;
}

.logo-enamad img{

cursor: pointer;
  max-width: 150px;
  max-height: 150px;

}


.icon-search{cursor :pointer;

}
#txtSearch {
background: transparent;
    color: black;
    padding: 0px;
    margin-top: 5px;
    font-size: 0.9em;
    font-family: 'iransans';
    border: 0px;
    height: 30px;
    float: right;
    text-align: right;
    width: 150px;
    
}

.search input:focus

 {
    outline: none;
}

.search {
   padding: 0 1%;
  float:left;
    text-align: left;
  
    border: 1px #f3eded solid;
  background-color:white;
   margin: 1% 4%;
   
}

#form1005 li select{width:200px;}
#form1005 #txtcaptcha{margin:0 6px;width:200px}
#form1005 fieldset{border: 0px solid #6082ff;width:95%;
                 
    margin: -15px 1.5% 0px 0px;
}

#form1005 fieldset ul{text-align :center;margin:0px;}

#form1005 input[type=button] {

    background-color:#282c74 ;
  color:white;
    padding:10px;
    font-size:1em;
}

 #form1005 fieldset li input {

     border-radius: 0px; 
     box-shadow:none; 
border: 0px solid;
border-radius: 0;


text-align :center;
}

 #form1005 h6{display:none;}
 input{ font-family :iransans;}

#form1005 input[type=button ]{font-family :iransans;
                    padding:5px;
}

#form1005 select {

padding: 4px 4px 4px;

font-family :iransans

}

#form1005 fieldset li{width:auto}

.tel-container aside{  font-size:0.9em;}

.container-demo-caption span:nth-child(2){
    font-size:0.6em;
   padding:0 2%;

}

.container-demo-caption {
   
   margin:10px 0;

}

/* Under 1024px	*/
@media (max-width: 1200px) {
.service-caption {
	top: -9px;
}
  
      .col-4 {
    width: 45%;
}


.container-boxes .col-3 {
    width: 20%;
}
	.col-1 {
    width: 28%;
}


.footer-box {
    padding: 22px;
}
.about-box div {
    width: 27%;
}
.container-about section {
    margin-right: 20px;
    margin-left: 20px;
}
.figure-text {
    top: 30px;
}
.master2-text {
    width:93%;
}
}


/* Under 980px	*/
@media (max-width: 1000px) {
.figure-text {
    left: -7%;
    right: -2%;
}
  



    iframe {
        width: 50%;
    }

.tel-container aside{  font-size:0.8em;}

.container-Customer .col-4 {
    width: 28%;
}
.container-Customer section {
    margin: 23px;
}


}
/* Under 800px	*/
@media (max-width: 820px) {

    .banner-text  h2,.banner-text  p{margin:0px}
  .search {
    
    
   display :none
}

     iframe {
    width: 95%;
    
}
  
  .menu{    position: absolute;
    top: 1px;
}

     #form1005 fieldset{border:none;}
 
      #form1005 fieldset li{width:450px}


	.col-1 {
    width: 40%;
}
.master2-text {
    width:100%;
}
	.service-caption {
    top: -31px;
}

.container-boxes .col-3 {
    width: 33%;
}
.container-Customer .col-4 {
    width: 40%;
}
.col-6 {
    width: 82%;
}
footer .col-3 {
    width: 42%;
}



.figure-bottom-place {
    margin: 5px;
}
.figure-caption {
    padding-left: 5px;
}

.logo-place{padding-right:3px;}

.col-6 {
    width: 90%;
}
.about-box div {
    width: 29%;
}
.figure-text p {
    padding-right: 0px;
}


}

/* Under 600px	*/
@media (max-width: 620px) {
  
  form.ticket #tickettitle {
   
    width: 100%;
   
    display: block;
}
  
  form.ticket fieldset li.third {
    width: 99%;
}

    .social-place {
        text-align: left;
        width: 100%;
         margin: 2px 0px 0 0;
    }
  
  .col-4 {
    width: 98%;
}
  

   

   ul {
   padding: 0px;
}
.feature-box-place .col-3 {
    width: 45%;
}

    .feature-box img {
        max-width: 98%;
    
    }

footer .col-3 {
    width: 88%;
}
.container-Customer .col-4 {
    width: 80%;
}
.about-box div {
    width: 28%;
}




.tel-container aside:nth-child(1){width:32px;
                                 
}

    .tel-container aside img {
        max-width: 35px;
    }

.tel-container aside{  font-size:0.8em;}

.menu img {
    display: inline;
    padding-right:0px;
    max-width: 40px;
	float:right;
	max-height:35px;
    margin-right:10px;
      margin-top:3px;
}
.menu-place {
    position: absolute;
    top: 36px;
  
}
.container-boxes .col-3 {
    width: 90%;
}
.banner-text {
    top: 20px;
}

.figure-text{display :none }



}
/* Under 360px	*/
@media (max-width: 500px) {

 
    .tel-container {display :none}

.about-box div {
    width: 91%;
}
.banner-text a, .bottom-text {
    padding: 5px 10px 5px 10px;
}
.banner-text  {display:none;
}
.caption p {
   display:none;
}
.banner-text {
    top: 8px;
}

	.service-caption {
    top: -35px;
}
	.col-1 {
    width: 85%;
}



.back {
   
}
.back img {
    width: 10px;
}

}
/* Under 320px	*/
@media (max-width: 430px) {
     #form1005 fieldset li{width:350px}
    
    .contact-text  li div:nth-child(1) {



    display:none;
    }

    .contact-text li div:nth-child(2) {

        width:85%;
    }
     .tel-container {
           margin-bottom :10px; 
        }

.logo-place {
    width: 100%;
}
    .logo-place img {
        max-width: 150px;float :right;
    }

.master2-text {
   
}
.logo-place img {
    width: 100%;
}
.privacy {
    padding: 0px;
}

    @media (max-width: 320px) {

        .tel-container {
            width: 150px;margin-bottom :10px;
        }

        .tel-container aside:nth-child(2){width:120px;
                                 
}

    }
}